En animert GIF i Photoshop er en animasjon laget ved hjelp av Adobe Photoshops grafikkredigeringsprogram i GIF-formatet (Graphics Interchange Format). GIF er et vanlig bildeformat som støtter animasjon ved å vise flere rammer (eller bilder) i rekkefølge, og skape effekten av bevegelse.

Med Adobe Photoshop kan du enkelt lage en original animert GIF-fil (Graphics Interchange Format) fra en serie bilder. I denne opplæringen går vi gjennom trinn-for-trinn-prosessen for å lage en animert GIF i Photoshop.

Fugler slår med vingene Animert GIF i Photoshop.

1. Velg hvilke bilder du vil bruke til GIF-en din.

For å få best mulig GIF, bruk en serie bilder tatt i rask rekkefølge. Time-lapse-bilder eller bilder tatt i seriemodus fungerer best. Dette er fordi de får GIF-en din til å se ut som en kort looping-video. Jo flere rammer du bruker i GIF-en, desto jevnere blir animasjonseffekten. Animert GIF i Photoshop.

Vanligvis fungerer 15-24 stillbilder best. Sørg for at bildestørrelsen er den samme for hver av rammene dine, så dobbeltsjekk pikselantallet. Plasser alle opptakene du vil bruke i en mappe på skrivebordet eller harddisken. Dette vil gjøre dem lettere å finne i Photoshop.

Hvordan lage en animert GIF i Photoshop

2. Importer bilder. Animert GIF i Photoshop

Åpne Adobe Photoshop. Fra Fil-menyen velger du Skript > Last inn filer i stabel. Dette vil åpne en ny dialogboks. Klikk på Bla gjennom for å finne mappen du opprettet på skrivebordet eller harddisken som inneholder bildene du vil inkludere i GIF-en.

Trykk på Shift-tasten for å velge flere bilder. Når alle bildefilene du vil bruke er uthevet, klikker du OK. Du vil da se alle de valgte filene oppført i dialogboksen Last lag.

Klikk OK og Photoshop vil åpne de valgte bildene som separate lag i et nytt dokument.

Photoshop tidslinjepaneler

3. Åpne tidslinjepanelet. Animert GIF i Photoshop

Fra Vindu-menyen velger du Tidslinje for å åpne tidslinjepanelet i arbeidsområdet. Som standard åpnes tidslinjepanelet nederst på skjermen.

I midten av tidslinjepanelet vil du se en "Opprett videotidslinje"-knapp med en pil ved siden av. Klikk på pilen og velg Opprett rammeanimasjon fra rullegardinmenyen.

Nå vil knappen si "Opprett rammeanimasjon". Klikk på denne knappen.

Hvordan lage en animert GIF i Photoshop Animation Frames

4. Konverter bildelagene til animasjonsrammer.

I øvre høyre hjørne av tidslinjepanelet vil du se et menyikon (fire horisontale linjer). Klikk på dette menyikonet for å åpne en rullegardinmeny med animasjonsalternativer.

Klikk på Opprett rammer fra lag. Dette konverterer bildene i lagpanelet til individuelle rammer i GIF-en din.

Du skal nå se et miniatyrbilde av hvert av bildelagene dine i tidslinjepanelet. Klikk på Spill av-knappen for å forhåndsvise hvordan GIF-en din vil se ut. Animert GIF i Photoshop

looping animasjon

5. Sløyfe animasjonen.

I nedre venstre hjørne av tidslinjepanelet ser du flere looping-alternativer. Adobe Photoshop lar deg bestemme om du vil at GIF-en skal spilles én gang, tre ganger eller for alltid. Du kan velge andre syklusalternativer manuelt ved å velge Annet.

Standarden er ofte permanent. Hvis du valgte ett av de andre alternativene, klikker du på pilen ved siden av den angitte varigheten. Velg deretter "For alltid" fra rullegardinmenyen.

Klikk på spillikonet igjen for å være sikker på at du liker hvordan den animerte GIF-en ser ut. Animert GIF i Photoshop

6. Eksporter animasjonen som en GIF-fil.

Fra Fil-menyen velger du Eksporter > Lagre for Internett (Legacy). Dette vil få opp en ny innstillingsdialog. Her er de ideelle innstillingene å velge når du lagrer arbeidet ditt filformat GIF:

  • I Forhåndsinnstilling-delen velger du GIF 128 Dithered.
  • Velg 256 under Farger.
  • I Bildestørrelse-delen kan du justere de fysiske dimensjonene til GIF-bildet ditt. Hvis de originale bildefilene dine var veldig store, bør du redusere dimensjonene til GIF-bildet for bedre seeropplevelse på nettet. Når du justerer størrelsene, vil du se den estimerte filstørrelsen endres i nederste venstre hjørne av GIF-forhåndsvisningen.
  • Sørg for at "For alltid" er valgt under Looping Options.

Klikk Forhåndsvisning i nedre venstre hjørne av dialogboksen for å se hvordan GIF-en din vil se ut i et nettleservindu. Animert GIF i Photoshop

Klikk på Lagre for å åpne en ny dialogboks for lagringsalternativer. Gi filen et navn, velg en destinasjon og klikk på Lagre. Det er alt! Du har laget din egen GIF raskt og enkelt i Adobe Photoshop.