Hvordan lage en animert GIF ved hjelp av Photoshop
Miscellanea / / December 02, 2021
Selv om det tilsynelatende er komplekse, er GIF-er faktisk ikke så vanskelig å lage. Faktisk, hvis du har Photoshop, har du allerede alt du trenger for å lage en, og det er akkurat det vi viser deg i denne opplæringen.
Klar? La oss komme i gang.
Trinn 1: Først gjør du klar bildefilene som vil utgjøre GIF-filen din, siden hver GIF-fil er laget av forskjellige rammer. Det betyr at du allerede bør ha de forskjellige "rammene" som vil utgjøre GIF-en din. For dette eksemplet vil jeg lage en GIF som består av tre enkle bildefiler (vist nedenfor).
![Bilder før](/f/08a12bd5059b625c259320bc741df301.png)
![Bildene er klare](/f/8a08195d5cffed8342bcac7bd1da85c8.png)
Steg 2: Åpne filene i Photoshop (med mindre du opprettet dem i Photoshop til å begynne med) og sørg for at hver av dem tilhører et eget lag. For å være sikker på dette, klikk på når den første filen er åpen Lag et nytt lag.. knappen nederst til høyre på Lag panel (vist nedenfor) og lim inn neste bildefil på det nye laget.
![Nytt lag](/f/4b694d056e239bec87ef61e116b2ae9b.png)
Når alle bildene dine er lagt til sine egne lag, skal de se slik ut i Photoshop Layers-panelet:
![Endelige filer](/f/d9e5ec0bff57c7552cde67de6093cd65.png)
Trinn 3: Gå nå til Photoshop på Vindu menyen og klikk på Animasjon alternativ. Dette vil få opp Photoshops animasjonspalett. Når den gjør det, klikker du på knappen nederst til høyre (vist nedenfor) for å bytte fra Tidslinje utsikt til Rammer visning, noe som vil gjøre jobben vår litt enklere.
![Animasjonsmeny](/f/0214cb074aa63b7af0731261d591abaa.png)
![Tidslinjevisning](/f/186f36db132368156488efd40ec74c52.png)
![Frames View](/f/ecfb1357a948cf1cab5f6ea636566c17.png)
Trinn 4: Som standard vil animasjonspaletten vise bare ett av bildene (eller "rammene") du har. Den viser også på bunnen av hver ramme når den vil bli vist på den endelige GIF-filen. Hvis du vil endre det, klikker du bare på det og velger ønsket tidspunkt. Din valgte tid vil også gjelde for resten av rammene.
![Frame Time](/f/4032ab93355e2677a743fc3f194f22ca.png)
Trinn 5: Nå, for å legge til noen rammer der de andre bildene dine skal gå. For å gjøre det, klikk på animasjonspaletten Duplikatramme knapp.
![Dupliser ramme](/f/22a4e24f26bc693944e4da1088a69e75.png)
Dette vil legge til den andre rammen som vil utgjøre GIF-en din. Nå, her er trikset: For hver ramme som legges til, sørg for at bare det relevante laget som inneholder ønsket bilde for den rammen er valgt på Lag palett. Sjekk bildene nedenfor for eksempel:
![Lag 0](/f/fe402a5df6ddce547b51df637751fc42.png)
![Lag 1](/f/aa1a83739cf7d2c57ec8aaf66bb37078.png)
![Lag 2](/f/2bb21a1760dd14aac7654ade5f265da6.png)
Siden jeg vil at Layer 1 og Layer 2 skal være henholdsvis den andre og tredje komponenten i GIF-filen min, velger jeg bare den ene eller den andre for den andre og tredje rammen. Til slutt skal animasjonspaletten vise alle rammene til GIF-filen din i den rekkefølgen de skal vises i, og med hvor lang tid hver vil bli vist også angitt.
![Siste gif før lagring](/f/56fe87741602efaf63285944aa520a99.png)
Trinn 6: Når rammene til din snart-å-være GIF er klare, vil det være på tide å lagre den. For å gjøre dette, på Fil menyen, klikk på Lagre for web og enheter... På vinduet som dukker opp, sørg for å velge GIF-formatet under Forhåndsinnstilt.
![Lagre for web](/f/3fa010b9c15af1fb12b878d4737b9acf.png)
![Velg Gif-fil](/f/ff703c6d71f206452d954c8d94c74c92.png)
I tillegg, ved å klikke på fanene over bildet ditt i dette vinduet, vil du kunne velge de forskjellige utdatakvalitetene (selvfølgelig med forskjellige størrelser) for GIF-filen din.
![Gif-kvaliteter](/f/c3406905ca564aea253828d167942391.png)
![Gif klar](/f/aba9938d72080cd6b3ec3c7b7f7fe90d.png)
Når du har valgt størrelsen og kvaliteten på GIF-en, klikker du på Lagre og du er ferdig.
![Gt](/f/84b3df4496aa552e1ee3e2420d1f932a.gif)
Nyt GIF-filen din!