Photoshop Animasjon - Animerende tekst

• Kan 3, 2024

I denne Photoshop-opplæringen vil vi begynne å animere designelementene i vår videoomslagsmal. Hvert element er på sitt eget lag, så vi kan kontrollere dem individuelt.

Som du kan se på dette tidspunktet, har vi to plassholder grafiske lag nederst og åtte plassholder tekstlag (se skjermdump). Vi har allerede utvidet grafiske lag til den totale varigheten (20 sekunder) for videoen vår, men tekstlagene er fremdeles satt til standard fem sekunder (se skjermdump). Det er OK for nå, siden vi vil flytte disse sporene på tidslinjen etter behov. For nå, la oss slå av synligheten (øyeikonet i lagpanelet) for alle lag bortsett fra det nederste laget.

Scene 1 Frame by Frame

Tidskode (0: 00: 00: 00) Ramme 1: Videoen begynner med bakgrunnsbildet synlig.

Tidskode (0: 00: 01: 00) Ramme 30: Ett sekund (30 bilder) etter starten av videoen, Firmanavn teksten blekner på skjermen. (varighet: .5 sek)

Tidskode (0: 00: 02: 00) Ramme 60: To sekunder etter starten av videoen, the Type virksomhet teksten blekner. (varighet: .5 sek)

Vi vil gjøre alt dette i tidslinjepanelet.

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


1. Utvid tekstgruppelaget i tidslinjepanelet for å vise alle tekstlagene (se skjermdump).
   
   
2. Flytt Playhead til tidskoden (0: 00: 01: 00) og dra venstre kant av hvert tekstlag til Playhead. Dette vil gjøre tekstlagene usynlige frem til tidskode (0: 00: 01: 00).
   
   
3. Utvid Firmanavn tekstlag for å vise egenskapslisten. Med Playhead på tidskoden (0: 00: 01: 00), klikk på Stop Watch-ikonet for Opacity-egenskapen.
   
   Du bør se (se skjermdump) en liten gul Keyframe lagt til Opacity-egenskapen. Dette setter begynnelsen på denne tekstlagsanimasjonen.
   
   
4. Flytt Playhead 15-rammene til høyre. Tidskode (0: 00: 01: 15)
   
   
5. Med bare Firmanavn lag valgt, klikk på den lille trekanten for Opacity-egenskapen i egenskapslisten for å legge til et nytt nøkkelbilde.
   
   Du bør nå ha to nøkkelrammer på Opacity-egenskapen.
   
   På dette tidspunktet er teksten fremdeles synlig på begge nøkkelframe-stedene. La oss skjule teksten på den første rammen av denne falmen i animasjon.
   
   
6. Flytt Playhead tilbake til begynnelsesrammen. Gå nå til Layer-panelet og reduser lagets opasitet til 0%.
   
   Vår siste oppgave er å animere Type virksomhet tekst.
   
   
7. Flytt Playhead til det to andre merket på Time Ruler (02:00) eller Timecode (0: 00: 02: 00). Dra venstre kant av dette sporet til Playhead.
   
   
8. Velg Type virksomhet tekst og utvid for å se egenskapene. Gjenta de foregående trinnene for å legge til de to nøkkelbildene og redusere opaciteten til 0% ved den første nøkkelrammen.
   
   

Flytt Playhead tilbake til begynnelsen av tidslinjen og klikk på Play-knappen for å teste animasjonen. Lagre arbeidet ditt.

I neste opplæring vil vi bruke Transform-egenskapen til å animere den andre plassholdergrafikken.

Tilbake | neste

Copyright 2018 Adobe Systems Incorporated. Alle rettigheter forbeholdt. Adobes produktskjermbilder er skrevet ut på nytt med tillatelse fra Adobe Systems Incorporated. Adobe, Photoshop er / er enten [a] registrert varemerke [eller] eller et varemerke [s] fra Adobe Systems Incorporated i USA og / eller andre land.

Video Instruksjoner: How to Animate Text in Adobe Photoshop CC ✍ (Frame Animation) (Kan 2024).