Animerad GIF i Photoshop CS5

Adobe Photoshop CS5 är ett kraftfullt bildredigeringsprogram som du kan använda för att skapa eller redigera nästan alla typer av bilder som du kan ha behov av. Photoshop CS5 är dock särskilt skicklig på att skapa bilder som är avsedda att placeras online, till exempel en bild som du kan lägga på din webbplats eller som du kanske vill dela med dina vänner. Ett populärt bildval är en animerad GIF, eftersom den är enkel att göra, har rörelse, men kan läggas upp som en vanlig statisk bild. Photoshop har några användbara verktyg som låter dig skapa en animerad GIF i Photoshop CS5, och du kan till och med anpassa din animerade GIF i Photoshop CS5 för att följa de specifikationer du behöver.

Förbereder ramarna för din animerade GIF i Photoshop CS5

En animerad GIF i Photoshop CS5 är faktiskt fem separata bilder som du ska ordna som lager. Varje lager kommer att representera en ram av din bild, så varje ram måste vara något annorlunda för att visa att det finns en åtgärd eller rörelse i din animerade GIF. För den här handledningen kommer jag att skapa en animerad GIF i Photoshop CS5 av en stjärna som rör sig över en svart bakgrund. Den animerade GIF-bilden kommer att bestå av fem olika bildrutor, där stjärnan är på en något annorlunda plats i varje bildruta. De separata bilderna ser ut så här:

För enkelhetens skull har jag märkt bilderna som 1.gif, 2.gif, 3.gif, 4.gif och 5.gif, vilket hjälper mig att komma ihåg i vilken ordning jag vill visa dem. Varje bild har samma storlek, 100×100 pixlar.

För att börja skapa en animerad GIF i Photoshop CS5 kan du nu starta Photoshop, klicka Fil högst upp i fönstret klickar du Ny, ställ sedan in storleken för din bild. När dina bildparametrar är inställda klickar du på OK knappen för att skapa din tomma duk.

Nästa sak att göra är att öppna mappen som innehåller bilderna som du ska inkludera i din animerade GIF i Photoshop CS5. Observera att du öppnar mappen i Utforskaren, INTE med Öppen kommandot i Photoshop. Utforskaren i Windows är programmet som du använder för att bläddra igenom mappar och filer på din dator, och du kan starta det genom att klicka på mappikonen i aktivitetsfältet längst ner på din datorskärm. När mappen som innehåller dina bilder är öppen håller du ned CTrl-tangenten på tangentbordet för att markera alla bilder och drar dem sedan till Photoshop CS5-duken.

Detta kommer att ändra din arbetsyta för att visa en av dina ramar med ett X över sig, som i den här bilden:

När du ser detta, tryck Stiga på på tangentbordet för att infoga varje bild som ett lager i Photoshop. När alla bilder har lagts till, din Skikten fönstret till höger i Photoshop ska se ut så här.

Observera att bilden som du vill visa som den sista bildrutan i din animerade GIF bör vara det översta lagret. Om dina lager är i fel ordning kan du helt enkelt dra runt dem inom Skikten fönstret tills de är i rätt ordning.

Nu måste du öppna Animering fönstret, vilket du kan göra genom att klicka på Fönster menyn högst upp i Photoshop och klicka sedan på Animering alternativ. De Animering fönstret öppnas som ett horisontellt fönster längst ner i Photoshop.

Klicka på knappen i det övre högra hörnet av Animering fönster (knappen ser ut som en nedåtriktad pil bredvid fyra horisontella linjer), klicka sedan på Gör ramar av lager alternativ.

Klicka på den nedåtvända pilen till höger om 0 sek och under en av dina ramar i Animering fönstret och välj sedan hur länge du vill att ramen ska visas i din animerade GIF. Upprepa detta steg för varje bildruta i din bild. Jag gillar att välja 1.0 för ramarnas varaktighet i många animerade GIF-bilder i Photoshop CS5, men experimentera med olika varaktigheter tills du hittar den som fungerar bäst för dig.

Du kan också ange hur många gånger den animerade GIF-filen ska gå igenom alla dess ramar genom att klicka på Evigt rullgardinsmenyn längst ned på Animering fönster. jag använder Evigt som alternativet för den animerade GIF-filen i slutet av den här artikeln, vilket innebär att den animerade GIF-filen kommer att gå igenom kontinuerligt tills du lämnar den här sidan.

Du är klar med att skapa din animerade GIF i Photoshop CS5 nu, så du måste spara den. Klick Fil högst upp i fönstret och klicka sedan Spara för webb och enheter. Klicka på rullgardinsmenyn i det övre högra hörnet av fönstret för att välja GIF och klicka sedan på Spara knappen längst ned i fönstret.

Skriv ett namn för din fil i Filnamn fältet och klicka sedan på Spara knapp. Du kan sedan dubbelklicka på den skapade bilden i din mapp för att starta den animerade GIF-filen och se vad du har skapat. Nedan är mitt exempel på animerad GIF i Photoshop CS5-bild.