În această lecție dorim să vorbim despre principalele etape ale creării personajelor animate folosind Flash folosind exemplul de dezvoltare a unui personaj din jocul „Învățați prin joc” și a unui avatar pentru un site Web.

Personaj de joc pe calculator

Conform scenariului jocului „Învățați jucând”, toate acțiunile din acesta sunt efectuate de personajul principal Kolobok (Fig. 1), care se deplasează în jurul câmpului (Fig. 2) în căutarea unui diamant.

Ideea acestui joc este că jucătorul trebuie să aleagă calea către obiectiv (diamantul), chemând pe nume obiectele situate în dreapta, stânga, deasupra și dedesubtul pătratului în care se află Kolobok, deplasând astfel personajul în sus și în jos, spre dreapta -stânga. De exemplu, pentru ca Kolobok să mute o celulă în jos, în meniul din Fig. 2 trebuie să selectați cuvântul „portocaliu”. Alegând numele potrivite din meniu, jucătorul poate conduce personajul la diamantul prețuit.

Același principiu stă la baza mai multor jocuri tematice. Deci, în fig. Figura 3 prezintă o versiune a jocului dedicată studiului fracțiilor 1.

1 Programul conține 12 subiecte de studiu („Formă. Culoare. Număr”, „Anotimpuri”, „Ceasuri”, „Păsări”, „Animale”, „Calcul”, „Figuri geometrice”, „Numerale romane”, „Fracțiuni” ”, „Paleta artistului”, „Limba engleză”, „Notație”).

La crearea jocului au luat parte Alexander Prokhorov, Mihail Morozov, Dmitri Bystrov, Elena Andrianova, Andrey Vyaznikov. Informații mai detaliate despre joc pot fi obținute la: http://computergames.com.ru/54/7217.html.

După cum reiese din scenariul de mai sus, una dintre sarcinile în timpul dezvoltării jocului a fost crearea personajului Kolobok și animarea mișcărilor sale.

Ca exemplu, este afișată animația mișcărilor Kolobok-ului de sus în jos: animația 1.

În prima etapă, sunt create schițe ale aspectului eroului (Fig. 4), precum și schițe ale mișcărilor și acțiunilor sale principale (Fig. 5).

În același timp, sunt realizate schițe care arată cum va arăta personajul în diferite teme de joc. În special, în fig. 6. prezintă o schiță pentru tema „Astronomie”, iar în Fig. 7 schiță pentru tema „Fracțiuni”.

În acest caz, aspectul lui Kolobok este determinat nu numai de considerente estetice, ci și de tehnică - cum să creați un personaj, astfel încât să poată fi animat cu ușurință.

În fig. 8 este clar că personajul este format din elemente individuale.

2 Această lucrare a fost realizată de Elena Adrianova.

Acest lucru vă permite să specificați mișcarea fiecărui element (brațe, picioare, sprâncene, ochi etc.) separat. Astfel, în loc să redesenați în mod repetat personajul în diferite poziții, este suficient să setați animația automată a elementelor care îl compun.

Să aruncăm o privire mai atentă la din ce este făcut eroul nostru. Dosarul „Piese” prezentat în Fig. 9, conține 12 elemente (în mare parte clipuri de film) care alcătuiesc Kolobok. De exemplu, piciorul stâng Simbolul 4d (Fig. 9), mâna dreaptă Simbolul 7d (Fig. 10) etc.

În același timp, elementele individuale, cum ar fi Simbolul 12d (Fig. 11), conțin deja mișcări de animație ale sprâncenelor și ochilor și constau, de asemenea, din elemente separate.

În special, clipul de film Symbol 12d constă din componente separate: sprâncene (Simbol 34) (Fig. 12), ochiul stâng (Fig. 13). La rândul său, clipul video care înfățișează ochiul stâng se bazează pe clipul video „ochi” (Fig. 14).

Astfel, eroul este, așa cum ar fi, asamblat din părți individuale ale designerului.

