Cum se creează o animație pentru YouTube în CrazyTalk Animator 3

Ce veți crea

Când creați videoclipuri YouTube, uneori o înregistrare pură nu este suficient de captivantă. Poți să-i spice prin adăugarea unor elemente animate speciale. De exemplu, un personaj animat vă poate ajuta să rămâneți anonim, oferindu-i totodată pe cineva să se identifice. Puteți, de asemenea, să prezentați un concept care nu poate fi înregistrat în realitate sau să puneți accent vizual pe anumite elemente ale videoclipului.

Dacă doriți să încercați acest lucru, dar nu sunteți sigur cum, acest tutorial este doar pentru dvs.! CrazyTalk Animator 3 permite utilizatorilor să creeze animații într-un mod simplu, simplu. Puteți să faceți ceva în Photoshop și apoi să îl importați pentru animație. Apoi puteți adăuga mișcări automate și manuale, puteți modifica expresiile faciale, puteți adăuga sunete și așa mai departe.

În acest tutorial vă voi arăta câteva trucuri utile pe care le puteți folosi pentru videoclipurile dvs.: cum să creați o versiune animată a "chibi" a prezentatorului, cum să încorporați un videoclip în interiorul animației, cum să sincronizați buza audio și cum să adăugați expresii faciale și mișcări la acestea. De asemenea, vă voi arăta cum să adăugați elemente de recuzită animate și efecte sonore. Voi folosi propriul meu videoclip, dar puteți folosi orice altceva cu un scop similar.

Odată ce ați învățat cum să vă creați animația YouTube, puteți să o trimiteți la Concursul de animație la locul de muncă!

1. Cum să pregătiți materialele pentru animație

Pasul 1

Dacă doriți să creați un personaj pentru animația dvs., mai întâi trebuie să îl proiectați. Schimbați-l și planificați culorile, apoi deschideți-l în Photoshop sau Illustrator și micșorați-l Opacitate.

Dacă nu știți cum să creați un asemenea personaj, încercați acest tutorial:

Pasul 2

Creați ochii folosind forme vectoriale pe straturi separate. Dacă sunteți nou în această tehnică, puteți învăța cum să creați vectori simpli în Photoshop în acest tutorial rapid:

De asemenea, puteți afla despre crearea de caractere în Illustrator din aceste tutoriale:

Pasul 3

Creați fața și unele păr de bază. Puteți să-l umbrați într-un mod simplu prin adăugarea unui gradient radial deasupra, tăiat la forma părului. Păstrați separat părțile din față și din spate ale coafurii.

Pasul 4

Finalizați corpul, construindu-vă totul din forme simple și apoi remodificându-l.

Pasul 5

Pentru a face ca personajul nostru să fie cu adevărat uman, trebuie să-i oferim niște expresii faciale. Creați variante ale ochilor pentru:

  • Zâmbet
  • Cu ochii inchisi
  • Ochii bine închise
  • Ochii îi țâșnuiesc
  • Ochii cu iris special

Pasul 6

Creați și diverse guri:

  • Gura deschisă într-un zâmbet
  • Sărut
  • Buzele deschise
  • Afișarea dinților
  • Gura larg deschisa

Pasul 7

Pentru că vrem ca personajul nostru să vorbească, trebuie să creăm câteva variante ale formelor gurii, fiecare proiectată pentru un sunet diferit:

  • Ah, eu
  • Oh
  • EE
  • U
  • peți
  • F, V
  • L, N, D, Th
  • C, D, S, K, Z

Pasul 8

De asemenea, este posibil să aveți nevoie de alte elemente pe care doriți să le includeți în videoclipul dvs. De exemplu, puteți afișa un videoclip în interiorul videoclipului plasându-l pe un ecran de laptop fals. Puteți să o descărcați pe Envato Elements și să eliminați ecranul în Photoshop cu Magic Wand Tool (W).

2. Cum să pregătiți activele pentru import

Pasul 1

CrazyTalk Animator 3 este proiectat pentru a lucra cu materialele create în Photoshop, dar trebuie să fie special pregătite pentru acest lucru. Dacă ați creat personajul în altă parte, copiați-l acum în Photoshop, păstrând aceste elemente separate:

Nu trebuie să trageți piesele în jurul valorii de așa ceva - este doar pentru spectacol!

Pasul 2

Descărcați un pachet special de șabloane, extrageți-l și mergeți la 01_Templates> Human_Front_Full_Template. Așezați ambele ferestre una lângă alta, selectați toate straturile din șablon și trageți-le în fereastra cu caracterul.

Pasul 3

Redimensionați (Control-T) conținutul straturilor pentru a ajusta dimensiunea șablonului la caracterul dvs..

Pasul 4

