Kaip sukurti paprastą animaciją naudojant „Adobe Illustrator“ ir „After Effects“.

Ar kada nors sukūrėte nuostabią iliustraciją naudodami „Adobe Illustrator“ ir susimąstėte, ką dar galite su ja padaryti? Galite importuoti jį į After Effects ir paversti fantastiška animacija. Sekite toliau, kad pamatytumėte, kaip tai gali būti lengva.

Sukurkite iliustraciją naudodami „Adobe Illustrator“.

Yra įvairių būdų, kaip sukurti iliustraciją būsimai animacijai. „Adobe Illustrator“ siūlo intuityvius iliustracijų sprendimus, kuriuos galima lengvai importuoti ir suprasti naudojant „After Effects“. Jūs taip pat galėtumėte naudokite „Photoshop“, kad sukurtumėte kompoziciją „After Effects“., bet daugiausia dėmesio skirsime darbui su „Illustrator“.

Kurdami „Illustrator“ dokumentą, nustatykite jį pagal numatomo vaizdo įrašo dydį (naudojame 1920 x 1080). Norėdami pradėti naują dokumentą, spustelėkite Naujas failas ir pasirinkite savo matmenis. Spustelėkite Gerai ir esate pasiruošę pradėti kurti.

Naudokite paprastas formas

Tikrasis „Illustrator“ naudojimo animacijos dizainui pranašumas yra kelio ieškiklio parinktys. Galite kurti naudodami paprastas formas, pvz., elipsę ar stačiakampį, o naudodami kelio ieškiklio funkcijas galite lengvai paversti šias paprastas formas į sudėtingesnes iliustracijas.

Paprastų minimalistinių formų naudojimas iliustracijai taip pat padės animuoti. Paprastą iliustraciją lengviau pagyvinti nei ką nors daug sudėtingesnio. Tikriausiai pastebėsite, kad dauguma internete rastų animacijų yra gana paprastos.

Minimalistinė spalvų paletė papildys jūsų paprastą animaciją – parengėme kūrimo vadovą automatizuota spalvų paletė programoje „Illustrator“..

Darbas su atskirais sluoksniais

Darbas su atskirais „Illustrator“ sluoksniais yra ne tik gera praktika, bet ir neatsiejama iliustracijų importavimo į „After Effects“ dalis vėliau. Sluoksniai bus išsaugoti ir galėsite lengvai animuoti kiekvieną sluoksnį.

Kiekvienas dizaino elementas, kurį norite animuoti (arba neanimuoti), turi būti atskirame sluoksnyje. Jei elementas yra sudėtingas, bet neturi atskirų dalių, kurias būtų galima animuoti, visa sekcija turi būti tame pačiame sluoksnyje kartu. Kiekvienas sluoksnis turi būti pervardytas, kad galėtumėte juos visus stebėti AE. Norėdami pervardyti sluoksnį, dukart spustelėkite dabartinį jo pavadinimą.

Importuojant iliustraciją į AE, ne tik failo ir sluoksnio matmenys išliks tokie patys, taigi išlaikyti elementus tinkamose vietose, tačiau visi animaciniai elementai bus tinkamai atskirti taip pat.

Išsaugokite savo Illustrator failą

Kai iliustracija baigta, eikite į Failas > Išsaugoti kaip ir išsaugokite jį kaip AI failą. Po to, kai spustelėsite Sutaupyti, pasirodys iššokantis langas. Užtikrinkite, kad Sukurti PDF suderinamą failą pažymėtas langelis, tada spustelėkite Gerai.

Iliustracijos kaip AI failo išsaugojimo priežastis yra ta, kad ji tampa tiesioginiu failu. Jei sukūrėte animaciją naudodami tą patį failą, bet vėliau supratote, kad norite pakeisti spalvą arba iliustracijos aspektą, galite tai padaryti. Bet kokie AI faile išsaugoti pakeitimai akimirksniu atsispindės After Effects animacijoje, jei naudosite AI failą.

Tai parinktis, kurios jums, tikimės, neprireiks, jei iliustraciją padarėte taip, kaip norite. Tačiau puiku turėti galimybę ateityje prireikus pakeisti aspektus.

Savo dizaino importavimas į „Adobe After Effects“.

Išsaugojus AI failą, laikas importuoti iliustraciją į After Effects. AE turi tris pagrindines sritis: projekto skydelį, laiko juostą ir kompoziciją. Dukart spustelėkite projekto skydelį ir pasirodys iššokantis langas. Raskite savo Illustrator failą, pasirinkite Importuoti kaip > Sudėtis – išlaikyti sluoksnių dydžiusir spustelėkite Importuoti. Įsitikinkite Sukurti kompoziciją yra patikrinta.

Kai jis atsidarys, projekto skydelyje pamatysite dvi failo parinktis. Vienas bus kompozicijos failas, o kitas – atskirų sluoksnių aplankas. Jums nereikia naudoti aplanko. Vilkite kompozicijos failą žemyn į laiko juostą ir jūsų iliustracija bus rodoma kompozicijos srityje. Laiko juostoje matysite visus savo sluoksnius.

Animacijos trukmę galite reguliuoti padidindami arba sumažindami laiko juostą virš laiko juostos. Tai bus jūsų vaizdo įrašo ilgis, kai jis bus eksportuotas, tačiau jį galima bet kada pakeisti projektavimo proceso metu.