Pentru a arăta modul în care elementele individuale care alcătuiesc Kolobok-ul se mișcă în timpul mersului, să ne întoarcem la figură, care arată ciclul de mers în modul Onion Skinning (hârtie de calc). Din fig. 15 se poate observa că în mers nu numai brațele și picioarele lui se mișcă, ci aproape toate elementele din care este alcătuit. În acest caz, toate elementele sunt animate în modul automat de animație în mișcare (Motion Tweening) și numai mâinile (sau mai bine zis, liniile care leagă mâinile de corp) sunt animate în modul automat de animație Shape Tweening (în Fig. 8). , această animație este setată în straturile Layer 5 și Layer 7).

În fig. Figura 16 arată cum este creată animația atunci când personajul se deplasează la stânga. Aceasta implică multe dintre aceleași elemente comune folosite atunci când animați mișcarea în jos a unui personaj.

Mișcările lui Kolobok sunt animate în mod similar atunci când se deplasează la dreapta și în sus.

Pentru a diversifica mișcările personajului se adaugă diverse gesturi repetate periodic. De exemplu, Kolobok își duce mâna la frunte în timp ce merge sau, privind la privitor, scutură degetul (Fig. 17).

Principalele opțiuni de mișcare pentru Kolobok pot fi văzute în acest videoclip.

Unele gesturi ale personajelor apar ca răspuns la acțiunile jucătorului. De exemplu, când jucătorul se gândește mult timp, cocul începe să căscă. Dacă răspunsul este incorect, personajul se încruntă nemulțumit etc.

Pentru a înțelege mai bine cum este animat acest personaj, puteți consulta fișierul fla sursă.

Avatar pentru site

Adesea, un personaj care interacționează cu un vizitator ajută la aducerea unui site web la viață. Cel mai simplu exemplu este testarea pe un site web, în ​​care, pe lângă comentariile verbale (sau în locul acestora), rezultatul răspunsului este evaluat prin afișarea stării de spirit a avatarului.

Să ne uităm la un exemplu de creare a unui astfel de personaj.

În etapa inițială, au fost selectate acele stări ale eroului care ar trebui să fie implicate în scenariu, iar artistul a realizat schițele corespunzătoare (Fig. 18).

Apoi, imaginile au fost terminate în Photoshop. În același timp, a fost creat un șablon cu contururi faciale constante, în care au fost introduse trăsăturile necesare pentru a transmite o anumită dispoziție. În același timp, și tenul s-a schimbat (Fig. 19).

După aceasta, următorul videoclip interactiv a fost realizat în Flash. În acest videoclip, am reflectat doar șase cadre, adică am folosit doar o parte din imaginile prezentate în Fig. 18. Dar pentru a înțelege principiul, acest lucru este suficient. Să aruncăm o privire mai atentă asupra modului de a crea un astfel de videoclip.

În primul cadru plasăm imaginea feței „triste” la comandă File => Import => Import to stage, apoi convertiți-l în formă vectorială folosind comanda Modificați => Bitmap => Urmăriți Bitmap.

Apoi, în raport cu primul cadru, scriem o linie de cod Stop(); smochin. 20.

Acest cod specifică faptul că programul nu trebuie să se deplaseze la următorul cadru până când utilizatorul efectuează o acțiune de control.

Deci, butonul de sus va conține codul prezentat în Fig. 21.

Al doilea și următoarele cadre sunt create folosind comanda Insert Keyframe. Această comandă creează pe fiecare cadru de intrare toate elementele din cadrul precedent, așa că tot ce trebuie să facem este să înlocuim poza cu următoarea expresie facială.

Pentru o privire mai detaliată asupra acestui videoclip, puteți consulta originalul