Pentru a lăsa CTA3 să știe care sunt părțile corpului, trebuie să plasați straturile în dosarele corespunzătoare. Îndepărtați straturile manechinului de la acestea și înlocuiți-le cu propriile lor.

Pasul 5

Așezați elementele capului și în dosar Head_Image.

Pasul 6

Ochii și gura au alte dosare înăuntru, pentru toate variantele pe care le-am creat mai devreme. Pentru gură, plasați fiecare expresie și sunet separat:

Pasul 7

Pentru ochi, în Normal , plasați separat irisul și albul ochiului.

Plasați celelalte expresii în EyeWhite pliant.

Pasul 8

În cele din urmă, trebuie să lăsați CTA3 să știe cum arată scheletul personajului tău. În dosar RL_Bone_Human, veți găsi markeri speciali pentru fiecare parte a corpului. Așezați-le în articulații. Puteți utiliza șablonul ca referință.

Pasul 9

Elementele feței au nevoie și de propriile lor markere. Aici nu este vorba despre articulații, ci despre plasare. Veți găsi aceste marcatori în RL_TalkingHead> HeadBone.

3. Cum să importați un caracter din Photoshop în CrazyTalk Animator 3

Pasul 1

Deschide CrazyTalk Animator 3. Du-te la Render> Render Video și schimbați Marimea ramei la ce vrei să fie videoclipul. Nu apăsați Export - doar apăsați pe X.

Pasul 2

În primul rând, trageți imaginea laptopului în scenă (asigurați-vă că este o imagine .png). Selectați sprijini.

Pasul 3

Redimensionați imaginea pentru a umple cadranul.

Pasul 4

Acum, glisați videoclipul (fără sunet) în scenă. Este posibil ca unele formate să nu fie acceptate - dacă aveți probleme, convertiți-vă videoclipul în .avi. Redimensionați videoclipul pentru a umple ecranul.

Pasul 5

După cum puteți vedea, videoclipul este acum în fața ecranului, ceea ce nu pare foarte convingător. Din fericire, CTA3 acceptă a treia dimensiune! Glisați ușor săgeata mică din partea inferioară pentru a muta videoclipul în spate.

Pasul 6

Redimensionați din nou videoclipul și asigurați-vă că nimic nu este tăiat de rama laptopului. Puteți să glisați marcatorul pe cronologie pentru a vedea videoclipul, dar asigurați-vă că îl redimensionați întotdeauna pe primul cadru - în caz contrar acesta va fi înregistrat ca schimbare animată!

Pasul 7

Să adăugăm personajul acum. Clic Creați un actor Gone Free Bone.

Veți vedea caracterul dvs. împreună cu o suprapunere de schelet, așa cum ați proiectat-o

Pasul 8

Este posibil să observați că unele dintre straturi sunt în ordine greșită. Puteți să o rezolvați mergând la Manager de straturi....

... și trăgând straturile unde doriți să fie.

Pasul 9

Pentru a vedea dacă scheletul funcționează corect, faceți clic pe previzualizare și să se joace cu oasele. Verificați dacă corpul se mișcă fără probleme mai mari pe măsură ce mutați oasele.

Pasul 10

Puteți, de asemenea, testa caracterul dvs. prin utilizarea Calibrarea:

Pasul 11

Ați găsit ceva greșit, ceva pe care doriți să îl rezolvați? Doar selectați Lansați editorul extern PSD. Personajul tău va fi deschis în Photoshop, unde poți ajusta ceea ce dorești. Doar Salvați fișierul când doriți să îl sincronizați.

Pasul 12

Totul este gata? Intoarce-te la Mod scenă.

Pasul 13

Redimensionați și plasați personajul în locul în care doriți să fie. Asigurați-vă că faceți acest lucru în primul cadru!

4. Cum să adăugați sincronizarea buzelor la animația dvs.

Pasul 1

Să-i facem pe personajul nostru să vorbească! Selectați-l și faceți clic pe Creați script.

Pasul 2

Selectați Fișier Wave și alegeți sunetul.

Pasul 3

Dacă joci acum animația, vei vedea că funcționează deja!

Totuși, deoarece totul este automat, nu este un sincronizare perfectă. Să rezolvăm asta! Deschide Editorul de timp (F3) și faceți clic pe Față.

Pasul 4

Deschis Clip pentru voce pentru a vedea atât piesa audio, cât și expresiile pentru buze care îi sunt atribuite.

Pasul 5

Dacă faceți dublu clic pe sunet, veți vedea o listă a tuturor sunetelor și a expresiilor acestora. Puteți schimba cu ușurință cel actual în ceva mai bun. De asemenea, puteți regla întreaga piesă manuală, copiind sunetele, eliminându-le și plasând altele noi. Un rezultat bun poate dura ceva timp, în funcție de precizia sincronizării automate și a stilului dvs..

