Photoshop Animation - animacijski tekst

• Travanj 28, 2024

U ovom udžbeniku Photoshopa počet ćemo animirati elemente dizajna u našem Facebook predlošku za obradu videa. Svaki je element na svom sloju, pa ih možemo pojedinačno kontrolirati.

Kao što možete vidjeti u ovom trenutku, imamo dva grafička sloja rezervirajućeg mjesta na dnu i osam slojeva teksta rezerviranja mjesta (pogledajte snimku zaslona). Grafičke slojeve već smo proširili na ukupno trajanje (20 sekundi) za naš video, ali tekstualni slojevi su i dalje postavljeni na zadanih pet sekundi (pogledajte snimku zaslona). Za sada je u redu jer ćemo prema potrebi kretati tim zapisima duž vremenske trake. Za sada isključimo vidljivost (ikona očiju na ploči Slojevi) svih slojeva osim donjeg sloja.

Scena 1 okvir po kadar

Vremenski kod (0: 00: 00: 00) Okvir 1: Videozapis će početi prikazivanjem donje pozadinske slike.

Vremenski kod (0: 00: 01: 00) Okvir 30: Jedna sekunda (30 kadrova) nakon početka videozapisa, Naziv tvrtke tekst će izblijediti na zaslonu. (trajanje: .5 sec)

Vremenski kod (0: 00: 02: 00) Okvir 60: Dvije sekunde nakon početka videozapisa, Vrsta poslovanja tekst će izblijediti. (trajanje: .5 sec)

Sve ćemo to učiniti na ploči Timeline.

Na ploči Vremenska linija svaki sloj teksta ima svoja svojstva koja možemo animirati.


1. Proširite sloj Grupe teksta na ploči Vremenska crta da biste prikazali sve slojeve teksta (pogledajte snimku zaslona).
   
   
2. Pomaknite reprodukciju prema vremenskom kôdu (0: 00: 01: 00) i povucite lijevi rub svakog sloja teksta prema glavi. Ovo će učiniti da slojevi teksta budu nevidljivi sve do vremenskog koda (0: 00: 01: 00).
   
   
3. Proširite Naziv tvrtke tekstualni sloj za prikaz popisa svojstava. Pomoću Playhead at Timecode (0: 00: 01: 00) kliknite ikonu Stop Watch za svojstvo Opacity.
   
   Trebali biste vidjeti (pogledajte snimku zaslona) mali žuti ključni okvir dodan u svojstvo Opacity. Ovo postavlja početak ove animacije sloja teksta.
   
   
4. Pomaknite Playhead 15 okvira desno. Vremenski kod (0: 00: 01: 15)
   
   
5. Sa samo Naziv tvrtke odabran sloj, kliknite mali trokut za svojstvo Opacity na popisu svojstava kako biste dodali drugi ključni okvir.
   
   Sada biste trebali imati dva ključna okvira na svojstvu Opacity.
   
   U ovom je trenutku tekst i dalje vidljiv na obje lokacije ključnog okvira. Sakrijmo tekst na prvom kadru ove fade u animaciji.
   
   
6. Pomaknite Playhead nazad na početni okvir. Sada prijeđite na sloj sloja i smanjite neprozirnost sloja na 0%.
   
   Naš posljednji zadatak je animirati film Vrsta poslovanja tekst.
   
   
7. Pomaknite Playhead do dvije sekunde oznake na Vladaru vremena (02:00) ili Vremenskom kodu (0: 00: 02: 00). Povucite lijevi rub ove zapise do Playhead-a.
   
   
8. Odaberite Vrsta poslovanja tekst i proširite da biste vidjeli svojstva. Ponovite prethodne korake za dodavanje dva okvira ključeva i smanjenje neprozirnosti na 0% kod prvog ključnog okvira.
   
   

Pomaknite Playhead natrag na vremensku traku i kliknite gumb Reproduciraj da biste testirali animaciju. Spremite svoj rad.

U sljedećem tutorialu koristit ćemo svojstvo Transform da animiramo grafiku drugog rezerviranog mjesta.

Natrag | Sljedeći

Autorska prava 2018. Adobe Systems Incorporated. Sva prava pridržana. Snimke zaslona Adobe proizvoda preispisane su uz dozvolu tvrtke Adobe Systems Incorporated. Adobe, Photoshop su ili su registrirani zaštitni znak ili registrirani zaštitni znaci tvrtke Adobe Systems Incorporated u Sjedinjenim Državama i / ili drugim zemljama.

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