Crearea unui personaj tridimensional pentru un logo sau o reclamă este doar jumătate din luptă. Odată ce aspectul personajului tău este gata, convenit și aprobat, începe distracția - crearea animației 3D. Acesta este un proces intensiv de muncă și incredibil de interesant, care în cele din urmă vă permite să „reviați” orice idee.. De exemplu, învață un personaj să vorbească cu un client, să fie trist și fericit, să gândească și să se miște, să intre în aventuri și să arate cu degetele cum să folosești produsul tău.

Munca animatorilor 3D este un efort colosal, permițându-le să creeze nu doar o imagine în mișcare, ci și o realitate complet de încredere în jur. Cum se creează animația 3D și ce miracole pot fi create cu pricepere, vom examina mai detaliat în articol.

Ca să-l citez pe dr. Frankenstein: E viu!

Animația obiectelor tridimensionale diferă semnificativ de animația 2d - desene animate „plate”, în care volumul a fost obținut folosind perspectiva și colorarea adecvată a personajelor și a împrejurimilor. Astăzi, tehnologia vă permite să-i arătați imediat forma cu iluminarea și mișcarea camerei. În acest caz, conceptul de animație se schimbă:

animație 2d- crearea iluziei de mișcare sau schimbarea formei obiectelor folosind tehnici tehnice.

animație 3d— mișcarea sau transformarea automată a obiectelor în spațiu și timp.

Mai simplu spus, anterior era necesar să se deseneze mișcarea fiecărui caracter cadru cu cadru. Acum este suficient să creați un model tridimensional al personajului, după care acesta poate fi mutat în spațiu fără efort și desene suplimentare. Dar este simplu de spus, dar, în realitate, revigorarea unui model de caracter 3D este un proces destul de complex. Pentru a face figura să se miște, nu este suficient să ai acces la un computer și la programe inteligente. De asemenea, trebuie să vă imaginați cum se poate mișca eroul, ce forțe îl influențează (nu cele mai înalte, ci, de exemplu, gravitația, frecarea și rezistența).

Dacă vrei să obții ceva cu caracter, este important să apelezi la animatori care sunt conștienți de toate subtilitățile și sunt gata să rezolve fanatic fiecare detaliu. Nu numai mersul, ci și expresiile faciale, mișcarea firelor de păr și alunecarea țesăturii (dacă eroul, desigur, poartă haine).

Pentru a ține cont de totul deodată, trebuie să fii puțin vrăjitor și puțin geniu - o descriere destul de potrivită pentru animatorii studioului KLONA.

Cum să creezi altceva decât un zombi: caracteristici ale animației de caractere 3D

După cum spune înțelepciunea modernă: nimic nu este zombi decât zombi. Și dacă eroul tău nu este el, atunci animația personajului ar trebui să fie „în direct” sau, așa cum se spune în zilele noastre, credibilă. Privitorul trebuie să creadă că eroul cu adevărat umblă, privește, se strâmbă sau zâmbește, interacționează cu mediul înconjurător.

Crearea și animarea unui personaj 3D înseamnă a crea o poveste care este spusă nu cu cuvinte pe hârtie (sau ecran), ci cu mișcare. De exemplu, expresiile faciale ale unui erou pot spune multe despre caracter. Dar pentru a face acest lucru, el trebuie să aibă o față de „calitate” suficientă pentru a face mușchii să se miște.

Când se abordează întrebarea fără diligența necesară sau cu jumătate de inimă, de regulă, rezultatul este ceva cel puțin nefiresc și uneori chiar înfricoșător.

Prin urmare, să luăm ca punct de plecare și să vedem ce se poate face cu el:

1. Animați după cadre cheie;
2. Animați de-a lungul unei căi;
3. Creați animație într-un mediu dinamic;
4. Animați folosind captura de mișcare.

Fiecare dintre metode este cel mai ușor de explicat luând în considerare nu numai tehnologia, ci și exemple.

Animație cadru cheie: de la punctul A la punctul B

