Whiteboard Video Scribe Animation - Finalizare

• Mai 4, 2024

În această moțiune^R tutorial, vom încheia animația de pe tablă. Am animat deja simularea desenului pentru logo. Acum vom crea o simulare de scriere pentru numele companiei.

Metoda pe care urmează să o utilizăm va crea o simulare bună a scrisului de mână a numelui companiei pe ecran, deoarece creionul va urmări fiecare literă individuală din text. Acest lucru este excelent pentru un videoclip personalizat whiteboard pentru un client. Dar dacă creați un șablon care să permită înlocuirea textului de la locație cu un alt text, veți dori să folosiți același tip de simulare pe care l-am folosit pentru a desena logo-ul.

De exemplu, veți face traseul Bezier în zig-zag peste textul marcatorului în loc să urmăriți literele individuale. Deși simularea nu este la fel de realistă ca simularea de scriere pe care vom învăța să o creăm aici, este suficient de flexibilă pentru un șablon.

Dar să presupunem că acesta este un videoclip personalizat pentru tablă pentru un client și vom crea simularea de scriere realistă.

Vom folosi instrumentul Text în mișcare pentru a adăuga numele companiei la proiect. Dorim ca această animație să înceapă câteva cadre după ce prima animație se încheie, care este la marcajul 02:00 de pe Cronologie. Așadar, să începem această animație la marcajul 02:10 și va dura două secunde.

1. Cu Playhead la marcajul 02:10, adăugați un grup nou în panoul Straturi de deasupra grupului BG și denumiți-l „Text”. Faceți clic pe ecran cu instrumentul Text la locația în care doriți să începeți să adăugați text. Stilează textul după cum este necesar pentru clientul tău.
   
   Acum să începem. Când creați calea Bezier, adăugați puncte de ancora peste fiecare literă ca și cum ați scrie textul pe ecran.
   
   
2. Selectați stratul grafic Hand și instrumentul Bezier. Puneți primul punct de ancorare deasupra vârfului creionului. Apoi treceți la text și începeți să adăugați puncte de ancora peste text. Deoarece acesta este sfârșitul părții de tablă a videoclipului, adăugați ultimul punct de ancorare chiar sub ultima literă de pe ecran.
   
   
3. Selectați instrumentul Selectare / Transformare pentru a termina calea și redenumiți noul strat de cale Bezier în „Bezier_Text”. Trageți stratul Bezier_Text sub stratul Bezier_Logo din grupul Hand.
   
   Acum vom adăuga un alt comportament Motion Path la stratul grafic Hand.
   
   
4. Selectați stratul grafic Hand și adăugați un comportament de mișcare. Numește-l Calea de mișcare 2.
   
   
5. Cu stratul de comportament Motion Path 2 selectat, mergeți la Inspector și setați Forma Căii pe Geometrie. Debifează opțiunea Atasare la formă și trage stratul Bezier_Text în bine Sursa formei.
   
   
6. Mutați capul de joc la marcajul 02:10 din Cronologie. Trageți marginea din stânga a pistei Motion Path 2 de la începutul Cronologiei până la marcarea 02:10. Trageți marginea din dreapta a piesei până la marcajul 04:10. Repetați acest lucru pentru pista Bezier_Text.
   
   Acum vom crea masca.
   
   
7. Realizați un duplicat al stratului Bezier_Text și trageți acest strat de copiere Bezier_Text în grupul Text și așezați-l deasupra stratului Text. Dezactivați vizibilitatea stratului Bezier_Text original.
   
   
8. Cu stratul de copie Bezier_Text încă selectat, măriți lățimea căii până când textul este ascuns sub mască.
   
   
9. Adăugați o mască de imagine în stratul de text și trageți stratul de copie Bezier_Text în noul strat de mască de imagine.
   
   
10. Pe Timeline, trageți marginea din dreapta a track-ului Image Mask la marcajul 04:10.
    
    Acum vom adăuga Keyframes pentru a anima masca.
    
    
11. Plasați capul de redare la marcajul 02:10 și selectați stratul de copiere Bezier_Text. Mergeți la Inspector (Inspector - Formă - Stil - contur) și setați glisorul Offset Last Point la zero. Adăugați un cadru-cheie.
    
    
12. Mutați capul de joc pe marcajul 04:10 și setați glisorul pentru ultimul punct offset la 100.
    
    Testați animația. Ultima noastră sarcină este să scoatem graficul de mână din ecran.
    
    
13. Cu Playhead-ul încă la 04:10, selectați stratul grafic Hand. În Inspector (Inspector - Proprietăți - Amestec), adăugați un cadru-cheie făcând clic pe pictograma din dreapta cursorului Opacity. Mutați capul de joc la 04:20 și reduceți opacitatea la zero.
    

← Înapoi

Exemplu de tutorial:


Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie și Mac sunt mărci înregistrate ale Apple Inc., înregistrate în SUA și în alte țări.
CoffeBreakBlog este o publicație independentă și nu a fost autorizată, sponsorizată sau aprobată în alt mod de Apple Inc. Imagini de ecran utilizate cu permisiune.
Copyright 2018 Adobe Systems Incorporated. Toate drepturile rezervate. Captura (ecranele) de produs Adobe tipărite cu permisiunea Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Elementele Premiere, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst și Flash Paper este / sunt [o] marcă înregistrată [sau] sau o marcă comercială a Adobe Systems Incorporated în Statele Unite și / sau în alte țări.