5. Cum să adăugați animații faciale

Pasul 1

Personajul nostru arată puțin ciudat, vorbind fără expresii faciale. Să o schimbăm! Selectați caracterul și faceți clic pe Face Puppet.

Pasul 2

În acest editor, puteți juca cu diferite expresii faciale care sunt create automat. presa Spaţiu și mutați cursorul în jur pentru al testa.

Pasul 3

Să facem personajul să-și miște capul în timp ce vorbește, dar fără să se uite în jur. Selecție clară pentru a deselecta toate elementele feței.

Pasul 4

Acum selectați ambele tipuri de rotație.

Pasul 5

presa Record și apoi Spaţiu sau introduce pentru a înregistra mișcarea. Mutați capul pentru a accentua sunetele vorbite. De asemenea, puteți adăuga clipuri ocazionale făcând clic pe butonul stâng al mouse-ului. 

Pasul 6

Putem adăuga un alt tip de animație simplă - face ca personajul să privească lucrurile afișate în videoclip. Pentru aceasta, reveniți din nou la primul cadru și alegeți o față generală. Apoi opriți ambele tipuri de rotire a capului.

Pasul 7

presa Record și observați ce se întâmplă în videoclip pentru a duce ochii personajului în consecință.

6. Cum să animați un personaj în CrazyTalk Animator 3

Pasul 1

Bine, fata este animată, dar restul corpului arată foarte rigid. Putem schimba ușor prin adăugarea unor animații automate. 

Mergeți la primul cadru și deschideți-l Manager de conținut> Animație> Propunere> 1_G3_Human> Frontul elastic al oamenilor> Idle & Talk. Alegeți câteva animații care vor arăta bine și nu distrag atenția. Puteți utiliza cât mai multe dintre ele pe care le doriți, în orice configurație, dar rețineți că cele marcate cu S, L și E trebuie să fie utilizate împreună.

Pasul 2

Dar acestea erau doar animații automate. Videoclipul dvs. poate necesita ca personajul să se miște într-un mod special, ceea ce este posibil! Selectați caracterul și faceți clic pe Mişcare.

Aceasta va deschide o cronologie pentru toate animațiile. Este posibil să vedeți punctele gri plasate acolo unde începe animațiile automate. Aceste puncte (cadre cheie) indică o schimbare de poziționare și le puteți plasa manual apăsând V. Pentru a vă asigura că modificarea dvs. nu afectează modificările anterioare / ulterioare, întotdeauna înconjurați animația cu alte două cadre cheie care vor salva poziția înainte și după aceasta.

Pasul 3

Ca exemplu, să facem ca personajul să-și mute brațul într-un salut. Pentru a muta oasele manual, deschideți 2D Motion Key Editor.

Pasul 4

Așa cum v-am arătat înainte, creați două cadre cheie, mutați marcatorul de cronologie între ele și modificați poziția personajului.

Puteți să copiați și să inserați poza pentru ao face mai lungă. Dacă găsiți că este confuz, iată o explicație rapidă:

  1. Aceasta este starea salvată a ceea ce se întâmplă înaintea acestei animații.
  2. Aici începe o animație automată.
  3. Aceasta este situația salvată a ceea ce se întâmplă după această animație.
  4. Aceasta este pozitia schimbata.
  5. Aceasta este poziția modificată copiat.

În primul rând, personajul își mută mâna de la poziția 1 până la poziția 4. Apoi, între 4 și 5, nimic nu se schimbă, deci nu există animație. Mai târziu, personajul își mută mâna de la poziția 5 până la poziția 3. Apoi începe animația automată (2).

Pasul 5

Puteți schimba tempo-ul tranziției prin clic dreapta al doilea cadru cheie al unei mișcări și selectare Curbă de tranziție.

Aici puteți testa diverse variante ale mișcării. Jucați cu ei pentru a vedea ceea ce pare cel mai natural.

Pasul 6

Utilizați aceeași metodă pentru a adăuga toate animațiile de care aveți nevoie. 

7. Cum să adăugați elemente de recuzită la animație

Pasul 1

Animația este făcută, dar putem încă să-i condim. De exemplu, putem face ca personajul să fie un deget spre ceva, în loc să arătăm o mână deschisă. Pentru a face acest lucru, selectați caracterul și intrați în Mod compozitor.

Pasul 2

Lansați-o Photoshop.

Pasul 3

În Photoshop, adăugați o mână cu un deget de orientare spre dosar cu mâna. Puneți-o sub cea implicită și ascundeți-o. Salvați fișierul pentru sincronizarea caracterului.

Am folosit această ocazie pentru a schimba direcția degetului mare, pentru ca personajul să-și arate palmele într-un mod mai primitor.