Transformuoti į After Effects

Laiko juostoje kiekvienas sluoksnis gali būti individualiai animuotas naudojant daugybę skirtingų perėjimo parinkčių. Norėdami pamatyti perėjimus, spustelėkite mažą balta strėlė sluoksnyje, tada spustelėkite šalia esančią rodyklę Transformuoti norėdami peržiūrėti ir keisti animacijos tipus.

Pamatysite šias transformavimo parinktis:

• Prisišvartavimo vieta
• Padėtis
• Skalė
• Rotacija
• Neskaidrumas

Šalia kiekvienos parinkties bus skaičių rinkinys. Šie skaičiai gali būti procentai, koordinatės ar kažkas kita. Kiekvienas iš jų yra susijęs su parinktimi Transformuoti, kuri yra šalia; kai pakeisite dalį animacijos, skaičiai atspindės pokyčius.

Keičiant Transformavimo parinktis nieko nebus, jei nebus naudojami pagrindiniai kadrai. Jie yra svarbiausia „After Effects“ animacijos dalis.

Darbas su raktiniais rėmeliais

Pagrindiniai kadrai – tai rombo formos piktogramos, žyminčios laiko indikatoriaus transformacijos elementą. Kad galėtumėte naudoti pagrindinius kadrus, turite paspausti chronometro piktogramą šalia pasirinktos transformacijos parinkties – ji veikia kaip jungiklis ir atpažįsta, kad naudojama transformavimo parinktis.

Kai chronometras įjungtas, galite perkelti laiko indikatorių – vertikalią mėlyną liniją su skirtuku viršuje – išilgai animacijos laiko juostos į vietas, kuriose norite, kad būtų rodomi animacijos elementai. Pakeitus skaičiaus parametrus bus pridėtas pagrindinis kadras. Kai kuriose transformavimo parinktyse, pvz., Skalė arba Padėtis, taip pat galite rankiniu būdu perkelti elementą kompozicijos lange, o ne keisti skaičius.

Kiekvieną kartą perkeliant laiko indikatorių ir pakeitus transformavimo parametrą, bus pridėtas pagrindinis kadras. Galite perkelti pagrindinius kadrus iš jų pozicijų ir parametras bus perkeltas į vietą, kur įdėjote pagrindinį kadrą.

Taip pat galite nukopijuoti ir įklijuoti pagrindinį kadrą, kad jis atsispindėtų kitame sluoksnyje. Pavyzdžiui, jei norite, kad keli sluoksniai būtų perkelti vienu metu, galite nukopijuoti vieno sluoksnio pozicijos pagrindinius kadrus ir įklijuoti juos į kitą sluoksnį. Jie bus įklijuoti ten, kur yra laiko indikatorius. Pasirinkus kelis sluoksnius vienu metu ir prie vieno pridėjus pagrindinius kadrus, visuose pasirinktuose sluoksniuose bus įdėtas tas pats pagrindinis kadras.

Easy Ease naudojimas

„Easy Ease“ funkcija dažnai naudojama, bet ką ji daro? Užuomina šiek tiek slypi pavadinime – tai palengvina animacijos elementus.

Pridėjus „Easy Ease“ prie pagrindinio kadro, parinktis „Transformacija“ tampa natūralesnė, o ne staigi pabaiga (arba pradžia). Tai labai subtilus skirtumas, tačiau jis, be abejonės, prideda jūsų animacijos patirties.

Norėdami naudoti „Easy Ease“, dešiniuoju pelės mygtuku spustelėkite bet kurį pagrindinio kadro deimantą ir eikite į Keyframe Assistant > Easy Ease. Taip pat galite naudoti spartųjį klavišą F9 įdiegti Easy Ease. Pagrindinio rėmelio deimantas pavirs smėlio laikrodžio forma, simbolizuojančia „Easy Easy“.

Jūsų animacijos eksportavimas

Kai baigsite animuoti After Effects ir būsite patenkinti tuo, kaip viskas atrodo, turite išsaugoti vaizdo įrašą. Tu gali naudokite papildinius, tokius kaip LottieFiles, kad sukurtumėte Lottie animaciją iš vaizdo įrašo arba galite eksportuoti kaip vaizdo įrašą su skirtingomis atvaizdavimo parinktimis.

Eiti į Failas > Eksportuoti > Pridėti į atvaizdavimo eilę. Pasirinkite išvesties paskirties vietą ir spustelėkite Pateikti. Galite palikti savo animaciją pateikti be priežiūros; priklausomai nuo jo ilgio ir elementų skaičiaus, tai gali užtrukti. Baigę pateikti savo animacinį vaizdo įrašą.

Pakeiskite savo Illustrator meną naudodami After Effects

Galite maksimaliai padidinti savo „Adobe Illustrator“ įgūdžius paversdami paprastą iliustraciją įspūdinga animacija. Naudodami „Illustrator“ kelio ieškiklio įrankį ir sluoksnius, įvertinsite įrankį importavę jį į „After Effects“. Vykdykite šį vadovą ir sukurkite šaunią animaciją.

75 ir daugiau „Adobe After Effects“ spartieji klavišai, palengvinantys jūsų gyvenimą

Skaitykite toliau

Apie autorių