- una dintre cele mai comune moduri de a crea animații de caractere 3D. Esența metodei este aceasta: mai multe puncte principale sunt specificate pe scara de timp la care se modifică poziția sau forma obiectului. Animatorul setează parametrii necesari ai modelului în cadrele specificate, iar programul calculează automat stările „intermediare”.

Exemplu: Pentru simplitate, să luăm o minge de cauciuc care lovește pământul și sare în sus. Pentru a afișa o astfel de „săritură”, procesul trebuie împărțit în trei etape: mingea în punctul de sus - mingea de pe pământ - mingea din nou în punctul de sus. Într-un sens bun, ar trebui să setați mai multe cadre cheie, să țineți cont de o grămadă de lucruri mărunte. Ca și faptul că atunci când este scăpată, carcasa de cauciuc se întinde, iar când este lovită, se aplatizează.

Dacă deformați corect un obiect în fiecare moment fix în timp, animația 3D se va dovedi a fi cât se poate de naturală.

Modelele de personaje 3D nu sunt întotdeauna oameni sau animale. Eroul nostru poate fi orice obiect, de exemplu, o cameră zburătoare sau un OZN (în general, orice vă permite imaginația). În acest caz, luminile intermitente și rotirea de-a lungul unei axe nu vor fi suficiente - nu va fi interesant. Dar să faci un obiect să zboare de-a lungul unei traiectorii și chiar să „trimiți” camera să-și urmărească mișcarea, apropiindu-se și îndepărtându-se în timp...

Iar o manipulare pricepută a focalizării (aceasta este ceea ce un studio de animație 3D ar trebui să poată face cu siguranță) va transforma o simplă învârtire a unui obiect în spațiu într-un succes aproape captivant.

Esența metodei este:

• setați punctul de pornire (începutul traseului obiectului);
• desemnează traiectoria (calea parcursă de obiect);
• indicați punctul final (unde ar trebui să se oprească modelul).

După ce personajul/obiectul este „atașat” de traiectorie, programul însuși calculează și creează mișcarea. Dacă adăugați animație a obiectului în sine (fășurând aripi, deschiderea blocurilor de aer, extinderea trenului de aterizare) și vă „jucați” cu camera, puteți obține efecte foarte interesante.

Echipa studioului CLONE știe exact cum să facă o mișcare simplă de-a lungul unui traseu trasat uluitor de dinamic.

Eroul nostru nu este în vid. Orice personaj este înconjurat de un fel de realitate, în care există neapărat gravitația (dacă nu este în spațiu), mișcarea maselor de aer și alte tipuri de vibrații. Toate acestea ar trebui luate în considerare pentru ca animația personajelor să fie destul de realistă.

Cum arată rezultatul unei astfel de animații și unde poate fi văzut?

Detaliat. Când un personaj se plimbă prin oraș și pelerină flutură în vânt sau când este sub apă părul se lipește de față - toate acestea se realizează prin animație ținând cont de factorii din jur.

Strict vorbind, animație într-un mediu dinamic- lucru mai degrabă computațional cu o imersiune profundă în caracteristicile fizice ale obiectelor. Dar fără toate acestea, nici cea mai detaliată modelare 3D nu va face personajul mai viu.

Captură de mișcare: transformarea unui film într-un desen animat

Tehnologia de captare a mișcării- tânăr, dar foarte popular. În prezent, captura de mișcare este folosită în aproape toate filmele științifico-fantastice. Esența acestei metode este extrem de simplă:

• senzorii sunt atașați la actor;
• În timp ce actorul se mișcă, camerele înregistrează pozițiile senzorilor;
• deplasarea lor este procesată de program și creează un „schelet” în mișcare cu un set de cadre cheie;
• pachetul de informații rezultat este „acoperit” cu un shell - pentru aceasta, se utilizează modelarea caracterelor 3D.

Drept urmare, acțiunile eroului se dovedesc a fi realiste și convingătoare, iar animatorii nu trebuie să se lupte cu fizica și să-și amintească unde se îndoaie lucrurile.

21
Mar
2008

