Photoshop Animation - Animation Graphics

• Mai 2, 2024

În acest tutorial Photoshop, vom continua să construim animația pentru șablonul nostru de copertă video Facebook. Vom anima o a doua fotografie pe ecran.

În acest moment, avem prima fotografie pe ecran, precum și două linii de text. În scena 2, vom muta oa doua fotografie pe ecran. Deoarece această imagine va fi pe un strat deasupra primei fotografii, aceasta va acoperi prima fotografie complet.

Odată ce prima fotografie este acoperită, nu mai avem nevoie de ea. Deci, vom decupa pista acestei fotografii și, prin urmare, vom elimina fotografia de pe ecran. Pentru a încheia această scenă, vom dispărea textul, în pregătirea celui de-al doilea grup de text.

Scena 2 Cadru după cadru

Cod de timp (0: 00: 05: 00) La cinci secunde de pe linia de timp, cel de-al doilea grafic de plasare va aluneca pe ecran. (durata: .5 sec)

Cronometru (0: 00: 07: 00) La șapte secunde în Cronologie, cele două linii de text vor dispărea. (durata: .5 sec)

Deschideți-vă proiectul în Photoshop și accesați Cronologia. După cum puteți vedea, cel de-al doilea grafic de marcare se află pe stratul de deasupra primului grafic. În acest moment, tractul extinde întreaga durată a Cronologiei. Dar nu avem nevoie de această imagine vizibilă până la cinci secunde în Cronologie. Deci, haideți să tăiați pista la Timecode (0: 00: 05: 00). Aceasta va fi poziția de pornire a diapozitivului în animație.

1. Dacă este nevoie, porniți vizibilitatea [Imagine de fundal aici - 2] strat în panoul Straturi.
   
   
2. Mutați capul de redare la codul temporal 0: 00: 05: 00 (a se vedea ecranul).
   
   
3. Faceți clic pe marginea din stânga a piesei grafice pentru marcator și trageți la dreapta la cinci secunde pe Cronologie.
   
   Trebuie să mutăm fotografia complet în afara marginii drepte a ecranului. Aceasta va fi poziția de pornire pentru animarea fotografiei pe ecran (a se vedea ecranul de ecran).
   
   
4. Pentru a muta graficul în poziția de pornire pentru animație, selectați stratul, faceți clic pe Editare - Transformare gratuită și trageți graficul până când acesta este complet de pe ecran.
   
   
5. Extindeți [Imagine de fundal aici - 2] strat și faceți clic pe Stop Watch pentru proprietatea Transform pentru a seta fotograful cheie de poziție de pornire (a se vedea ecranul de ecran).
   
   Acum, să animăm a doua grafică din nou pe ecran.
   
   
6. Mutați capul de redare la codul 0: 00: 05: 15. Mutați graficul înapoi pe ecran, potrivind marginile drepte.
   
   Ar trebui să vedeți al doilea cadru cheie adăugat la proprietatea Transform.
   
   
7. În cele din urmă, să scurtăm durata piesei originalului [Imagine de fundal aici] stratul de jos. Trageți marginea din dreapta a piesei până la codul 0: 00: 07: 00.
   
   Ok, acum să păgubim textul. În acest moment, straturile de text se termină încă la cinci secunde implicit. Primul nostru pas este să extindem piesele.
   
   
8. Mutați capul de redare pe Timecode (0: 00: 07: 15), care este sfârșitul animației estompate (vezi imaginea de ecran).
   
   
9. Trageți marginea din dreapta a fiecărei piese text pentru a extinde piesele la Timecode (0: 00: 07: 15).
   
   Acesta va fi cadrul final pentru animația estompată. Dar mai întâi trebuie să stabilim cadrul de început.
   
   
10. Mutați capul de redare la codul de timp (0: 00: 07: 00).
    
    
11. Deschideți lista Proprietăți pentru Nume de afaceri și Tip de afacere straturi de text.
    
    
12. Pentru ambele straturi de text, faceți clic pe pictograma Stop Watch pentru proprietatea Opacity, pentru a seta opacitatea de pornire pentru animație, care în acest moment este 100% (a se vedea ecranul de ecran).
    
    
13. Mutați capul de joc înapoi la Timecode (0: 00: 07: 15) și reduceți opacitatea celor două straturi de text din panoul Straturi la 0%.
    
    Ar trebui să vedeți că cele două cadre cheie care se încheie se adaugă la Cronologie (vezi ecranul de ecran).
    
    

Testați-vă animația și salvați fișierul.

Î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,: Simple 3D Animations in Photoshop CC and CS6 Extended (Mai 2024).