Animaţie cu maşina unor gangsteri

În articolul acesta m-am gândit să realizăm o animaţie simplă cu o maşină, şi nu orice maşină, o maşină clasică decapotabilă (de fapt maşina unor gangsteri ). Vom refolosi două dintre personajele deja create pe acest blog, şi anume Bodygurad-ul Bătăuş şi Şeful Mafiot Pitic, iar maşina o vom desena acum.

Înainte de a începe desenul maşinii am să vă spun ce va urma să facem cu ea: vom anima maşina cu cei doi pasageri, Bodyguard-ul Bătăuş şi Şeful Mafiot Pitic, cel dintâi urmând să fie soferul maşinii; vom realiza două animaţii prin care vom reprezenta mersul din faţă al maşinii; prima animaţie va prezenta un mers mai lent, de croazieră, urmând ca cea de-a doua animaţie să prezinte un mers ceva mai rapid, ca şi cum maşina hoţilor ar urmări o altă maşină (sau de ce nu, ca şi cum ei ar fi cei urmăriţi ). Animaţiile nu vor conţine decor deoarece despre decor şi despre  sincronizarea animaţiei decorului cu animaţia obiectelor de pe scenă voi vorbi într-un articol dedicat.

Lafel cum am făcut şi la personaje, vom începe schiţarea maşinii folosind forme simple şi adăugând pe parcurs micile detaliile (faruri, oglinzi, volan, scaunele din faţă); în etapa de schiţare nu trebuie să vă preocupaţi prea mult de simetrie doarece dorim doar să fixăm o formă de bază precum şi proporţiile obiectului. Atunci când se redesenează obiectul pe calculator, simetria nu mai reprezintă o problemă, se desenează obiectul doar pe jumatate iar apoi se duplichează, obţinând astfel două jumătăţi identice

Acum, dacă avem o maşina haideţi să aruncăm o privire şi asupra celor două personaje; nu mai discutăm despre modul în care s-au creat aceste personaje, acest subiect fiind dezbătut în articole dedicate (vezi articolele despre Bodyguard-ul Bătăuş şi despre Şeful Mafiot Pitic).

Aşadar, să trecem la treabă; avem masina, avem personajele astfel că urmează pregătirea scenei.
Prin pregătirea scenei se înţelege aşezarea obiectelor pe layere şi împărţirea acestora în mai multe elemente (cut-out) cât şi poziţionarea unui element faţă de celălalt prin stabilirea planelor.

Am de facut două precizări legate de optimizarea scenei şi implicit a modului de lucru:

1. nu umple scena cu elementele care nu se văd (spre exemplu, pentru cazul de faţă, nu adăuga piciorele personajelor) pentru că nu vei face decât să îngreunezi atât scena unde lucrezi, să mareşti dimensiunea fişierului exportat dar să şi îngreunezi redarea animaţiei (ma refer aici la cazul când vei alege să exporţi animaţia pentru un format vectorial, cum ar fi Flash SWF).
2. nu împărţi personajul în mai multe elemente decât este nevoie pentru că vei ajunge să ai prea multe layere; în cazul nostru, Mafiotul este împărţit doar în 2 elemete, cap şi corp, deoarece pe parcursul animaţiei nu i se văd mâinile.

Pentru animaţiile de faţă am folosit tehnica tweening, adică am desenat o singură dată toate elementele şi le-am aplicat diverse mişcări de translaţie sau rotaţie pentru a fixa keyframe-urile. De data aceasta o să vă prezint graficele acestor mişcări pentru a înţelege mai bine desfăşurarea animaţiei în timp, practic o să prezint funcţiile din Function Editor, aşa cum apar ele pentru fiecare dintre elementele care au aplicate una sau mai multe mişcări. Function Editor-ul este o fereastră specifică pentru seria de programe Toon Boom, o fereastră folosită pentru a defini, foarte exact de altfel, mişcările de translaţie, rotaţie, etc. pentru fiecare dintre obiecte în parte.

Ambele animaţii sunt realizate la 24fps şi au o lungime de 24 de frame-uri (practic fiecare animaţie este în lungime de 1 secundă), lucru ce se va observa şi din grafice

