/ / Hur man överlagrar text (eller annat) över animerade GIF i Photoshop

Hur man lägger över text (eller något annat) över animerade GIF-filer i Photoshop

photoshop-gif-caption-featured

Ibland räcker det inte med en GIF; ibland duvill lägga till lite text. Photoshop kan göra jobbet, men processen är inte så intuitiv som du kan tänka dig, särskilt om du aldrig har redigerat animering i Photoshop förut.

När du importerar en GIF i Photoshop märker du detatt varje bild visas i "Lager". Det är särskilt viktigt att ändra ordning på lagren inte ordningen som ramar spelas upp i. Vad händer exakt?

För att ta reda på det måste du öppna tidslinjefönstret, som du hittar under Fönster> Tidslinje.

photoshop-fönster-tidslinje

Detta lägger till ett nytt fönster där du kan se ramarna i din GIF och till och med trycka på uppspelningsknappen för att förhandsgranska uppspelningen.

photoshop-gif-tidslinje-visning

Saker kan bli lite förvirrande, så låt oss granska. I samband med vår övning ...

  • De tidslinje i fönstret kan du kontrollera vilken ordning dina ramar spelas upp i och att förhandsgranska din animering.
  • De Skikten fönster styr vilka ramar genomskinliga överlägg som visas över. Ett överlägg högst upp på listan visas till exempel över alla ramar.

Med åtkomst till detta, låt oss fortsätta och lägga till vårt överlägg. I det här exemplet lägger vi till text, så skapa en textruta som vanligt.

Photoshop-text-verktyg

Som alltid läggs din text till i ett nytt lager. Fortsätt och dra detta överlägg till toppen av din lagerlista.

photoshop-gif-text-lager

Precis så kommer ditt textöverlägg att visas över hela din GIF.

panda-jump-text

Om det är allt du vill göra är du klar! Men om du vill att ditt overlay ska dyka upp vid en viss punkt i animationen blir saker och ting lite mer komplicerade. Dra din textruta till mitten för att se vad jag menar.

panda-jump-text-lager

I mitt exempel orsakade texten att texten dyker upp under första hälften av ramarna och sedan försvinner.

panda-jump-text-halvvägs

Det är förmodligen motsatsen till vad du vill ha, och det enda sättet att fixa det är att ordna om alla dina lager. Dra de tidiga ramarna till toppen av listan, lägg din text i mitten.

photoshop-gif-ordna om

Detta gör det möjligt för din text att visas halvvägs genom GIF. Du kan till och med lägga till ytterligare en bit text senare.

photoshop-gif-mer-text

Förstår?

panda-hopp-två-uttalanden

Att få saker och ting rätt kan ta ett tag, men spela med lagrets ordning tillräckligt länge så kommer din text att visas exakt när du vill ha det.

När du är klar föreslår jag att du klickar på Arkiv> Spara för webben för att exportera GIF; du får mycket kontroll över kvaliteten, vilket kan hjälpa till att minska filstorleken. Njut av din nyligen kompletta GIF!