Kako napraviti jednostavnu animaciju koristeći Adobe Illustrator i After Effects

Jeste li ikada napravili sjajnu ilustraciju s Adobe Illustratorom i pitali se što još možete učiniti s njom? Možete ga uvesti u After Effects i pretvoriti u fantastičnu animaciju. Pratite kako biste vidjeli koliko to može biti jednostavno.

Napravite ilustraciju u Adobe Illustratoru

Postoje različiti načini za stvaranje ilustracije za buduću animaciju. Korištenje Adobe Illustrator nudi vam intuitivna rješenja za ilustracije koja se lako mogu uvesti i razumjeti u After Effects. Mogao bi i ti koristite Photoshop za stvaranje kompozicije za After Effects, ali ćemo se usredotočiti na rad s Illustratorom.

Kada stvarate svoj Illustrator dokument, postavite ga na veličinu željenog videozapisa (koristimo 1920 x 1080). Za početak novog dokumenta kliknite Nova datoteka i odaberite svoje dimenzije. Klik u redu i spremni ste za početak dizajna.

Koristite jednostavne oblike

Prava prednost korištenja Illustratora za vaš dizajn animacije su opcije za traženje puta. Možete dizajnirati pomoću jednostavnih oblika, poput elipse ili pravokutnika, a pomoću funkcija traženja puta možete jednostavno transformirati te jednostavne oblike u kompliciranije ilustracije.

Korištenje jednostavnih, minimalističkih oblika za vašu ilustraciju također će vam pomoći kada je u pitanju animacija. Jednostavnu ilustraciju lakše je animirati nego nešto daleko složenije. Vjerojatno ćete primijetiti da je većina animacija koje pronađete na internetu prilično jednostavna.

Minimalistička paleta boja nadopunit će vašu jednostavnu animaciju—napisali smo vodič za stvaranje automatizirana paleta boja u Illustratoru.

Radite na odvojenim slojevima

Rad na zasebnim slojevima u Illustratoru nije samo dobra praksa, već je i sastavni dio za kasnije uvoz vaše ilustracije u After Effects. Slojevi će biti zadržani i lako možete animirati sloj po sloj.

Svaki element vašeg dizajna koji želite animirati – ili ne animirati – mora biti na zasebnom sloju. Ako je element složen, ali nema pojedinačne dijelove koji se mogu animirati, cijeli bi dio trebao biti zajedno na istom sloju. Svaki sloj treba preimenovati tako da ih sve možete pratiti u AE. Da biste preimenovali sloj, dvaput kliknite na njegov trenutni naziv.

Prilikom uvoza vaše ilustracije u AE, ne samo da će dimenzije datoteke i sloja ostati iste – dakle držeći svoje elemente na ispravnim pozicijama—ali animirajući elementi bit će ispravno razdvojeni također.

Spremanje vaše datoteke Illustrator

Kada završite ilustraciju, idite na Datoteka > Spremi kao i spremite ga kao AI datoteku. Nakon što kliknete Uštedjeti, pojavit će se skočni prozor. Osigurajte da Napravite PDF kompatibilnu datoteku je potvrđen okvir, a zatim kliknite u redu.

Razlog za spremanje vaše ilustracije kao AI datoteke je to što ona postaje živa datoteka. Ako ste izradili svoju animaciju s istom datotekom, ali kasnije shvatite da želite promijeniti boju ili aspekt ilustracije, možete. Sve promjene spremljene u AI datoteci odmah će se odraziti u animaciji After Effects, sve dok koristite AI datoteku.

Ovo je opcija za koju se nadamo da vam neće trebati ako ste ilustraciju napravili onako kako želite. Ali sjajno je imati mogućnost promjene aspekata u budućnosti ako bude potrebno.

Uvoz vašeg dizajna u Adobe After Effects

Kada je vaša AI datoteka spremljena, vrijeme je da uvezete ilustraciju u After Effects. AE ima tri glavna područja: projektnu ploču, vremensku traku i kompoziciju. Dvaput kliknite na ploči projekta i pojavit će se skočni prozor. Pronađite svoju Illustrator datoteku, odaberite Uvezi kao > Sastav – Zadrži veličine slojeva, i kliknite Uvoz. Budi siguran Napravite kompoziciju provjerava se.

Kada se otvori, vidjet ćete dvije opcije datoteke na ploči projekta. Jedan će biti datoteka kompozicije, a drugi će biti mapa zasebnih slojeva. Ne morate koristiti mapu. Povucite datoteku kompozicije dolje na vremensku traku i vaša će se ilustracija pojaviti u području kompozicije. Vidjet ćete sve svoje slojeve na vremenskoj traci.