Gen: Personaje animate
Dezvoltator: Oska Software
Medicament: Nu este necesar
Platformă: Win XP/VISTA
Cerințe de sistem: Personaje animate amuzante, în mare parte fete drăguțe, care vor trăi pe desktopul tău. La intervale scurte de timp vor efectua diverse acțiuni amuzante, dar puteți declanșa orice acțiune și făcând clic pe personaj cu cursorul mouse-ului.
(desene animate - personajele ocupă plăcut și se distrează în timp ce computerul efectuează un fel de operațiune. Ele nu interferează când lucrezi.)
Descriere: Am căutat mult timp, am descărcat mult timp, l-am găsit și l-am postat Mulțumită site-ului http://www.nautilus-position.narod.ru/ (http://nautilus.fastbb.ru).
Mai întâi trebuie să instalați DeskMates (de bază) + FatB, apoi orice altceva dacă doriți. În animație argive 2D și 3D, precum și personaje vii
Adăuga. informații: Mai întâi trebuie să instalați DeskMates (de bază) + FatB

27
Aprilie
2009

An fabricatie: 2009
Gen: Cărți poștale
Dezvoltator: Samodelka
Număr de poze: 1915
Rezoluția imaginii: 100px × 100px; 500px × 600px; 400px × 297px etc.
Format imagine:
Descriere: Cărți poștale pentru toate ocaziile. De la glume la urări pentru un somn bun. Există și cărți poștale de sărbători - 1 aprilie, 8 martie, Ziua Cosmonauticii, La mulți ani și multe altele.
Adăuga. informație:

14
sept
2012

Carti animate

An fabricatie: 2012
Gen: Cărți poștale
Număr de fișiere: 2477
Rezoluție: 200x286 până la 6056x4592
Format: GIF, JPG
Descriere: Un număr mare de cărți poștale (statice și animate) pentru o varietate de sărbători. Există cărți poștale în diferite limbi. ,

29
aug
2010

Avatare animate!

An fabricatie: 2008-2010
Gen: Avatare
Număr de fișiere: 6220
Rezoluție: de la 22x22 la 150x150
Format: .gif
Descriere: O grămadă de avatare animate diferite pe diferite subiecte (fantezie, desene animate, anime, glume, simboluri, indicatoare rutiere, emoticoane, din filme, flori, etc.) Numărul de avatare este în continuă creștere, dar exemplele rămân vechi! Dacă cineva vede o repetiție, vă rugăm să scrieți numele fișierului. Și îmi cer scuze pentru faptul că folderul „Desene animate și anime 100x100” se află în arhivă. În caz contrar, nu veți putea încărca torrent-ul. --------

03
Dec
2010

Imagine de fundal animată DreamScene

An fabricatie: 2009

Număr de fișiere: 58

Format: wmv, mpg
Platformă: Windows Vista, 7 58 imagini de fundal animate de înaltă calitate! Se potrivesc perfect și pur și simplu fascinează prin frumusețea și splendoarea lor!
Instalare: 1. Rulați DreamScenes Enabler 1.2.exe ca administrator 2. Faceți clic pe Activare 3. Faceți clic pe Terminare 4. Reporniți computerul. 5. Accesați folderul C:WindowsWebWindows DreamScene, va exista deja un vis acolo, pentru a-l lansa, faceți clic dreapta și selectați Set as Desktop Bacrground. 6. N...

06
Dec
2010

Imagine de fundal animată DreamScene „Spațiu”

An fabricatie: 2010
Gen: imagine de fundal animată pentru desktop
Număr de fișiere: 22
Rezoluție: 1280x720, 1920x1080
Format: exe, wmv
Platformă: Windows Vista, 7 Colecție de imagini spațiale magnifice (salvatoare de ecran).
Instalare: 1. Rulați DreamScenes Enabler 1.2.exe ca administrator 2. Faceți clic pe Activare 3. Faceți clic pe Terminare 4. Reporniți computerul. 5. Accesați folderul C:WindowsWebWindows DreamScene, va exista deja un vis acolo, pentru a-l lansa, faceți clic dreapta și selectați Set as Desktop Bacrground. 6. Aruncă vise noi pentru a instala...