Pasul 4

Intoarce-te la Mod scenă și mutați marcatorul de cronologie în locul în care doriți să se întâmple schimbarea. Deschis Sprite Editor.

Pasul 5

Aici aveți lista cu toate spritele disponibile pentru fiecare parte a corpului. Trebuie doar să selectați degetul pentru a comuta mâna.

Pasul 6

După ce faceți această schimbare, sprite va rămâne în acest fel până când îl veți schimba din nou. Doar mutați marcajele cronologiei pentru a seta ora pentru aceasta.

Pasul 7

Dar putem face și alte lucruri - cum ar fi, de exemplu, adăugați câteva elemente care vă vor ajuta în explicație. În videoclipul meu, personajul vorbește despre "marginile zdrențuite", dar nu sunt într-adevăr vizibile la această distanță. Să adăugăm o lupă pentru a le arăta.

Mergi la Manager de conținut> Recunoaștere> Bonus-Simboluri Iconice> Culoare> Lupă și trageți lupa în scenă.

Pasul 8

Mergi la Mod compozitor și lansa lupa pentru Photoshop. Aici puteți adăuga o imagine a muchiilor mărunțite, zdrențuite pe care dorim să le afișăm. Îmbinati-l cu lupa, apoi salvați fișierul.

Pasul 9

Vrem ca lupa să fie vizibilă numai într-o singură secțiune a videoclipului, nu tot timpul. Clic Vizibil...

... apoi mergeți la primul cadru, Click dreapta și selectați Vizibil / invizibil.

Apoi du-te la locul unde ar trebui să înceapă să fie vizibil și repetați. Deplasați marcajele cronologiei în locul în care doriți să dispară și faceți acest lucru din nou. O linie între două puncte ar trebui să apară în cazul în care vizibilitatea este activată.

Pasul 10

Există animații speciale care pot fi folosite pentru un obiect ca acesta. Mergi la Elasticitate să le găsească. În 1_Entrance veți găsi mari animații pentru a introduce un obiect și în 3_Exit cele care te ajută să scapi de el. Alegeți ceva pentru lupă, plasând animațiile în perioada scurtă de vizibilitate.

Pasul 11

În Props> Icon de bază, veți găsi o săgeată care poate fi utilizată și în videoclipul nostru. Trageți-l la scenă ...

... și redimensionați.

Pasul 12

Mergi la Elasticitate pentru a afla ce puteți utiliza pentru a face această săgeată mai interesantă. Anulați fiecare animație după ce o testați - nu vrem să aplicăm încă nimic.

Pasul 13

Puteți atribui animațiile obiectului prin clic dreapta și selectarea Editor meniu de acțiune.

Pasul 14

Aici puteți adăuga animațiile dorite mai devreme.

Pasul 15

Să salvăm această săgeată cu animațiile incluse ca propunere personalizată.

Pasul 16

Puteți să trageți acum săgeata ori de câte ori doriți să fie ...

... și când vrei să o animi, doar Click dreapta și selectați acțiunile din meniu. Nu uitați să schimbați vizibilitatea pentru fiecare săgeată separat!

8. Cum să adăugați efecte sonore la animație

Pasul 1

În cele din urmă, să adăugăm câteva sunete pentru a face totul mai interesant. În Proiect layer, faceți clic pe Muzică.

Pasul 2

Trageți muzica de intro aici. Am folosit o parte din acest sunet.

Pasul 3

Pentru a modifica volumul sunetului, faceți clic pe pictograma notă.

Pasul 4

Aici puteți modifica volumul, precum și Se estompează și afară efecte.

Pasul 5

Acest strat de muzică poate fi folosit ca orice alt strat. Puteți pune un nou sunet aici, atâta timp cât aveți spațiu. Am adăugat muzică outro la sfârșit.

Pasul 6

De asemenea, puteți adăuga alte efecte sonore. Clic Sunet FX1 pentru a deschide stratul.

Pasul 7

Așezați aici un sunet cu click de mouse.

Pasul 8

Pentru a tăia numai sunetul esențial, puteți împărți clipul. Doar selectați-l și apăsați Control-B. Puteți muta și șterge piesele după cum doriți. Copiați sunetul și plasați-l pe tot parcursul liniei de cronologie, oriunde este afișat un clic.

Pasul 9

Ai nevoie de spațiu pentru mai multe sunete? Poți să deschizi Sunet FX2.

Am decis să pun un sunet de tastare aici și să-l atribuie momentelor în care tastarea este prezentată în videoclip.

Bună treabă!

Acum știi cum să creezi o animație pentru canalul tău YouTube! 

Dacă doriți să aflați mai multe despre crearea animațiilor în CrazyTalk Animator 3, consultați celelalte tutoriale ale noastre: