Ste že kdaj naredili čudovito ilustracijo z Adobe Illustratorjem in se spraševali, kaj še lahko naredite z njo? Lahko ga uvozite v After Effects in ga spremenite v fantastično animacijo. Spremljajte, da vidite, kako enostavno je lahko.

Ustvarite ilustracijo v Adobe Illustratorju

Obstajajo različni načini za ustvarjanje ilustracij za prihodnjo animacijo. Uporaba Adobe Illustrator vam ponuja intuitivne rešitve za ilustracije, ki jih je mogoče enostavno uvoziti in razumeti v After Effects. Lahko bi tudi uporabite Photoshop za ustvarjanje kompozicije za After Effects, vendar se bomo osredotočili na delo z Illustratorjem.

Ko ustvarjate svoj dokument Illustrator, ga nastavite na velikost želenega videoposnetka (uporabljamo 1920 x 1080). Če želite začeti nov dokument, kliknite Nova datoteka in izberite svoje dimenzije. Kliknite v redu in ste pripravljeni začeti oblikovati.

Uporabite preproste oblike

Resnična prednost uporabe Illustratorja za vašo zasnovo animacije so možnosti iskanja poti. Oblikujete lahko s preprostimi oblikami, kot je elipsa ali pravokotnik, in z uporabo funkcij iskalnika poti lahko preprosto pretvorite te preproste oblike v bolj zapletene ilustracije.

instagram viewer

Uporaba preprostih, minimalističnih oblik za ilustracijo vam bo pomagala tudi pri animaciji. Preprosto ilustracijo je lažje animirati kot nekaj veliko bolj zapletenega. Verjetno boste opazili, da je večina animacij, ki jih najdete na spletu, precej preprosta.

Minimalistična barvna paleta bo dopolnila vašo preprosto animacijo – napisali smo vodnik za ustvarjanje avtomatizirana barvna paleta v Illustratorju.

Delajte na ločenih slojih

Delo na ločenih slojih v Illustratorju ni le dobra praksa, ampak je sestavni del kasnejšega uvoza ilustracij v After Effects. Plasti bodo ohranjene in zlahka lahko animirate plast za plastjo.

Vsak element vašega dizajna, ki ga želite animirati – ali ne –, mora biti na ločenem sloju. Če je element zapleten, vendar nima posameznih delov, ki bi jih bilo mogoče animirati, mora biti ta cel odsek skupaj na istem sloju. Vsako plast je treba preimenovati, tako da lahko sledite vsem v AE. Če želite preimenovati plast, dvokliknite njeno trenutno ime.

Ko uvažate svojo ilustracijo v AE, ne bodo le dimenzije datoteke in plasti ostale enake – tako ohranjanje vaših elementov v pravilnih položajih—vendar bodo vsi animirani elementi pravilno ločeni tudi

Shranjevanje datoteke Illustrator

Ko je vaša ilustracija končana, pojdite na Datoteka > Shrani kot in ga shranite kot datoteko AI. Ko kliknete Shrani, se prikaže pojavno okno. Zagotovite, da Ustvarite združljivo datoteko PDF potrdite polje, nato kliknite v redu.

Razlog za shranjevanje vaše ilustracije kot datoteke AI je, da postane datoteka v živo. Če ste svojo animacijo ustvarili z isto datoteko, vendar pozneje ugotovite, da želite spremeniti barvo ali vidik ilustracije, lahko. Vse spremembe, shranjene v datoteki AI, se bodo takoj odrazile v animaciji After Effects, dokler uporabljate datoteko AI.

To je možnost, ki je upamo, da ne boste potrebovali, če ste ilustracijo naredili tako, kot želite. Ampak super je imeti možnost, da v prihodnosti spremenite vidike, če bo potrebno.

Uvoz vašega dizajna v Adobe After Effects

Ko je vaša datoteka AI shranjena, je čas, da ilustracijo uvozite v After Effects. AE ima tri glavna področja: projektno ploščo, časovnico in kompozicijo. Dvokliknite na plošči Project in pojavilo se bo pojavno okno. Poiščite svojo datoteko Illustrator, izberite Uvozi kot > Sestava – ohrani velikosti plastiin kliknite Uvozi. Poskrbi Ustvari kompozicijo je preverjeno.

Ko se odpre, boste na plošči Project videli dve možnosti datotek. Ena bo datoteka sestave, druga pa mapa ločenih plasti. Ni vam treba uporabljati mape. Povlecite datoteko kompozicije navzdol na časovno premico in vaša ilustracija se bo pojavila v območju kompozicije. Na časovni premici boste videli vse svoje plasti.

Trajanje animacije lahko prilagodite tako, da podaljšate ali zmanjšate časovni pas nad časovno premico. To bo dolžina vašega videoposnetka ob izvozu, vendar jo je mogoče spremeniti kadar koli med postopkom oblikovanja.

Preoblikovanje v After Effects