07
Dec
2010

Imagine de fundal animată DreamScene „Diverse”

An fabricatie: 2010
Gen: imagine de fundal animată pentru desktop
Număr de fișiere: 11
Rezoluție: 1280x720, 1920x1080
Format: exe, wmv, mpg

Instalare: 1. Rulați DreamScenes Enabler 1.2.exe ca administrator 2. Faceți clic pe Activare 3. Faceți clic pe Terminare 4. Reporniți computerul. 5. Accesați folderul C:WindowsWebWindows DreamScene, va exista deja un vis acolo, pentru a-l lansa, faceți clic dreapta și selectați Set as Desktop Bacrground. 6. Pur și simplu aruncați vise noi pentru instalare în același...

08
Dec
2010

Imagine de fundal animată DreamScene „Sexy”

An fabricatie: 2010
Gen: imagine de fundal animată pentru desktop
Număr de fișiere: 27
Rezoluție: 1280x720
Format: exe, wmv
Platformă: Windows Vista, 7 Colecție de imagini magnifice (screensavere).
Instalare: 1. Rulați DreamScenes Enabler 1.2.exe ca administrator 2. Faceți clic pe Activare 3. Faceți clic pe Terminare 4. Reporniți computerul. 5. Accesați folderul C:WindowsWebWindows DreamScene, va exista deja un vis acolo, pentru a-l lansa, faceți clic dreapta și selectați Set as Desktop Bacrground. 6. Pentru a instala vise noi, pur și simplu plasați-le în același folder Windows Dre...

09
ian
2010

An fabricatie: 2010
Gen: imagine de fundal animată
Număr de fișiere: 140
Dezvoltator: DreamScene
Site-ul dezvoltatorului: www.vistadreams.org/
Limba interfeței: rusă
Platformă: vista.7
Cerințe de sistem:
Procesor: Pentium IV
Memorie: 512 RAM
Placă video: 256 MB spațiu liber activat
HDD: 2,83 GB
Rezoluție: 1280x720
Format: wmv medicine: prezent
Descriere: fete spațiu natură cascade mare instalație 3D1. Rulați DreamScenes Enabler 1.2.exe ca administrator 2. Faceți clic pe Activare 3. Faceți clic pe Terminare 4. Reporniți computerul. 5. Accesați folderul C:WindowsWebWindows DreamScene, va exista deja unul...

07
Dec
2010

Imagine de fundal animată DreamScene „Natura”

An fabricatie: 2010
Gen: imagine de fundal animată pentru desktop
Număr de fișiere: 45
Rezoluție: 1280x720, 1920x1080
Format: exe, wmv
Platformă: Windows Vista, 7 Colecție de imagini magnifice (screensavere).
Instalare: 1. Rulați DreamScenes Enabler 1.2.exe ca administrator 2. Faceți clic pe Activare 3. Faceți clic pe Terminare 4. Reporniți computerul. 5. Accesați folderul C:WindowsWebWindows DreamScene, va exista deja un vis acolo, pentru a-l lansa, faceți clic dreapta și selectați Set as Desktop Bacrground. 6. Pentru a instala vise noi, aruncați-le în același folder...

13
Dec
2010

Imagine de fundal animată DreamScene „Diverse” nr. 7

An fabricatie: 2010
Gen: imagine de fundal animată pentru desktop
Număr de fișiere: 30
Rezoluție: de la 720x480 la 1920x1200
Format: exe, wmv
Platformă: Windows Vista, 7 Colecție de imagini magnifice (screensavere).

13
Dec
2010

Imagine de fundal animată DreamScene „Diverse” nr. 6

