Photoshop-animation - Animeret tekst

• Kan 9, 2024

I denne Photoshop-tutorial starter vi med at animere designelementerne i vores Facebook-videoomslagskabelon. Hvert element er på sit eget lag, så vi kan kontrollere dem individuelt.

Som du kan se på dette tidspunkt, har vi to pladsholder grafiske lag i bunden og otte pladsholder tekstlag (se skærmbillede). Vi har allerede udvidet de grafiske lag til den samlede varighed (20 sekunder) for vores video, men tekstlagene er stadig indstillet til standard fem sekunder (se skærmbillede). Det er OK for nu, da vi flytter disse spor langs tidslinjen efter behov. Lad os nu slukke synligheden (øjeikon i panelet Lag) for alle lag undtagen det nederste lag.

Scene 1 Frame by Frame

Tidskode (0: 00: 00: 00) Ramme 1: Videoen begynder med den bagerste grafik synlig.

Tidskode (0: 00: 01: 00) Ramme 30: Et sekund (30 billeder) efter starten af ​​videoen, Virksomhedsnavn teksten falmer videre på skærmen. (varighed: .5 sek)

Tidskode (0: 00: 02: 00) Ramme 60: To sekunder efter videoens start, the Type virksomhed teksten falmer ind. (varighed: .5 sek)

Vi gør alt dette i tidslinjepanelet.

I tidslinjepanelet har hvert tekstlag sine egne egenskaber, som vi kan animere.


1. Udvid laget Tekstgruppe i tidslinjepanelet for at få vist alle lagene tekst (se skærmbillede).
   
   
2. Flyt Playhead til tidskoden (0: 00: 01: 00), og træk venstre kant af hvert tekstlag til Playhead. Dette vil gøre tekstlagene usynlige indtil Timecode (0: 00: 01: 00).
   
   
3. Udvid Virksomhedsnavn tekstlag for at vise egenskabslisten. Klik på Stop Watch-ikonet for egenskaben Opacity med Playhead ved tidskode (0: 00: 01: 00).
   
   Du skal se (se skærmbillede) en lille gul Keyframe føjet til egenskaben Opacity. Dette sætter begyndelsen på denne tekstlagsanimation.
   
   
4. Flyt Playhead 15-rammer til højre. Tidskode (0: 00: 01: 15)
   
   
5. Med kun Virksomhedsnavn lag valgt, skal du klikke på den lille trekant for egenskaben Opacity i egenskabslisten for at tilføje en anden keyframe.
   
   Du skal nu have to nøglerammer på egenskaben Opacity.
   
   På dette tidspunkt er teksten stadig synlig på begge placeringer på nøglekameraet. Lad os skjule teksten på den første ramme af denne fade i animation.
   
   
6. Flyt Playhead tilbage til begyndelsesrammen. Gå nu til lagets panel og reducer lagets opacitet til 0%.
   
   Vores sidste opgave er at animere Type virksomhed tekst.
   
   
7. Flyt Playhead til de to sekunders markeringer på Time Ruler (02:00) eller Timecode (0: 00: 02: 00). Træk den venstre kant af dette nummer til Playhead.
   
   
8. Vælg Type virksomhed tekst og udvid for at se egenskaberne. Gentag de foregående trin for at tilføje de to nøglerammer og reducere opaciteten til 0% ved den første nøgleramme.
   
   

Flyt Playhead tilbage til begyndelsen af ​​tidslinjen, og klik på Play-knappen for at teste animationen. Gem dit arbejde.

I den næste tutorial bruger vi Transform egenskaben til at animere den anden pladsholdergrafik.

Tilbage | Næste

Copyright 2018 Adobe Systems Incorporated. Alle rettigheder forbeholdes. Adobe-produktskærmbilleder (r) genudtrykt med tilladelse fra Adobe Systems Incorporated. Adobe, Photoshop er / er enten [a] registreret varemærke [er] eller et varemærke [s] fra Adobe Systems Incorporated i USA og / eller andre lande.

Video Instruktioner: How To Create an Animated Neon Text Effect in Adobe Photoshop (Kan 2024).