GIF finns överallt. Den en gång så ödmjuka animerade bilden är nu webbens inofficiella språk. GIF:er är det snabbaste sättet att uttrycka en känsla på Twitter, och du kan slösa timmar på att titta på dem på Reddit och Facebook.
Det finns massor av ställen att hitta GIF, men inget slår att göra dina egna. Du kan skapa en animerad GIF i Photoshop genom att konvertera videor eller använda en serie statiska bilder. Låt oss ta en titt på hur man gör båda.
Gör en GIF i Photoshop från en video
Det finns många sätt att konvertera en video till en GIF, och det är också väldigt enkelt att skapa en GIF i Photoshop med en av dina egna filmer.
Börja med att gå till Arkiv > Importera > Videoramar till lager. Du behöver inte skapa en ny fil först. Välj din video och klicka Öppen.
I dialogrutan som följer kan du välja om du vill importera hela videon eller bara en utvald del. Om du väljer det senare, dra trimhandtagen under förhandsgranskningsfönstret inåt för att ställa in nya start- och slutpunkter. Allt mellan dessa handtag kommer att importeras; allt utanför kasseras.
Tänk på att ju mer video du importerar, desto större blir din resulterande GIF.
Om du importerar ett stort klipp väljer du Begränsa till varannan bildruta (eller mer) är ett enkelt sätt att minska storleken utan att påverka kvaliteten för mycket. Klipp inte för många ramar, annars kommer du inte att få en jämn GIF.
Se till Gör ramanimering är markerad och klicka sedan OK. Videon börjar importeras. Det kan ta ett tag beroende på hur stor den är. När det är klart har du en ny bildfil, där varje bildruta i videon placeras på sitt eget lager.
Längst ner på skärmen finns Tidslinje palett. Detta visar alla ramar som kommer att utgöra din GIF, där varje ram motsvarar ett annat lager i bilden.
Du kan lägga till eller ta bort ramar eller redigera något av de befintliga lagren precis som du skulle göra med ett vanligt lager på alla andra bilder. Men för en direkt export av en video till en GIF, tryck helt enkelt på Spela knappen längst ner för en förhandsvisning. När du är nöjd är du redo att spara GIF.
Hur man exporterar en GIF i Photoshop
Gå till Arkiv > Exportera > Spara för webben (legacy). I rutan som öppnas, ställ in formatet till GIF, Färger till 256 och minska Bildstorlek till något mindre som ett sätt att hålla nere den totala filstorleken.
Du kan se hur stor din resulterande fil kommer att bli längst ner till vänster i förhandsgranskningsfönstret. Om den är för stor, dra Förlustig reglaget till höger. Detta kommer att påverka kvaliteten, men också minska filstorleken avsevärt.
Slutligen, slå Spara för att exportera din animerade GIF.
Skapa en GIF i Photoshop med stillbilder
Om du inte har en video att använda kan du skapa en GIF manuellt från en serie statiska bilder. Det finns appar som hjälper dig att animera bilder på din telefon, och du kan också göra det i Photoshop.
Du gör din GIF från en enda bildfil som innehåller flera lager, och lagren används för att tillhandahålla innehållet för varje bildruta i din animation. Det finns två sätt att komma igång.
Om du redan har gjort bilderna för din animation, importera dem genom att gå till Arkiv > Skript > Ladda filer i stack.
Klick Bläddravälj alla bilder du behöver och tryck OK. Varje bild kommer sedan att placeras på sitt eget individuella lager inom samma fil.
Alternativt, om du inte redan har gjort bilderna, gör det nu. Kom ihåg att varje del av animeringen ska gå på sitt eget lager.
Redigera en animerad GIF i Photoshop
Så här fungerar det:
När du manuellt skapar en ram i animationen, kommer varje lager i din bild som är inställd på Synlig kommer att ingå i den ramen. Lager inställda på Dold kommer inte att ingå i ramen.
Du skapar din animation genom att visa eller dölja olika lager i bilden för varje bildruta.
Så för den första bildrutan kanske du vill ställa in bakgrundslagret till Synlig och alla andra lager till Dold. Sedan, i den andra ramen kanske du vill göra det andra lagret synligt, och sedan det tredje lagret i den tredje ramen, och så vidare. Det kommer att bli klart när du kommer igång.
Gå först till Fönster > Tidslinje. Klicka i mitten av panelen som öppnas Skapa ramanimering. Detta skapar den första bildrutan i din animation. I den Skikten palett, dölj de lager som du inte vill ska ingå i den här ramen genom att avmarkera Öga ikoner.
Klicka nu på Ny ram knappen, som kommer att duplicera föregående bildruta. Än en gång, dölj de lager du inte vill inkludera i den här nya ramen och synliggör de som du gör.
Upprepa denna process tills du har lagt till alla ramar du behöver i din GIF.
Ställ in bildhastigheten och gör en slingande GIF
För att avsluta, ställ in Frame Delay– det här är i själva verket bildhastigheten. Klicka sedan på den första ramen Skift-klicka den sista bilden.
Klicka nu på rullgardinsmenyn under en av ramarna och välj en fördröjning. Ingen försening betyder att animeringen kommer att gå igenom snabbt, medan ett visst antal sekunder betyder att varje bildruta kommer att vara kvar på skärmen så länge.
Slutligen, ställ in Slingalternativ, som du hittar längst ned på panelen Tidslinje. Den anger hur många gånger GIF-en ska spelas. I de flesta fall vill du ställa in den på Evigt.
Tryck nu på Spela knappen längst ned på skärmen för att förhandsgranska din GIF. Du bör nu se din animerade GIF i aktion.
Du kan redigera ramar bara genom att markera dem och justera vilka lager som är synliga (du kan också justera opaciteten eller göra andra mer avancerade justeringar). Lägg till fler lager om du behöver dem, eller tryck på Soptunna ikonen för att radera dem.
När du är nöjd kan du hoppa vidare till avsnittet Exportera en GIF. Eller läs vidare för att förfina animeringen och skapa en smidig GIF.
Avancerade animationer med tweening
Photoshop stöder en kraftfull animeringsfunktion som kallas interpolering. Detta gör att du kan skapa smidiga GIF-animationer genom att automatiskt generera övergångsramar mellan två befintliga ramar.
Säg till exempel att du ville att ett lager skulle tona in. Du skulle skapa en ram med det lagret inställt på Doldoch en annan med den inställd på Synlig. Sedan skulle du “tween” mellan dessa två ramar, och Photoshop sköter resten.
I vårt exempel ska vi interpolera mellan alla bildrutor för att ge vår stjärnhimmel en mer blinkande effekt.
Välj först den första ramen och klicka på Tween knappen i verktygsfältet längst ned på tidslinjepanelen.
Ställ in i dialogrutan som öppnas Tween med till Nästa ramoch Ramar att lägga till till antalet övergångsramar du vill ha. En högre siffra innebär en mjukare men långsammare effekt. Klick OK för att generera de nya ramarna.
Upprepa nu processen för de andra originalramarna du skapade. När du får den sista kanske du vill ställa in Tween med till Första ram. Detta hjälper till att skapa en smidig övergång tillbaka till början av en looping GIF.
Slå Spela knappen för att förhandsgranska effekten.
Exportera en GIF i Photoshop
När du är klar bör du först spara din fil i PSD-format. Detta sparar all lager- och animationsinformation så att du kan komma tillbaka och redigera den senare om du behöver. Efter det kan du exportera den som en GIF.
Gå till Arkiv > Exportera > Spara för webben (legacy). I dialogrutan som öppnas, se till att formatet är inställt på GIF och att Färger alternativet är inställt på 256 (detta säkerställer maximal kvalitet).
Andra inställningar som du kanske vill ändra inkluderar Bildstorlek och Slingalternativ om du inte gjorde det innan.
Förhandsgranskningsfönstret visar vilken storlek filen kommer att ha när du sparar den. Du kan också klicka på Förhandsvisning för att testa animeringen i ett webbläsarfönster. Slutligen, klicka Spara för att spara och exportera din GIF.
Skapa och redigera GIF-filer i Photoshop
Det är ganska enkelt att göra en GIF i Photoshop, och det är värt att göra eftersom det ger dig fullständig kontroll över resultatet.
Och om du inte har Photoshop, oroa dig inte. Det finns gott om billigare redigerare som också har funktioner för att skapa GIF.
Om författaren
Andy Betts (217 publicerade artiklar)
Andy är frilansskribent och juniorredaktör för Android på MUO. Han har skrivit om konsumentteknologi sedan början av 2000-talet för ett brett utbud av publikationer och har en passion för allt som rör mobilt.
Mer från Andy Betts
Prenumerera på vårt nyhetsbrev
Gå med i vårt nyhetsbrev för tekniska tips, recensioner, free e-böcker och exklusiva erbjudanden!
Klicka här för att prenumerera