Na časovni premici je mogoče vsak sloj posebej animirati z različnimi možnostmi prehoda. Če si želite ogledati prehode, kliknite majhno bela puščica na sloju, nato kliknite puščico poleg Preoblikovanje za ogled in spreminjanje vrst animacij.

Videli boste te možnosti preoblikovanja:

  • Sidrna točka
  • Položaj
  • Lestvica
  • Rotacija
  • Motnost

Poleg vsake od možnosti bo nabor številk. Te številke so lahko odstotek, koordinate ali kaj drugega. Vsak se nanaša na možnost Transform, ki je poleg; ko spremenite del svoje animacije, bodo številke odražale spremembo.

Spreminjanje možnosti Transform ne bo naredilo ničesar brez uporabe ključnih okvirjev. So najpomembnejši del animacije v After Effects.

Delo s ključnimi okvirji

Ključni okvirji so ikone v obliki diamanta, ki predstavljajo element Transform za časovni indikator. Preden lahko uporabite ključne okvire, morate pritisniti ikono štoparice poleg izbrane možnosti Transform – deluje kot stikalo in prepozna, da se uporablja možnost Transform.

Ko je štoparica vklopljena, lahko indikator časa – navpično modro črto z zavihkom na vrhu – premaknete vzdolž časovnice animacije na mesta, kjer želite, da se pojavijo elementi animacije. Če spremenite številčne parametre, se doda ključni okvir. Za nekatere možnosti preoblikovanja, kot sta Merilo ali Položaj, lahko tudi ročno premaknete element v oknu sestave namesto spreminjanja številk.

Vsakič, ko premaknete indikator časa in nato spremenite parameter Transform, bo dodal ključni okvir. Ključne okvirje lahko premaknete z njihovih položajev in parameter se bo premaknil na mesto, kamor postavite ključni okvir.

Ključni okvir lahko tudi kopirate in prilepite, da se odraža na drugem sloju. Na primer, če želite, da se več slojev premika hkrati, lahko kopirate ključne okvire položaja enega sloja in jih nato prilepite v drugo plast. Prilepili bodo kamor koli je indikator časa. Če izberete več plasti hkrati in dodate ključne okvire enemu, bo isti ključni okvir postavljen na vse izbrane plasti.

Uporaba Easy Ease

Funkcija Easy Ease se običajno uporablja, toda kaj naredi? Namig je nekoliko v imenu - olajša elemente animacije.

Dodajanje Easy Ease v ključni okvir daje možnosti Transform bolj naravno lahkoto, namesto nenadnega konca (ali začetka). To je zelo subtilna razlika, vendar je tista, ki vašim animacijam verjetno dodaja raven strokovnega znanja.

Če želite uporabiti Easy Ease, z desno tipko miške kliknite kateri koli diamant ključnega okvirja in pojdite na Keyframe Assistant > Easy Ease. Uporabite lahko tudi bližnjico F9 za implementacijo Easy Ease. Diamant ključnega okvirja se bo spremenil v obliko peščene ure, ki predstavlja Easy Ease.

Izvoz vaše animacije

Ko končate z animacijo v programu After Effects in ste zadovoljni s tem, kako vse izgleda, morate shraniti videoposnetek. Ti lahko uporabite vtičnike, kot je LottieFiles, za ustvarjanje Lottie animacij iz svojega videoposnetka ali pa izvozite kot video z različnimi možnostmi upodabljanja.

Pojdi do Datoteka > Izvozi > Dodaj v čakalno vrsto za upodabljanje. Izberite izhodno destinacijo in kliknite Render. Svojo animacijo lahko pustite upodabljati brez nadzora; odvisno od njegove dolžine in števila elementov lahko traja nekaj časa. Ko je upodabljanje končano, imate svoj animacijski video.

Preoblikujte svojo ilustratorsko umetnost v programu After Effects

Svoje veščine Adobe Illustrator lahko povečate tako, da preprosto ilustracijo spremenite v impresivno animacijo. Z uporabo Illustratorjevega orodja za iskanje poti in slojev boste cenili orodje, ko ga uvozite v After Effects. Sledite tem navodilom in naredite kul animacijo.

75+ bližnjic na tipkovnici Adobe After Effects, ki vam olajšajo življenje

Preberite Naprej

DelitiTweetDelitiE-naslov

Povezane teme

  • Kreativno
  • Adobe Illustrator
  • Računalniška animacija
  • Adobe

O avtorju

Ruby Helyer (Objavljenih 21 člankov)

Ruby je pisatelj v kategoriji Creative MUO, ki se osredotoča na pisanje o programski opremi za oblikovanje. Ker je delala kot oblikovalka, ilustratorka in fotografinja, je Ruby tudi diplomirala iz grafične komunikacije in magistrirala iz angleščine s kreativnim pisanjem.

Več od Ruby Helyer

Naročite se na naše novice

Pridružite se našemu glasilu za tehnične nasvete, ocene, brezplačne e-knjige in ekskluzivne ponudbe!

Kliknite tukaj, da se naročite