An fabricatie: 2010
Gen: imagine de fundal animată pentru desktop
Număr de fișiere: 31
Rezoluție: de la 720x480 la 1920x1080
Format: exe, wmv
Platformă: Windows Vista, 7 Colecție de imagini magnifice (screensavere).
Instalare: 1. Rulați DreamScenes Enabler 1.2.exe ca administrator 2. Faceți clic pe Activare 3. Faceți clic pe Terminare 4. Reporniți computerul. 5. Accesați folderul C:WindowsWebWindows DreamScene, va exista deja un vis acolo, pentru a-l lansa, faceți clic dreapta și selectați Set as Desktop Bacrground. 6. Aruncă vise noi pentru instalare în asta...

Este o modalitate ușoară de a crea modele animate, interactive de interfață cu utilizatorul; după cum se dovedește, puteți anima cu ușurință aproape orice (nu doar interfețele) cu acesta.

Prima animație de personaj

Vom crea această minge prietenoasă

Mai întâi trebuie să creați un caracter vectorial în Sketch. Puteți folosi exemplul meu gata făcut (împreună cu exemplul principal) - descărcați sursele.

Odată desenat personajul (eu folosesc Sketch), asigurați-vă că grupați toate obiectele împreună, astfel încât să le puteți muta cu ușurință în Principle (le puteți grupa și în Principle, depinde de dvs.). În acest exemplu, am grupat brațul stâng/dreapta, piciorul stâng/dreapta, corpul, umbra de pe sol și steag. Vom muta aceste obiecte în Principle pentru a ne crea animația.

Gruparea straturilor în Sketch

După ce ți-ai desenat și grupat personajul în Sketch, deschide Principle și selectează „Import”. Planşa personajului va fi importată în Sketch. După importare, veți avea o nouă planșă de desen în Principle.

Personajul nostru importat din Sketch

Selectați tabloul de desen și duplicați-l de 4 ori. Conectați fiecare planșă de artă la următoarea, iar ultima la prima, folosind „Auto”. Acesta este ceea ce va genera animația. Fiecare strat de pe fiecare planșă de desen se va anima cu stratul cu același nume de pe următoarea planșă de desen.

Conectați fiecare planșă de artă la următoarea

Odată ce toate planurile de artă sunt conectate, selectați brațele, picioarele, trunchiul și alte elemente grupate pe care doriți să le schimbați pe planurile de artă 2 și 4. În exemplul de mai jos, veți vedea că prima și a treia planșe sunt aceleași, iar în 1 și Pe a 4-a planșă de artă, pozițiile obiectelor sunt ușor diferite. Acest lucru creează o buclă de animație fără întreruperi. Dacă ai vrea, ai putea realiza doar 2 tablouri de artă, aceasta ar fi o opțiune și mai simplă, dar nu căutăm modalități simple :)

Animație finală

Gata, acum hai să înregistrăm animația.

Înregistrare animație

Principle are un instrument de înregistrare încorporat. Cu toate acestea, la previzualizare, animația este în bucle. Din păcate, Principle nu oferă o modalitate ușoară de a începe și opri o animație la momentul potrivit. Prin urmare, este destul de dificil să înregistrezi o animație perfectă în buclă. Dar am gasit o solutie. Înregistrez un ciclu complet de animație ca GIF, apoi import gif-ul în Photoshop (sau orice alt editor GIF) și elimin cadrele astfel încât ultimul să fie egal cu primul. Salvați din nou gif-ul și aveți un „ciclu” grozav!

Ce urmeaza?

Acesta este un exemplu de animație simplă și rapidă. Cred că adăugarea mai multor cadre, precum și mutarea și alinierea cu atenție a părților personajului, poate aduce personajul la viață mai bine. Principle oferă o mulțime de opțiuni pentru animație, iar în această postare am acoperit cele mai de bază opțiuni. Dacă vă creați propriile personaje, împărtășiți-le în comentarii - va fi foarte interesant să vedeți rezultatul.