Share
Flash CS4 a venit cu câteva schimbări și caracteristici mari care ne uimi încă și după lansarea mai recentă a Flash CS5. Flash are acum capacitatea de a lucra cu obiecte din spațiul 3D direct în mediul de lucru.
Deși este încă o caracteristică de bază în comparație cu ceea ce puteți face cu 3D în clasele ActionScript, acest instrument deschide ușa designerilor și animatorilor care nu știu prea multe despre cod. Acesta le permite să înceapă mutarea obiectelor în spațiul 3D fără a fi nevoie să se utilizeze metode vechi (cum ar fi importul de animații 3D în imagini succesive etc.)
Împreună cu instrumentul 3D, Flash a modificat modul în care înțelegem îmbunătățirea mișcării prin adăugarea noului stil de mișcare de mișcare, care seamănă mai mult cu funcția de animare automată din After Effects. Împreună cu schimbările de mișcare, Flash vine cu Editorul de mișcări. Acest panou are o mulțime de caracteristici și capabilități, oferind animatorului mai mult control asupra animației în Flash utilizând curbele de animație.
Panoul Motion Editor nu numai că îmbunătățește animația oferind mai multe opțiuni prin controlul curbelor, dar oferă și controlul asupra relaxării animației, oferind un aspect mai realist. Conceptul de relaxare este cunoscut în multe aplicații de animație, cum ar fi After Effects, dar anterior a fost atât de fundamental în Flash și a fost limitat la modificarea valorii de relaxare de la 100 la -100. Noile caracteristici de relaxare vă oferă mai multă capacitate de a controla relaxarea animației, după cum vom vedea în pașii de mai jos.
În acest tutorial, vom îmbina funcțiile 3D și relaxarea prin crearea animației 3D în Flash și aplicarea curbelor de relaxare.
Să aruncăm o privire asupra rezultatului final pe care îl vom strădui:
Prima parte a tutorialului nostru este de a construi scena de desene animate pentru o cameră cu ușă.
Deschideți un nou document Flash cu dimensiunile de 600px X 450px și începeți să desenați conturul camerei demonstrat în figura de mai jos.
Rețineți că instrumentul 3D este disponibil numai când aveți setările pentru publicarea documentelor pentru ActionScript 3 și Flash Player 10 sau o versiune ulterioară. În plus, poate fi aplicat numai pe simbolurile clipurilor video. Ar trebui să vă asigurați că Setările de publicare a fișierelor (găsite în Fișier> Publicați setările, surprinzător) sunt setați la acțiunea Script 3 și Flash Player 10 sau mai mult.
Tăiați zona ușii și plasați-o pe un strat nou pentru a putea controla utilizarea ușii 3D.
Acum, să adăugăm câteva detalii în fundal pentru a le oferi o imagine reală a desenelor animate. De asemenea, adăugăm niște umbre și texturi la podea și la ușă.
Transformați simbolul ușii într-un clip video și dați-i numele "Door".
Activitatea de navigare 3D include patru cicluri, tragerea peste fiecare ciclu vă permite să rotiți simbolul într-una din următoarele direcții:
În timp ce simbolul ușii este selectat, alegeți instrumentul 3D. Ciclurile de elemente 3D apar în mijlocul simbolului videoclipului.
Faceți clic pe punctul central al ciclurilor 3D și trageți materialul de navigație în dreapta din dreapta a ușii pentru al face să fie punctul central în care ușa se rotește. Aspectul final al fundalului ar trebui să fie cel descris mai jos.
În etapele de mai sus, am pregătit fundalul desenelor animate pentru animația 3D prin mișcarea de mișcare. În această animație, vom anima ușa pentru a deschide și a închide folosind instrumentul 3D. Glisați indicatorul liniei de timp în primul cadru din panoul Cronologie pentru a începe animația.
Faceți clic pe instrumentul 3D de rotire și faceți clic pe simbolul ușii. Observați că elementul de navigație 3D apare în partea dreaptă a obiectului.
Faceți clic pe ciclul verde și trageți pentru a deschide ușa în direcția din afara camerei, așa cum se arată în figura de mai jos.
Mutați indicatorul liniei de timp în cadrul 50. Și utilizați instrumentul de rotire 3D pentru a roti ușa spre cealaltă parte a camerei, după cum se arată în figura de mai jos.
Am creat acum animația 3D pentru ușa din faza Flash. Apoi, vom folosi editorul de mișcare pentru a crea efecte de animație mai realiste folosind curbele de relaxare din panoul Editor de mișcări. În timp ce această caracteristică îmbunătățită de relaxare a fost adăugată în Flash CS4 și versiuni mai noi, versiunile mai vechi ale Flash au avut o caracteristică simplificată simplificată prin valoarea Easing în panoul proprietăților. Totuși, puteți găsi această valoare când faceți clic pe oriunde în mișcare, dar această metodă nu a oferit niciodată alte opțiuni decât relaxarea și ieșirea.
Panoul Editor de mișcări constă din curbe de animație care controlează proprietățile obiectelor prin animație în intervalul de timp. Fiecare curbă reprezintă o proprietate specifică pentru obiect și este responsabilă pentru schimbarea acesteia în timp și în nivelul schimbării. De exemplu, curba X reprezintă animația obiectului pe axa X. Această valoare devine activă atunci când creați o adăugare de mișcare asociată cu aceasta.
Curbele de relaxare din panoul de mișcare sunt similare cu celelalte curbe de animație ale editorului de mișcare, deoarece vă oferă mai multă capacitate de a controla mișcarea realistă a animațiilor.
Există două metode principale pentru a crea curba de relaxare. Primul este prin meniul derulant Eases presetare, care include opțiuni de relaxare gata. A doua metodă este de a crea curba personalizată de relaxare. În acest tutorial vom încerca ambele metode.
Înainte de a continua, iată o scurtă trecere în revistă a curbelor de relaxare din panoul Motion.
În partea Easing a panoului Motion Editor, puteți adăuga / elimina și edita curbele de relaxare prin simpla selectare a curbei dorite. Înainte de a vedea cum să aplicăm efectul de relaxare asupra animației 3D, vom vedea pe scurt modul în care funcționează curba Easing în panoul Motion Editor.
Curba de relaxare este o metodă cuprinzătoare pentru a controla modul în care animația accelerează prin mișcarea de mișcare pentru a crea o animație mai realistă; arată valoarea de accelerare sau decelerare a animației în timp.
Panoul Editor de mișcări vă oferă opțiunea de a crea mai multe curbe de relaxare și de a atribui diferite curbe fiecărei proprietăți de mișcare și de a aplica diferite opțiuni pentru fiecare caracteristică. În următorii pași, vom începe prin aplicarea unei presetări de relaxare la animația de deschidere a ușii.
Selectați clipul video sau faceți clic pe oriunde în mișcarea de derulare, accesați panoul Motion Editor și navigați la secțiunea Ușor.
Faceți clic pe pictograma plus din secțiunea Ușor pentru a adăuga ușurință de la presetările de eliberare derulantă. Alegeți relaxarea de primăvară.
Mergeți la curba de rotație Y care afișează animația ușii. În lista derulantă Easing, alegeți Primăvară. Apăsați Ctrl + Enter pentru a testa animația.
Veți observa că animația ușii sa schimbat de la o simplă animație a două cadre cheie la o animație complexă cu efect de primăvară. De asemenea, puteți adăuga alte presetări de relaxare și încercați să vedeți cum afectează animația ușii. Animația ar trebui să fie după cum urmează:
În următorii pași, vom crea o curbă personalizată de relaxare și o vom aplica animației de deschidere a ușii. Vom arunca o privire mai atent la modul în care curba funcționează și se va ocupa de modul în care se poate lucra cu ea.
Mai întâi, să eliminăm relaxarea anterioară fie prin selectarea opțiunii No Ease din lista derulantă de relaxare, fie făcând clic pe pictograma minus din secțiunea de relaxare și selectând relaxarea pe care doriți să o eliminați. În acest exemplu, vom elimina relaxarea de primăvară.
Faceți clic pe pictograma plus de lângă secțiunea Ușor și alegeți Personalizat din lista derulantă. Aceasta va crea o nouă curbă de relaxare personalizată cu o curbă verde pentru a indica că este edibilă. Dacă creați curbe suplimentare de relaxare personalizate, fiecare curbă va avea o culoare unică asociată cu aceasta.
Curba de ușurință funcționează similar cu traseele de trasare. Puteți crea puncte pe aceasta; aceste puncte reprezintă cadrele cheie sau punctele care indică modificări ale animației de relaxare. Fiecare punct are două mânere pentru a schimba aspectul părților din dreapta și din stânga ale curbei. Acum, vom crea puncte pe curba de relaxare care va afecta animația ușii:
Faceți clic dreapta pe curba de relaxare și creați cadrele cheie pe ramele 10, 20, 30 și 40
Curba de relaxare variază între zero și 100. Când curba se deplasează spre valoarea zero, animația se mișcă spre primul cadru și deplasează curba la valoarea 100, ceea ce înseamnă că se mișcă până la sfârșitul animației. De asemenea, rețineți că curba de alunecare greu înseamnă o accelerare mai mare a vitezei și o alunecare lentă înseamnă accelerație lentă a animației.
Vom modifica poziția și curba punctelor pentru a afecta accelerarea animației. Selectați primul punct și mutați-l la relaxarea valorii 100. Aceasta înseamnă că animația va ajunge la sfârșitul ei în acest punct, iar alunecarea greu înseamnă că animația se va accelera rapid.
Mutați al doilea punct la valoarea zero, al treilea punct la valoarea 50 și al patrulea la valoarea 50.
Utilizați handlers punct pe ultimele două puncte pentru a crea o alunecare curbată netedă pentru a face ușă animat lent la sfârșitul animației. Curba de relaxare finală ar trebui să fie asemănătoare cu cea de mai jos:
Apăsați Ctrl + Enter pentru a testa animația și a vedea cum noua curbă de relaxare afectează animația ușii. Animația finală pentru relaxarea personalizată ar trebui să fie după cum urmează:
Acesta este sfârșitul tutorialului. Acesta vizează să vă ajute să înțelegeți cum să utilizați instrumentele 3D ale Flash pentru a crea animație în spațiul 3D și să aplicați funcțiile de relaxare complexă din panoul de mișcare prin curbele de relaxare.
Înțelegerea curbelor de relaxare vă poate ajuta să creați animații complexe și mai realiste mai ușor și mai eficient, aplicând curbele de relaxare în animație, în loc să creați mai multe cadre cheie în mișcare.
.
Accentsconagua