Možete podesiti trajanje animacije tako da produžite ili smanjite vremenski pojas iznad vremenske crte. To će biti duljina vašeg videozapisa prilikom izvoza, ali se može promijeniti u bilo kojem trenutku tijekom procesa dizajna.

Transformirajte u After Effects

Na vremenskoj traci svaki sloj se može zasebno animirati s mnogo različitih opcija prijelaza. Da biste vidjeli prijelaze, kliknite mali bijela strelica na sloju, a zatim kliknite strelicu pored Transformirati za pregled i promjenu vrsta animacija.

Vidjet ćete ove opcije transformacije:

• Mjesto sidrenja
• Položaj
• Mjerilo
• Rotacija
• Neprozirnost

Pored svake od opcija nalazit će se skup brojeva. Ti brojevi mogu biti postotak, koordinate ili nešto drugo. Svaki od njih se odnosi na opciju Transform uz koju se nalaze; kada transformirate dio svoje animacije, brojevi će odražavati promjenu.

Promjena opcija Transform neće učiniti ništa bez upotrebe ključnih kadrova. Oni su najvažniji dio animacije u After Effectsu.

Rad s ključnim okvirima

Ključni okviri su ikone u obliku dijamanta koje predstavljaju element Transform za indikator vremena. Prije nego što možete koristiti ključne kadrove, morate pritisnuti ikonu štoperice pored odabrane opcije Transform—ona djeluje kao prekidač i prepoznaje da se koristi opcija Transform.

S uključenom štopericom možete pomicati indikator vremena – okomitu plavu liniju s karticom na vrhu – duž vremenske trake animacije na mjesta na kojima biste željeli da se elementi animacije pojavljuju. Promjena brojčanih parametara će dodati ključni kadar. Za neke opcije Transform—poput Razmjera ili Položaj— također možete ručno premjestiti element u prozoru kompozicije umjesto da mijenjate brojeve.

Svaki put kada pomaknete indikator vremena, a zatim promijenite parametar transformacije, on će dodati ključni kadar. Ključne kadrove možete premjestiti s njihovih pozicija i parametar će se pomaknuti na mjesto na koje postavite ključni okvir.

Također možete kopirati i zalijepiti ključni okvir kako bi se odrazio na drugom sloju. Na primjer, ako želite da se više slojeva pomiče u isto vrijeme, možete kopirati ključne kadrove položaja jednog sloja i zatim ih zalijepiti u drugi sloj. Zalijepit će se gdje god se nalazi indikator vremena. Odabir više slojeva odjednom i dodavanje ključnih kadrova jednom će postaviti isti ključni okvir na sve odabrane slojeve.

Korištenje Easy Ease

Funkcija Easy Ease se obično koristi, ali što ona radi? Trag je donekle u nazivu - olakšava elemente animacije.

Dodavanje Easy Ease ključnom kadru daje opciji Transform prirodniju lakoću, umjesto iznenadnog završetka (ili početka). To je vrlo suptilna razlika, ali ona, vjerojatno, dodaje razinu stručnosti vašim animacijama.

Da biste koristili Easy Ease, desnom tipkom miša kliknite bilo koji dijamant ključnog okvira i idite na Keyframe Assistant > Easy Ease. Također možete koristiti prečac F9 implementirati Easy Ease. Dijamant ključnog okvira pretvorit će se u oblik pješčanog sata kako bi predstavljao Easy Ease.

Izvoz vaše animacije

Nakon što završite s animacijom u After Effectsu i budete zadovoljni kako sve to izgleda, morate spremiti svoj videozapis. Možeš koristite dodatke poput LottieFiles za stvaranje Lottie animacija iz svog videozapisa ili možete izvesti kao videozapis s različitim opcijama prikazivanja.

Ići Datoteka > Izvoz > Dodaj u red za renderiranje. Odaberite izlazno odredište i kliknite Renderirati. Možete ostaviti svoju animaciju da se renderira bez nadzora; ovisno o duljini i broju elemenata, može potrajati. Nakon što je renderiranje završeno, imate svoj animacijski video.

Transformirajte svoju ilustratorsku umjetnost u After Effects

Svoje vještine Adobe Illustrator možete poboljšati pretvaranjem jednostavne ilustracije u impresivnu animaciju. Koristeći Illustratorov alat za traženje puta i slojeve, cijenit ćete alat nakon što ga uvezete u After Effects. Slijedite ovaj vodič i napravite cool animaciju.

75+ Adobe After Effects tipkovničkih prečaca koji će vam olakšati život

Pročitajte dalje

O autoru