Animaţia 1. Condusul maşinii în mod normal

Aşa cum am spus şi mai sus, prima animaţie prezintă un mers normal al maşinii, în linie dreaptă, fără ca şoferul să mişte volanul. Pentru a realiza acest lucru trebuie să fixez 3 keyframe-uri, care de fapt vor fi doar 2, deoarece primul (frame 1) şi ultimul (frame 24) sunt identice; astfel, la momentul keyframe-ului din mijloc (frame 12) trebuie să creez impresia că maşina trepidează putin, iar acest lucru îl obţin dacă caroseria maşinii (fără roţi) se va deplasa pe verticală în sus; la acelaşi moment de timp (frame 12), adică pentru fiecare trepidaţie a maşinii, personajele vor fi puţin zdrucinate; vă sugerez astfel o mişcare pe verticală a capetelor personajelor (corpurile rămân nemişcate), dar de data aceasta în jos, în sens contrar direcţiei de mişcare a caroseriei maşinii. După cum se poate vedea din tabelul de mai jos, aceste mişcari sunt foarte subtile, au o valoare mai mică decât unitatea, însă executate toate în acelaşi timp au impact destul de mare .

Cu aceste mişcări ataşate elementelor am creat senzaţia că maşina se mişcă, însă deocamdată cu roţiile nu se întâmplă nimic; asupra roţilor nu doresc să ataşez nici o mişcare de tranzlaţie pe verticală, pentru că nu vreau să pierd contactul cu pământul, ele trebuiesc să rămână nemişcate dar totuşi să creeze impresia că se rotesc în planul Oz. Acest lucru îl obţin dacă desenez două ipostaze pentru fiecare roată, fiecare ipostază remarcându-se prin prezenţa unei umbre  poziţionată în partea de sus a roţii (poziţia iniţială), respectiv în partea de jos a roţii (poziţia finală); fiecare poziţie a roţii este reprezentată pe o lungime de 3 frame-uri, adică o ‘rotaţie’ completă a roţii este reprezentată pe 6 frame-uri. Aşadar, pentru roţi am folosit tehnica keyframing.

Cam asta este explicaţia, haideţi să vedem rezultatul!

Animaţia 2. Condusul maşinii într-un mod mai rapid

De data aceasta vreau să complicăm puţin lucrurile … astfel vom face ca Bodyguard-ul să conducă maşina într-un mod ceva mai alert. Să ne imaginăm că ar fi urmăriţi de o maşina a politiei ) . Condusul maşinii la viteză ridicată presupune ca soferul să întâmpine ceva dificultăţi în menţinerea poziţiei volanului, mai ales dacă maşina trepidează. Acest efect îl obţin dacă şoferul roteşte uşor volanul spre stânga şi spre dreapta, lucru ce implică o uşoară deplasare a maşinii (maşină + pasageri) în lateral, atât în stânga cât şi în dreapta.

Trebuie precizat faptul că această animaţie este o continuare a celei de sus (animaţia 1) astfel că tot ceea ce-am spus mai sus din punctul de vedere al realizării (Tabel – Animation 1) rămâne valabil. În continuare mai adaug  încă două keyframe-uri (frame 6 şi frame 18) pentru a reprezenta momentul roţirii volanului spre stânga ecranului (frame 6 ) şi respectiv spre drepta ecranului (frame 18).

De data aceasta m-am jucat un pic şi cu r0ţile maşinii, în sensul că le-am aplicat o mişcare de rotaţie în momentul în care şoferul maşinii trage de volan în stânga şi în dreapta.
Astfel, în momentul în care Bodyguard-ul roteşte volanul spre stânga sau spre dreapta, roţile au tendinţa de a se roti spre interior, în sens contrar una faţă de cealaltă; astfel dăm iluzia ca asupra lor se exercită o forţă de apăsare datorită vitezei mari de deplasare a vehiculului.

Cam atât cu vorbăria despre această animaţie … haideţi să vedem rezultatul!

Voi mai reveni cu aceste două animaţii atunci când vom desena şi anima decorul, însă până atunci … desenaţi şi animaţi cu plăcere