Hur man gör en GIF i Adobe Photoshop

Hur man gör en GIF i Adobe Photoshop

GIF finns överallt. Den en gång ödmjuka animerade bilden är nu det inofficiella språket på webben. GIF är det snabbaste sättet att uttrycka en känsla på Twitter, och du kan slösa timmar med att titta på dem på Reddit och Facebook.





Det finns massor av ställen att hitta GIF: er på, men inget går bättre än att göra din egen. 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 drar du 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 kastas.



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 ram (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 smidig GIF.





Se till Gör ramanimation är markerad, klicka sedan på OK . Videon börjar importera. 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å ett eget lager.

Längst ner på skärmen finns Tidslinje palett. Detta visar alla ramar som kommer att utgöra din GIF, som 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 med ett normalt lager på en annan bild. Men för en rak 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 webb (äldre) . Ställ in formatet på GIF i rutan som öppnas, Färger till 256, och minska Bildstorlek till något mindre som ett sätt att hålla den totala filstorleken nere.

Du kan se hur stor den resulterande filen blir längst ned till vänster i förhandsgranskningsfönstret. Om det är för stort, dra Förlorad 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 animera foton 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 animering. Det finns två sätt att komma igång.

Om du redan har gjort bilderna för din animering, importera dem genom att gå till Arkiv> Skript> Ladda filer i stack .

hur man gör en checklista i excel

Klick Bläddra , välj alla bilder du behöver och tryck på OK . Varje bild placeras sedan på sitt eget individuella lager i samma fil.

Alternativt, om du inte redan har gjort bilderna, gör det nu. Kom ihåg att varje del av animationen 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, varje lager i din bild som är inställt på Synlig kommer att ingå i den ramen.
  • Lager inställda på Dold ingår inte i ramen.

Du skapar din animering genom att visa eller dölja olika lager i bilden för varje ram.

Så för den första ramen kanske du vill ställa in bakgrundsskiktet 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 har börjat.

Gå först till Fönster> Tidslinje . Klicka på i mitten av panelen som öppnas Skapa ramanimation . Detta skapar den första ramen i din animering. I Skikten paletten, dölj de lager du inte vill vara en del av den här ramen genom att avmarkera Öga ikoner.

Klicka nu på Ny ram -knappen, som duplicerar den föregående ramen. Återigen, dölj de lager du inte vill inkludera i den här nya ramen och synliggöra de du gör.

Upprepa denna process tills du har lagt till alla ramar du behöver i din GIF.

Ställ in bildfrekvensen och gör en loop -GIF

För att avsluta, ställ in Ramfördröjning —Det här är i själva verket bildfrekvensen. Klicka sedan på den första ramen Skift-klicka den sista ramen.

Klicka nu på rullgardinspilen under en av ramarna och välj en fördröjning. Ingen försening betyder att animationen kommer att gå igenom snabbt, medan ett visst antal sekunder betyder att varje bildruta stannar kvar på skärmen under så lång tid.

Slutligen, ställ in Looping -alternativ , som du hittar längst ned på tidslinjepanelen. Den anger hur många gånger GIF ska spelas. I de flesta fall vill du ställa in det Evigt .

Slå nu på Spela knappen längst ner 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 välja dem och justera vilka lager som är synliga (du kan också justera opaciteten eller göra andra mer avancerade tweaks). Lägg till fler lager om du behöver dem, eller tryck på Soptunna ikon för att radera dem.

När du är nöjd kan du gå vidare till avsnittet Exportera en GIF. Eller läs vidare för att förfina animationen och skapa en smidig GIF.

Avancerade animationer med Tweening

Photoshop stöder en kraftfull animationsfunktion som kallas tweening. 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 blekna in. Du skulle skapa en ram med det lagret inställt på Dold , och en annan med den inställd på Synlig . Då skulle du 'tween' mellan dessa två ramar, och Photoshop gör resten.

I vårt exempel kommer vi att mellanrum mellan alla ramar för att ge vår stjärnhimmel mer en blinkande effekt.

Välj först den första ramen och klicka på Tween på verktygsfältet längst ned på tidslinjepanelen.

Ställ in i dialogrutan som öppnas Tween med till Nästa ram , och Ramar att lägga till till antalet övergångsramar du vill ha. Ett högre tal betyder en mjukare men långsammare effekt. Klick OK för att skapa de nya ramarna.

initiera disk mbr eller gpt ssd

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 ramen . Detta hjälper till att skapa en smidig övergång tillbaka till början av en loop -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 filen i PSD -format. Detta sparar all lager- och animationsinformation så att du kan komma tillbaka och redigera det senare om du behöver. Efter det kan du exportera det som en GIF.

Gå till Arkiv> Exportera> Spara för webb (äldre) . I dialogrutan som öppnas, se till att formatet är inställt på GIF och Färger alternativet är inställt på 256 (detta garanterar maximal kvalitet).

Andra inställningar som du kanske vill ändra inkluderar Bildstorlek och Looping -alternativ om du inte gjorde det förut.

Förhandsgranskningsfönstret visar vilken storlek filen kommer att vara när du sparar den. Du kan också klicka på Förhandsvisning knappen för att testa animationen 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 redaktörer som också har GIF-funktioner.

Dela med sig Dela med sig Tweet E-post De fem bästa GIF -apparna för din smartphone

Ibland är rätt GIF för dina behov inte tillgänglig online. Det är därför du behöver en av dessa GIF -maker -appar.

Läs Nästa
Relaterade ämnen
  • Kreativ
  • Adobe Photoshop
  • GIF
  • Handledning för Photoshop
Om författaren Andy Betts(221 artiklar publicerade)

Andy är en tidigare tryckt journalist och tidningsredaktör som har skrivit om teknik i 15 år. Under den tiden har han bidragit till otaliga publikationer och producerat copywriting för stora teknikföretag. Han har också gett expertkommentarer för media och varit värd för paneler vid branschevenemang.

Mer från Andy Betts

Prenumerera på vårt nyhetsbrev

Gå med i vårt nyhetsbrev för tekniska tips, recensioner, gratis e -böcker och exklusiva erbjudanden!

Klicka här för att prenumerera