Cum să faci o animație simplă folosind Adobe Illustrator și After Effects

V-ați făcut vreodată o ilustrație minunată cu Adobe Illustrator și v-ați întrebat ce mai puteți face cu ea? Îl poți importa în After Effects și îl poți transforma într-o animație fantastică. Urmăriți-vă pentru a vedea cât de ușor poate fi.

Creați o ilustrație în Adobe Illustrator

Există diferite moduri de a crea o ilustrație pentru o animație viitoare. Utilizarea Adobe Illustrator vă oferă soluții intuitive de ilustrare care pot fi ușor importate și înțelese în After Effects. Ai putea, de asemenea utilizați Photoshop pentru a crea o compoziție pentru After Effects, dar ne vom concentra pe lucrul cu Illustrator.

Când creați documentul Illustrator, setați-l pentru dimensiunea videoclipului dorit (folosim 1920 x 1080). Pentru a începe un nou document, faceți clic Fișier nou și alegeți dimensiunile dvs. Clic Bine și sunteți gata să începeți să proiectați.

Utilizați forme simple

Un avantaj real al utilizării Illustrator pentru designul animației sunt opțiunile de căutare. Puteți proiecta folosind forme simple, cum ar fi o elipsă sau un dreptunghi, iar folosind funcțiile de căutare, puteți transforma cu ușurință acele forme simple în ilustrații mai complicate.

Folosirea unor forme simple și minimaliste pentru ilustrația dvs. vă va ajuta și atunci când vine vorba de animație. O ilustrație simplă este mai ușor de animat decât ceva mult mai complex. Probabil veți observa că majoritatea animațiilor pe care le găsiți online sunt destul de simple.

O paletă de culori minimalistă va completa animația dvs. simplă - am scris un ghid pentru creare o paletă de culori automată în Illustrator.

Lucrați pe straturi separate

Lucrul pe straturi separate în Illustrator nu este doar o practică bună, ci este parte integrantă pentru importarea ilustrației în After Effects mai târziu. Straturile vor fi păstrate și puteți anima cu ușurință strat cu strat.

Fiecare element al designului pe care doriți să-l animați – sau nu – trebuie să fie pe un strat separat. Dacă un element este complex, dar nu are părți individuale care pot fi animate, întreaga secțiune ar trebui să fie pe același strat împreună. Fiecare strat ar trebui redenumit, astfel încât să le puteți urmări pe toate în AE. Pentru a redenumi un strat, faceți dublu clic pe numele său curent.

Când importați ilustrația dvs. în AE, nu numai că dimensiunile fișierului și ale stratului vor rămâne aceleași, deci păstrând elementele în pozițiile lor corecte, dar elementele de animare vor fi toate separate corect de asemenea.

Salvarea fișierului dvs. Illustrator

Cu ilustrația completă, accesați Fișier > Salvare ca și salvați-l ca fișier AI. După ce faci clic salva, va apărea o fereastră pop-up. Asigurați-vă că Creați fișier compatibil PDF caseta este bifată, apoi faceți clic Bine.

Motivul pentru salvarea ilustrației ca fișier AI este că devine un fișier live. Dacă ți-ai creat animația cu același fișier, dar ulterior realizezi că vrei să schimbi culoarea sau un aspect al ilustrației, poți. Orice modificări salvate în fișierul AI se vor reflecta instantaneu în animația After Effects, atâta timp cât utilizați fișierul AI.

Aceasta este o opțiune de care sperăm că nu veți avea nevoie dacă ați realizat ilustrația așa cum doriți. Dar este grozav să ai opțiunea de a schimba aspecte în viitor, dacă este necesar.

Importarea designului în Adobe After Effects

Cu fișierul AI salvat, este timpul să importați ilustrația în After Effects. AE are trei zone principale: panoul de proiect, cronologie și compoziție. Faceți dublu clic în panoul Proiect și va apărea o fereastră pop-up. Găsiți fișierul Illustrator, alegeți Importați ca > Compoziție – Păstrați dimensiunile stratului, și faceți clic Import. Asigurați-vă că Creați o compoziție este bifat.

Când se deschide, veți vedea două opțiuni de fișier în panoul Proiect. Unul va fi fișierul de compoziție, iar celălalt va fi un folder cu straturi separate. Nu trebuie să utilizați folderul. Trageți fișierul de compoziție în jos pe cronologia, iar ilustrația dvs. va apărea în zona de compoziție. Veți vedea toate straturile în cronologia.

