Adobe Photoshop CS5 er et kraftig bilderedigeringsprogram som du kan bruke til å lage eller redigere nesten alle typer bilder du måtte ha behov for. Photoshop CS5 er imidlertid spesielt dyktig til å lage bilder som er ment å plasseres på nettet, for eksempel et bilde du kan legge på nettstedet ditt, eller som du kanskje vil dele med vennene dine. Et populært bildevalg er en animert GIF, fordi den er enkel å lage, har bevegelse, men kan legges ut som et vanlig statisk bilde. Photoshop har noen nyttige verktøy som lar deg lage en animert GIF i Photoshop CS5, og du kan til og med tilpasse din animerte GIF i Photoshop CS5 for å overholde spesifikasjonene du trenger.
Forbereder rammene for din animerte GIF i Photoshop CS5
En animert GIF i Photoshop CS5 er faktisk fem separate bilder som du skal ordne som lag. Hvert lag kommer til å representere en ramme av bildet ditt, så hver ramme må være litt annerledes for å hjelpe til med å indikere at det er en handling eller bevegelse i den animerte GIF-en. For formålet med denne opplæringen skal jeg lage en animert GIF i Photoshop CS5 av en stjerne som beveger seg over en svart bakgrunn. Den animerte GIF-en kommer til å bestå av fem forskjellige rammer, der stjernen er på en litt annen plassering i hver ramme. De separate bildene ser slik ut:
For enkelhets skyld har jeg merket bildene som 1.gif, 2.gif, 3.gif, 4.gif og 5.gif, som vil hjelpe meg å huske rekkefølgen jeg vil vise dem i. Hvert bilde har samme størrelse, 100×100 piksler.
For å begynne å lage en animert GIF i Photoshop CS5, kan du nå starte Photoshop, klikk Fil øverst i vinduet klikker du Ny, og angi deretter størrelsen for bildet ditt. Når bildeparameterne er angitt, klikker du på OK knappen for å lage ditt tomme lerret.
Den neste tingen å gjøre er å åpne mappen som inneholder bildene du skal inkludere i din animerte GIF i Photoshop CS5. Merk at du åpner mappen i Windows Utforsker, IKKE med Åpen kommando i Photoshop. Windows Utforsker er programmet du bruker til å bla gjennom mapper og filer på datamaskinen, og du kan starte det ved å klikke på mappeikonet på oppgavelinjen nederst på dataskjermen. Når mappen som inneholder bildene dine er åpen, holder du nede CTrl-tasten på tastaturet for å velge alle bildene og drar dem deretter til Photoshop CS5-lerretet.
Dette vil endre lerretet ditt til å vise en av rammene dine med en X over seg, for eksempel i dette bildet:
Når du ser dette, trykk Tast inn på tastaturet for å sette inn hvert bilde som et lag i Photoshop. Når alle bildene er lagt til, vil din Lag vinduet på høyre side av Photoshop skal se slik ut.
Legg merke til at bildet du vil vise som siste bilde av din animerte GIF, bør være det øverste laget. Hvis lagene dine er i feil rekkefølge, kan du ganske enkelt dra dem rundt innenfor Lag vinduet til de er i riktig rekkefølge.
Nå må du åpne Animasjon vinduet, som du kan gjøre ved å klikke på Vindu menyen øverst i Photoshop, og klikk deretter på Animasjon alternativ. De Animasjon vinduet åpnes som et horisontalt vindu nederst i Photoshop.
Klikk på knappen øverst til høyre på Animasjon vindu (knappen ser ut som en nedovervendt pil ved siden av 4 horisontale linjer), klikk deretter på Lag rammer fra lag alternativ.
Klikk på den nedovervendte pilen til høyre for 0 sek og under en av rammene dine i Animasjon vindu, og velg deretter hvor lenge du vil at rammen skal vises i den animerte GIF-en. Gjenta dette trinnet for hver ramme av bildet ditt. Jeg liker å velge 1.0 for varigheten av rammer i mange animerte GIF-er i Photoshop CS5, men eksperimenter med forskjellige varigheter til du finner den som fungerer best for deg.
Du kan også angi hvor mange ganger den animerte GIF-en skal gå gjennom alle rammene ved å klikke på For alltid rullegardinmenyen nederst på Animasjon vindu. jeg bruker For alltid som alternativet for den animerte GIF-en på slutten av denne artikkelen, noe som betyr at den animerte GIF-en vil gå gjennom kontinuerlig til du forlater denne siden.
Du er ferdig med å lage din animerte GIF i Photoshop CS5 nå, så du må lagre den. Klikk Fil øverst i vinduet, og klikk deretter Lagre for web og enheter. Klikk på rullegardinmenyen øverst til høyre i vinduet for å velge GIF alternativet, og klikk deretter på Lagre knappen nederst i vinduet.
Skriv inn et navn for filen din i Filnavn feltet, og klikk deretter på Lagre knapp. Du kan deretter dobbeltklikke på det opprettede bildet i mappen din for å starte den animerte GIF-en og se hva du har laget. Nedenfor er mitt eksempel på animert GIF i Photoshop CS5-bilde.
