Tutorial Illustrator: Cum se fac animații cu Illustrator

Tutorial de animație Illustrator

Astăzi vă prezint acest tutorial simplu, dar util , în care puteți învăța cum să creați animații Flash folosind doar Illustrator . Illustrator este un program de grafică vectorială și design care, la fel ca Photoshop, aparține suitei de programe Adobe și este unul dintre instrumentele cheie care au ajutat compania să devină standardul industriei în designul grafic de astăzi.

Suita Adobe este în continuă expansiune, aducându-ne noi aplicații pentru noi domenii de muncă creativă la niveluri la care puteam doar să visăm cu ani în urmă, de la programe dedicate creării de formulare până la editoare audio și video. Programele Adobe încurajează adesea integrarea diferitelor platforme în cadrul suitei, de exemplu, prin includerea de instrumente dintr-un program în altul sau prin transferul de funcții dintr-un program în altul. Astăzi, ca exemplu în acest sens, vă vom arăta cum să creați o animație simplă cu Illustrator și să o exportați în Flash. Astăzi vă prezint: Tutorial Illustrator : Cum să creați animații cu Illustrator.

tutorial-ilustrator-cum-să-faci-animații-cu-ilustrator-01

Deschideți un document nou

Vom crea o animație web în Flash ( SWF ), dar vom folosi Adobe Illustrator . Pentru început, deschideți un document nou accesând Fișier > Document nou . Va apărea o casetă de dialog cu un meniu; introduceți numele și asigurați-vă că selectați profilul Web.

Hai să înveselim acest pui

Hai să înveselim acest pui

Acum, în noul document, vom începe să lucrăm la el. Pentru această animație , am ales un desen vectorial pe care l-am descărcat de pe internet, de pe un site web despre care am discutat într-o postare anterioară, Freepik, un motor de căutare pentru fotografii și vectori gratuit , și l-am adaptat ușor. Vom merge la panoul Straturi și îl vom denumi corect. Este foarte important să fim organizați cu straturile de la început. Îl vom numi Pui01.

Să scoatem mai multe găini

Să scoatem mai multe găini

Animația va fi destul de simplă; vom muta puiul dintr-o parte în alta a ecranului și îi vom da ochilor puțină mișcare. Mai întâi, duplicați stratul în panoul Straturi făcând clic pe strat și trăgându-l pe pictograma noului strat, de exemplu. Redenumirea stratului este importantă.

Ochii mișcați

Ochii mișcați

Vom selecta cei doi ochi ai puiului care se află în stratul Chicken02 , apoi vom selecta ochii puiului.

Dând ochii peste cap.

Dând ochii peste cap.

Cu ochii vectorului de pui din stratul de mai sus, Pollo02 , selectați, facem clic dreapta și, din caseta de dialog corespunzătoare, urmăm calea Transform-Reflect.

Dând ochii peste cap

Dând ochii peste cap

După ce te afli în opțiunea Oglindă , apasă pe opțiunea Verticală și ai terminat. Acum vei avea desenul puiului în partea de sus cu ochii într-o direcție și puiul de jos cu ochii îndreptați în altă direcție.

Acum să dublăm mai multe găini

Acum să dublăm mai multe găini

Din nou, pentru a duplica straturile, vom folosi butonul Strat nou din meniul Straturi. Faceți clic pe straturile Chicken01 și Chicken02 în timp ce țineți apăsată tasta Shift și trageți peste butonul Strat nou.

Încă câteva găini

Încă câteva găini

Trebuie să redenumim toți puii, asigurându-ne că urmăm secvența astfel încât puiul format de Chicken01 și Chicken02 să fie în partea stângă a planșei de lucru, iar urmând ordinea numerică, puiul format de straturile Chicken03 și Chicken04 să fie în dreapta și așa mai departe, ținând pasul cu ordinea straturilor din panoul Straturi. Acest lucru este foarte important, deoarece animația va urma întotdeauna ordinea straturilor, primul cadru fiind primul strat, iar ultimul cadru ultimul.

tutorial-ilustrator-cum-să-faci-animații-cu-ilustrator-15

Export în SWF

După ce toate găinile sunt poziționate corect (așa cum s-a explicat mai sus), vom accesa fereastra Export Documente accesând Fișier > Export. Acolo, vom alege SWF sau Flash ca format de export . Va apărea o altă casetă de dialog unde vom configura pașii finali. Cu opțiunea Basic selectată, vom alege să exportăm ca AI Layers în cadre SWF , iar versiunea de Flash pe care o vom selecta este cea mai recentă disponibilă, Adobe Flash Player 9. De asemenea, vom bifa opțiunea „Decupare la dimensiunea planșei de lucru”. Există și alte câteva opțiuni interesante, pe care le vom explora într-un alt tutorial.

Exportator

Exportator

Apoi, în aceeași casetă de dialog, selectați opțiunea Avansat și alegeți rezoluția și rata de cadre, setând-o la 15. După cum puteți vedea, aici putem alege ordinea straturilor, pe care, așa cum am menționat anterior, am configurat-o astfel încât animația să ruleze de jos (primul strat) până sus (ultimul strat) al panoului Straturi din interfața dvs. După exportare, vizualizați rezultatul în orice program de redare video.

Mai multe informații – Freepik, motor de căutare pentru fotografii și vectori gratuit


Adăugați ca sursă preferată în Google