Puteți ajusta durata animației extinzând sau reducând intervalul de timp deasupra cronologiei. Aceasta va fi lungimea videoclipului dvs. atunci când este exportat, dar poate fi schimbată oricând pe parcursul procesului de proiectare.

Transformați în After Effects

În cronologie, fiecare strat poate fi animat individual cu multe opțiuni de tranziție diferite. Pentru a vedea tranzițiile, faceți clic pe mic săgeată albă pe un strat, apoi faceți clic pe săgeata de lângă Transforma pentru a vizualiza și modifica tipurile de animație.

Veți vedea aceste opțiuni de transformare:

• Punct de ancorare
• Poziţie
• Scară
• Rotație
• Opacitate

Lângă fiecare dintre opțiuni va fi un set de numere. Aceste numere pot fi un procent, coordonate sau altceva. Fiecare se referă la opțiunea de transformare lângă care se află; atunci când transformați o parte din animația dvs., numerele vor reflecta schimbarea.

Schimbarea opțiunilor de transformare nu va face nimic fără utilizarea cadrelor cheie. Ele sunt cea mai importantă parte a animației din After Effects.

Lucrul cu cadre cheie

Cadrele cheie sunt pictograme în formă de romb care reprezintă un element de transformare pentru indicatorul de timp. Înainte de a putea folosi cadrele cheie, trebuie să apăsați pe pictograma cronometru de lângă opțiunea de transformare aleasă de dvs. - acţionează ca un comutator și recunoaște că este utilizată opțiunea de transformare.

Cu cronometrul activat, puteți muta indicatorul de timp – o linie albastră verticală cu o filă în partea de sus – de-a lungul cronologiei animației în locurile în care ați dori să apară elemente de animație. Modificarea parametrilor numerici va adăuga un cadru cheie. Pentru unele opțiuni de transformare, cum ar fi Scala sau Poziție, puteți muta manual elementul în fereastra de compunere în loc să schimbați numerele.

De fiecare dată când mutați indicatorul de timp și apoi modificați un parametru de transformare, acesta va adăuga un cadru cheie. Puteți muta cadrele cheie din pozițiile lor, iar parametrul se va muta acolo unde plasați cadrul cheie.

De asemenea, puteți copia și lipi un cadru cheie pentru a fi reflectat pe alt strat. De exemplu, dacă doriți ca mai multe straturi să se miște în același timp, puteți copia cadrele cheie Poziție ale unui strat și apoi le puteți lipi într-un alt strat. Se vor lipi oriunde se află indicatorul de timp. Selectarea mai multor straturi simultan și adăugarea de cadre cheie la unul va plasa același cadru cheie pe toate straturile selectate.

Utilizarea Easy Ease

Funcția Easy Ease este folosită în mod obișnuit, dar ce face? Indiciul este oarecum în nume - ușurează elementele de animație.

Adăugarea Easy Ease la un cadru cheie oferă opțiunii Transform o ușurință mai naturală, mai degrabă decât un sfârșit (sau început) brusc. Este o diferență foarte subtilă, dar este una care, fără îndoială, adaugă un nivel de expertiză animațiilor tale.

Pentru a utiliza Easy Ease, faceți clic dreapta pe orice diamant cadru cheie și accesați Keyframe Assistant > Easy Ease. Puteți folosi și comanda rapidă F9 pentru a implementa Easy Ease. Diamantul cheie se va transforma într-o formă de clepsidră pentru a reprezenta Easy Ease.

Exportați animația dvs

Odată ce ați terminat de animat în After Effects și sunteți mulțumit de cum arată totul, trebuie să vă salvați videoclipul. Poti utilizați pluginuri precum LottieFiles pentru a crea animații Lottie din videoclipul dvs. sau puteți exporta ca videoclip cu diferite opțiuni de randare.

Mergi la Fișier > Export > Adăugați la coada de randare. Alegeți o destinație de ieșire și faceți clic Face. Puteți lăsa animația să se redeze fără supraveghere; în funcție de lungimea sa și de numărul de elemente, poate dura ceva timp. Odată ce s-a terminat de redare, aveți videoclipul de animație.

Transformă-ți arta Illustrator în After Effects

Vă puteți maximiza abilitățile Adobe Illustrator transformând o ilustrație simplă într-o animație impresionantă. Folosind instrumentul și straturile de căutare ale Illustrator, veți aprecia instrumentul după ce îl importați în After Effects. Urmați acest ghid și faceți o animație cool.

Peste 75 de comenzi rapide de la tastatură Adobe After Effects pentru a vă face viața mai ușoară

Citiți în continuare

Despre autor