Hvordan lager jeg en animert GIF i Adobe Photoshop?

Hvis du husker flip bøker fra barndommen, forstår du hvordan en animert GIF-fil skaper en illusjon av bevegelse. I stedet for å bla raskt gjennom sidene i en liten bok, spiller datamaskinen tilbake en sekvens av rammer i GIF-fil. Du kan lage animerte GIF-filer i Adobe Photoshop CS5 og skreddersy måten de spiller tilbake så de lage akkurat den effekten du ønsker; så kan du lagre filen slik at du kan legge det til ditt nettsted.

Bruksanvisning

1 Start Adobe Photoshop CS5. Opprett en ny fil ved å trykke og holde "Control" (eller "Command" i Mac) og deretter trykke "N". Sett dimensjonene og oppløsningen for å matche størrelsen på filen du trenger. Sett fargemodus dokumentet til RGB. Gi filen navnet så det vil være klar til å redde.

2 Åpne "Layers" panel og "Animasjon" panel ved å velge dem fra "Window" menyen. Dobbeltklikk på lag som kalles "Bakgrunn" i "Lag" panel og endre navn til "Layer 0."

3 Tenk gjennom den effekten du ønsker dine kunstverk å lage når du animere det. Tegn hver del individuelt lag, slik at du kan animere det separat. Bruk Photoshop tegning og maling verktøy for å lage komponenter av grafikken. Lag mer enn én versjon av et lag hvis du trenger å animere det i forskjellige farger og med forskjellige lag stiler.

4 Justere synlig av lagene i filen slik at filen displayet viser grafikken som du vil det skal vises når animasjonen begynner å spille. Bytt til "Animation" panel og klikk på standard første bildet som vises der automatisk. Dette blir det første bildet i animasjonen.

5 Klikk på "New Frame" ikonet nederst på "Animation" panel. Ikonet ser ut som ikonet "Nytt lag" i "Lag" panel: en firkant med nederste venstre hjørne brettet opp.

6 Justere synligheten lag slik at andre animasjon ramme vises slik du vil animasjonen til fremgang. Vær oppmerksom på at som standard hver animasjon ramme du oppretter tar på utseendet på det forrige bildet.

7 Fortsett å legge rammer og justere på / av-tilstand av lag i Photoshop-filen før du har skapt alle statene du trenger for animasjonen til å spille slik du har planlagt det. Spill animasjonen ved å trykke på "Play" -knappen nederst på "Animation" panel. Knappen ligner tilsvarende på en DVD-spiller eller iPod.

8 Juster varigheten av individuelle rammer slik at de holder på skjermen lenge nok til å passe din visjon om hvordan animasjonen skal se ut. Endre varighet ved å klikke på en individuell ramme eller flere rammer i "Animasjon" panel og endre tidsintervallet som vises nedenfor rammene.

9 Bruk "tweening" å skape kvartals rammer mellom start- og sluttpunkt for en bevegelse eller annen overgang. Velge en ramme for å lom mellom den og den ene før eller etter den. Velg to rammer for å legge tweened rammer mellom dem. Klikk på "tween" -knappen på bunnen av "Animasjon" panel etter at du har valgt eller flere bilderammer du vil Tween. Den "Tween" knappen ser ut som en del av en perlerad. Angi egenskapene du ønsker å tween, inkludert effekter, posisjon og opasitet.

10 Aktiver looping for animasjonen hvis du vil at den skal spille fra start til slutt og begynne på nytt. Klikk på "Looping Selection" boksen nederst til venstre hjørne av "Animasjon" panel og velg en verdi. Du kan stille animasjonen å sløyfe en gang, tre ganger, alltid eller en bestemt gjenta verdi som du skriver inn.

11 Lagre Photoshop-fil i Photoshop PSD-format. Velg "Lagre som" fra "Fil" -menyen og sette filtype til "Photoshop" i "Format" -menyen. Klikk på "OK". Velg "Lagre som" igjen fra "Fil" -menyen, angir filtypen til "CompuServe GIF" og lagre animasjonen.

Hint

• Spill av animasjonen i en nettleser ved å velge "Open" fra "Fil" -menyen og gå til der du lagret GIF. Gå tilbake til Photoshop og justere filen hvis animasjonen avspillingen ikke ser ut slik du ønsker.
• Sørg alltid for å ta hensyn til hvilken animasjon ramme er valgt, om noen, når du gjør endringer i lagene i filen. Ellers kan endringene ha uventede effekter på animasjonen.