Photoshop Animation - Animating Text

• Mai 16, 2024

În acest tutorial Photoshop, vom începe să animăm elementele de design din șablonul nostru de copertă video Facebook. Fiecare element este pe propriul său strat, astfel încât să le putem controla individual.

După cum puteți vedea în acest moment, avem două straturi grafice pentru înlocuitori în partea de jos și opt straturi de text pentru marcaj (vezi imaginea de ecran). Am extins deja straturile grafice la durata totală (20 de secunde) pentru videoclipul nostru, dar straturile de text sunt încă setate la implicit cinci secunde (vezi ecranul de ecran). Acum este OK, deoarece vom muta aceste piese de-a lungul Cronologiei, după cum este necesar. Pentru moment, haideți să dezactivăm vizibilitatea (pictograma Eye din panoul Straturi) a tuturor straturilor, cu excepția stratului de jos.

Scena 1 Cadru după cadru

Cod de timp (0: 00: 00: 00) Cadrul 1: Videoclipul va începe cu graficul de fundal de jos vizibil.

Cod de timp (0: 00: 01: 00) Cadrul 30: O secundă (30 de cadre) după începutul videoclipului, Nume de afaceri textul se va estompa pe ecran. (durata: .5 sec)

Codul temporal (0: 00: 02: 00) Cadrul 60: La două secunde după începerea videoclipului, Tip de afacere textul se va estompa. (durata: .5 sec)

Vom face toate acestea în panoul Timeline.

În panoul Timeline, fiecare strat de text are propriile sale proprietăți pe care le putem anima.


1. Extindeți stratul Grup de texte din panoul Timeline pentru a afișa toate straturile de text (a se vedea ecranul de ecran).
   
   
2. Mutați capul de redare la codul de timp (0: 00: 01: 00) și trageți marginea din stânga a fiecărui strat de text în capul de redare. Acest lucru va face ca straturile de text să fie invizibile până la Timecode (0: 00: 01: 00).
   
   
3. Extindeți Nume de afaceri strat de text pentru a afișa lista de proprietăți. Cu Playhead la Timecode (0: 00: 01: 00), faceți clic pe pictograma Stop Watch pentru proprietatea Opacity.
   
   Ar trebui să vedeți (a se vedea ecranul) un mic cadru-cheie galben adăugat la proprietatea Opacity. Aceasta stabilește începutul acestei animații de straturi de text.
   
   
4. Mutați cadrele Playhead 15 spre dreapta. Cod de timp (0: 00: 01: 15)
   
   
5. Cu doar Nume de afaceri strat selectat, faceți clic pe triunghiul mic pentru proprietatea Opacitate din lista de proprietăți pentru a adăuga un al doilea cadru.
   
   Acum ar trebui să aveți două cadre cheie pentru proprietatea Opacity.
   
   În acest moment, textul este încă vizibil la ambele locații ale cadrelor cheie. Haideți să ascundem textul de pe primul cadru al acestei estompe în animație.
   
   
6. Mutați capul de joc înapoi la cadrul de început. Acum accesați panoul Stratului și reduceți opacitatea stratului la 0%.
   
   Ultima noastră sarcină este să animăm Tip de afacere text.
   
   
7. Mutați capul de joc pe marcajul doi de pe Regulatorul de timp (02:00) sau Timecode (0: 00: 02: 00). Trageți marginea din stânga acestei piese pe Playhead.
   
   
8. Selectează Tip de afacere text și extindeți pentru a vedea proprietățile. Repetați pașii precedenți pentru a adăuga cele două cadre cheie și pentru a reduce opacitatea la 0% la primul cadru-cheie.
   
   

Mutați capul de joc înapoi la începutul Cronologiei și faceți clic pe butonul Redare pentru a testa animația. Salvați-vă munca.

În tutorialul următor, vom folosi proprietatea Transform pentru a anima cea de-a doua grafică de marcare.

Înapoi | Următor →

Copyright 2018 Adobe Systems Incorporated. Toate drepturile rezervate. Captura (ecranele) de produs Adobe tipărite cu permisiunea Adobe Systems Incorporated. Adobe, Photoshop este / sunt o marcă comercială [sau] înregistrată sau o marcă comercială a Adobe Systems Incorporated în Statele Unite și / sau în alte țări.

Instrucțiuni Video,: How to Animate Text in Adobe Photoshop CC ✍ (Frame Animation) (Mai 2024).