Share
În acest tutorial vom vedea cum putem crea o caricatură, să o împărțim în diferite straturi, apoi să aranjăm piesele corect ca simboluri grafice. În cele din urmă, vom analiza cât de ușor putem anima fără probleme caricatura folosind tweens de mișcare. Acesta este un tutorial de lungă durată, deci să începem!
Să aruncăm o privire rapidă asupra efectului pe care vrem să-l realizăm cu acest tut:
Începeți cu designul caricaturii. Am creat o caricatură foarte simplă, deși eu totuși am ținut-o stilizată. Cea mai bună modalitate de a crea bătăi de cap este prin scriere. Am făcut o schiță grosolană și am scanat imaginea.
Acum deschideți Flash și începeți un nou fișier flash. Efectuați dimensiunea scenei: 720px X 576px, Rata cadrelor: 25 fps și Culoarea fundalului: Alb. Aceste setări sunt pentru că facem animația la nivel de emisie.
Importați imaginea scanată la stratul implicit accesând File> Import> Import to Stage.
Acum scalați imaginea pentru a se potrivi scenei. Denumiți stratul care conține imaginea "Ref image" și blocați-l.
Creați un nou strat. Desenați bucata de formă a caricaturii după piesă, urmând imaginea Ref de dedesubt. Dacă doriți, puteți să vă perfecționați și să modelați mai mult desenul, mai mult decât schița grosieră.
Desenați fiecare parte a caricaturii pe un alt strat și păstrați-i numele. Desenarea pieselor de caroserie în straturi separate va oferi posibilități pentru o animație mai detaliată prin animarea pieselor individuale. Denumirea lor în mod corespunzător vă va ajuta să găsiți cu ușurință stratul dorit. De asemenea, este foarte important pentru proiectele în care mulți oameni lucrează la același fișier.
După desenarea feței și a trunchiului, se pare că toată această parte ar acționa ca un singur corp - parte (desigur, cum altceva ar trebui să se miște un om gras?). Acum, în Cronologie, selectați cadrul superior al stratului, apoi mențineți "Shift" și selectați cadrul din stratul de jos. Procedând astfel, veți selecta toate cadrele tuturor straturilor. Faceți clic cu butonul din dreapta pe zona selectată a liniei temporale. Va apărea mai multe opțiuni. Selectați "Copierea cadrelor".
Acum, apăsați "Ctrl + F8" sau mergeți la Insert> Create New symbol. Aceasta va deschide o casetă de dialog. Tastați "body n face" ca nume și selectați tipul de simbol grafic. Faceți clic pe OK.
Un simbol va apărea în bibliotecă și instantaneu vizualizarea cronologică se va transforma în simbolul grafic gol, în loc de întreaga scenă. Din nou, faceți clic dreapta pe primul cadru al stratului gol și selectați "Paste rame" din opțiuni. Toate cadrele copiate vor apărea în interiorul simbolului menținând ordinea stratului și numele straturilor.
Acum reveniți la vizualizarea scenă, făcând clic pe "Scena 1" din bara de editare.
Creați un strat nou pe toate straturile existente, apoi glisați și fixați simbolul pe acel strat. Acum, vizualizați stratul în modul contur. Aliniați simbolul în aceeași poziție pe care îl vedeți prin celelalte straturi.
Redenumiți stratul pentru a se potrivi cu numele simbolului și pentru a șterge celelalte straturi care au fost deja copiate în simbol. În acest fel, straturile din linia de timp nu se adună și creează o ierarhie adecvată.
Desenați mâna vizând imaginea. Faceți-o în două straturi la început. Într-una, puneți mâna până la încheietura mâinii. În al doilea strat, faceți restul mâinii (partea potrivită). Asigurați-vă că aceste două straturi se suprapun. Acest lucru vă va ajuta în timp ce le animați.
Acum, gândiți-vă la modul în care se mișcă brațul în timp ce mergem; se îndoaie la cot. Deci, de asemenea, trebuie să rupem partea de mână din cot. Creați un nou strat. Selectați și faceți clic dreapta pe cadrul pe care l-ați desenat. Copiați acel cadru. Creați un nou strat și inserați cadrul pe noul strat.
Acum, blocați toate straturile în afară de cea superioară. Glisați cursorul mouse-ului din partea inferioară a ecranului și selectați partea inferioară a formei (asigurați-vă că selecția acoperă puțin mai puțin decât regiunea imaginară a cotului). Această zonă suplimentară va fi suprapusă. Acum, apăsați "ștergeți" și ștergeți selecția. Partea rămasă reprezintă partea superioară.
Selectați forma și apoi selectați Modificare> Conversie la simbol sau apăsați "F8". În caseta de dialog introduceți "nume de mână" ca nume și selectați tipul de simbol grafic. Faceți clic pe OK. Aceasta creează mâna superioară. Transformarea formelor în simboluri este extrem de importantă pentru utilizarea lor în mișcare. Redenumiți același strat ca și simbolul, apoi faceți dublu clic pe simbol, intrați în el și veți găsi stratul interior. Acesta va avea numele implicit de "Layer 1", așa că redenumiți-l.
Blocați stratul "până la mână" și comutați în modul de contur. Deblocați stratul de mai jos. Glisați cursorul mouse-ului din partea superioară a ecranului și selectați partea superioară a formei, asigurându-vă că selecția acoperă o mică suprafață a stratului superior, vizibilă ca schiță. Din nou, ștergeți selecția.
Transformați forma la un simbol grafic și denumiți-o "mâna mică". Npw efectuează toate procesele de redenumire așa cum ați procedat anterior. Faceți-i un obicei să redenumiți simbolurile și straturile în consecință. Odată terminat, reveniți la stratul "până la mână" în modul normal de vizualizare.
Bloca alte straturi și apoi face simbolul încheieturii mâinii. Denumiți "încheietura mâinii".
Faceți un nou strat și trageți zona piciorului (fără a include pantoful), suprapunând corpul și zonele de pantof.
Într-un alt strat nou, trageți pantoful.
Împărțiți stratul de picior în două părți, suprapunând zona genunchiului, așa cum ați făcut pentru mână. Transformați toate părțile în simboluri și numiți-le "piciorul jos" și "piciorul în sus". Redenumiți și straturile.
Împărțiți pantoful prin împărțirea verticală în două părți, una spre călcâi, una spre vârf. Faceți-le și simboluri. Denumiți-le "toc de pantofi" și "pantofi de la picior".
Acum aranjați straturile trăgând piciorul și straturile de pantofi în jos sub stratul "corpul n față". Comutați vizibilitatea pentru toate straturile. Vedea? Caricatura ta este gata, deși pare puțin disproporționată.
Acesta este ultimul punct în care vă puteți modifica designul. Strângeți-o puțin orizontal și scalați pantoful și picioarele, oricum doriți. În sfârșit, când ați terminat, faceți clic dreapta pe stratul "ref image" și selectați "ghid". "Ref image" nu va mai fi afișat când previzualizați sau exportați filmul. Puteți chiar să opriți vizibilitatea dacă doriți.
Acum este timpul pentru poziționarea pivoților. Știm că mâinile, picioarele și corpul se mișcă în jurul unor articulații fixe în scheletul nostru. Aceste puncte sunt găsite de umerii, genunchii, coatele, șoldurile și gâtul nostru. Deci chiar și în această caricatură trebuie să recreați acele poziții comune pentru a da mișcării naturale caricatura.
Selectați instrumentul de transformare și apoi unul câte unul, selectați fiecare simbol din vizualizarea scenă. Poziția de pivotare implicită va fi centrată, deplasați astfel pivotul (cercul) în zona de pivotare corespunzătoare a caricaturii. Pentru îndrumare, consultați imaginea de mai jos.
Înainte de a începe animația, vor fi necesare mai multe cuiburi. Se pare că există prea multe straturi pentru a fi animate și vor fi dificil de manevrat simultan. Selectați "mâna joasă" și "mână mică" împreună (Ctrl + Clic), apoi faceți clic dreapta pe cadru și pe "Copiere cadru". Faceți un nou simbol, numiți-l "mâna dreaptă" și puneți straturile în ea. Creați un nou strat și plasați corect acest simbol nou, redenumind stratul corespunzător. Ștergeți straturile vechi.
Repetați același proces, de această dată făcând un simbol "piciorul drept", care combină "piciorul în sus" și "piciorul jos". Straturile "călcâi de pantofi" și "pantofi de la picior" ar trebui să fie, de asemenea, puse în interiorul acestui simbol, dar să o săriți pentru moment. Veți găsi o greșeală ...
Acum ați găsit greșeala! Nici o problema. Selectați straturile și alegeți "Copiere cadru". Din bibliotecă, faceți dublu clic pe simbolul "piciorul drept" pentru a aduce vizualizarea simbolică. Creați un strat nou în partea de sus, faceți clic dreapta pe cadru și apoi faceți clic pe "Lipiți cadre". Asta e! Eroarea a fost corectată, dovedind că acest aranjament este ușor de modificat în orice moment. În cele din urmă, ștergeți straturile extra de pantofi din vizualizarea scenelor.
Aveți un picior drept, dar aveți nevoie și de un picior stâng. Selectați simbolul "piciorul drept", faceți clic dreapta, apoi din opțiunile selectați "Duplicat". Când apare caseta de dialog, denumiți duplicatul "picior stâng".
Creați un strat sub "piciorul drept", trageți și plasați noul simbol și plasați-l corect.
În mod similar, creați mâna stângă a caricaturii și plasați stratul în partea de jos. Din punct de vedere vizual, mâna stângă va fi în spatele tuturor lucrurilor. Pentru a plasa corect simbolul, comutați vizibilitatea stratului în modul de contur.
Înainte de a începe să animați, va trebui să țineți minte punctele majore de mers pe jos. Vezi figura de mai jos; acestea sunt poziții cheie, cunoscute și sub numele de "extreme". Mai intai trebuie sa faci cadre cheie cu acele pozitii, apoi rafinand cadrele intre ele, rezultatul va fi atins.
Aveți nevoie de o referință a planului de la sol pentru a vedea dacă piciorul atinge bine solul. Deci, luați un nou strat sub toate straturile. Desenați o linie orizontală și puneți-o exact sub picior. Blocați stratul.
Faceți dublu clic pe piciorul drept al caricaturii pentru a intra în simbolul "picior drept". Acum poziționați piciorul rotind și deplasând (nu scalarea) părțile picioarelor. Faceți-o să pară imaginea de mai jos. Un sfat suplimentar aici: firește, dacă piciorul nostru drept merge înainte, mâna noastră dreaptă vine înapoi.
Acum reveniți la scenă și introduceți simbolul "piciorul stâng". Puneți piciorul după cum doriți.
În mod similar, pune mâna dreaptă.
Pune mâna stângă. Aici, pe măsură ce se află în spatele tuturor lucrurilor, va fi necesar să treceți la modul de contur.
Prima poziție cheie este făcută. Va trebui să faceți alte trei poziții cheie pentru a finaliza ciclul de mers pe jos. Să stabilim că intervalul (intervalul de timp) dintre fiecare două poziții cheie este de 8 cadre. Următoarea poziție cheie ar trebui să apară în cadrul 9. Trageți-selectați toate straturile de la cadrul 9. Apoi apăsați "F6" pentru a crea un cadru cheie pentru "piciorul drept".
Acum puneți "piciorul drept" pentru cea de-a doua poziție cheie. Apoi puneți toate celelalte părți unul câte unul, la fel cum ați făcut pentru prima poziție cheie. După ce ați terminat, ați terminat cu cea de-a doua poziție cheie!
Nu veți putea vedea noua imagine cheie în scenă, deoarece straturile principale (părinte) au doar un singur cadru. Să o extindem pînă la rama 32. Logica din spatele acestui lucru este clară; opt cadre pentru fiecare poza (4 X 8 = 32). Apoi, pe cadrul 9, puteți vedea poziția. Trageți-selectați toate cadrele cheie din cadrul 32 și apăsați "F5". Acest lucru va crea un cadru (nu un cadru cheie) și va extinde animația până la un cadru 32.
Puneți caricatura pe cadrul 17 și pe cadrul 25. Creați cadre cheie în cadrul 33, apoi copiați cadrele din cadrul 1 și lipiți-le acolo. Vrem ca animația să fie bucle și după cadrul 32, cadrul 1 ar trebui să revină din nou. Asta e. Animația dvs. cu cheie este terminată. Vedeți-vă singur apăsând "Ctrl + Enter".
Animatia nu este deloc buna. Avem nevoie de o animație netedă. Deci, din nou, introduceți fiecare simbol principal în care ați pus cadrele cheie și le-ați animat. Trageți-selectați toate cadrele. Deschideți fila proprietăți și schimbați tipul Tween de la "none" la "motion". Toate cadrele vor deveni purpuriu și săgeți luminoase orientate de la cadrele cheie la cadrele cheie. Faceți asta pentru toate părțile.
Apăsați "Ctrl + Enter" și verificați previzualizarea. Acum puteți vedea că caricatura merge ușor, dar există o mulțime de erori. Îmbinările nu se urmăresc reciproc, astfel încât fiecare parte mobilă plutește aproape independent. Ține minte, nu sunt departe de pozițiile lor. Acum trebuie să reparăm aceste lucruri pas cu pas.
Să rezolvăm problema atunci. Acest proces se numește "între". Puneți un cadru cheie între două cadre cheie, mai ales acolo unde părțile sunt prea îndepărtate unele de altele. Uneori nu trebuie să utilizați între ele, deoarece piesele se mișcă exact așa cum le preferați. În unele cazuri, este posibil să fie necesar să modificați aproape fiecare cadru.
Hai să verificăm legătura "piciorului drept". La cadrul 5, piesele sunt într-adevăr departe de ele. Apăsați "F6", selectând toate cadrele. Acum păstrați tweaking, până când poziția este așa cum ar trebui să fie. Asigurați-vă că ați suprapus articulațiile frumos, astfel încât marginile goale să nu fie vizibile.
Scrub prin animație. Există încă multe cadre în care muchiile ies din articulație. Faceți cadre cheie, optimizați-le și fixați-le. Faceți acest lucru pentru fiecare parte. Este posibil să dureze ceva timp și va fi nevoie de răbdare. După ce sa terminat, previzualizați animația.
Acum mișcările mâinilor și picioarelor sunt corecte, dar corpul pare rigid. De asemenea, trebuie să dați o mișcare corpului și același lucru ar trebui să se aplice și pe mâini. În caz contrar, umărul nu va fi în loc. Selectați straturile "corpul n față" și "mâna dreaptă", copiați cadrele, faceți un nou simbol "mișcarea corpului" și lipiți acele interioare. Acum puneți rezultatul în locul celor două straturi, așa cum ați făcut de mai multe ori mai devreme. Excludem "mâna stângă" deoarece acest strat este rar vizibil.
Creați cadre cheie pe aceleași cadre ca cele cheie. Plasați pivotul acestui nou simbol în același loc ca și în cazul torsului. Înainte de a începe să animați, amintiți-vă că atunci când ne întindem picioarele înainte, trunchiul se înclină și în față. Când luăm un picior de la sol, corpul nostru se îndoaie înapoi. Acesta este modul în care ne echilibrăm în timp ce mergem.
Puneți trunchiul prin rotirea simbolului, apoi adăugați mișcarea tween la cadre. Un sfat suplimentar aici: puteți utiliza fila de transformare pentru a vizualiza, seta și modifica valoarea de rotație.
Verificați valorile de previzualizare și ajustare, dacă este necesar.
Pentru a ajusta în continuare animația, împingeți puțin torsul și mutați-l puțin în alte poziții (poziția legătura în sus). Acest lucru va aduce mai multă dinamică plimbării. Verificați previzualizarea; animația voastră loopabilă este gata.
Acum, selectați toate straturile de caricatură, le faceți un singur simbol și, prin urmare, un singur strat. Denumiți-le "Domnul Smart".
Ascundeți stratul "de linie rutieră" și faceți-i un ghid. Creați un fundal pentru a face scena să arate mai atractivă; Am creat un fundal simplu în fișierul meu de animație.
În prezent, domnul Smart se plimba, dar nu se mișcă dintr-un loc în altul. Chiar și asta poate fi ușor de făcut. La primul cadru, mutați și poziționați caricatura spre stânga, în afara scenei. Extindeți durata de animație la cadrul 96. La cadrul 96, apăsați "F6" și creați-l ca un cadru cheie. În acest cadru mișcați caricatura orizontală spre partea dreaptă, din nou pe scenă. Adăugați mișcarea de adăugare a stratului.
Verificați previzualizarea animației finale!
Vă mulțumim că ați urmat acest tutorial, sper că ați învățat ceva valoros!
Accentsconagua