Hogyan készítsünk egyszerű animációt az Adobe Illustrator és az After Effects segítségével

Készített már valaha egy fantasztikus illusztrációt az Adobe Illustratorral, és azon töprengett, mit tehet még vele? Importálhatod az After Effectsbe, és fantasztikus animációvá alakíthatod. Kövesd, hogy megtudd, milyen egyszerű is lehet.

Hozzon létre egy illusztrációt az Adobe Illustratorban

Különféle módon lehet illusztrációt készíteni egy jövőbeli animációhoz. Az Adobe Illustrator használata intuitív illusztrációs megoldásokat kínál, amelyek könnyen importálhatók és megérthetők az After Effectsben. Te is tehetnéd a Photoshop segítségével készítsen kompozíciót az After Effects számára, de az Illustratorral való együttműködésre fogunk összpontosítani.

Az Illustrator-dokumentum létrehozásakor állítsa be a kívánt videó méretéhez (mi 1920 x 1080-at használunk). Új dokumentum indításához kattintson a gombra Új fájl és válassza ki a méreteit. Kattintson rendben és készen áll a tervezés megkezdésére.

Egyszerű alakzatok használata

Az Illustrator animációs tervezéshez való használatának igazi előnye a pathfinder opciók. Tervezhet egyszerű alakzatokkal, például ellipszissel vagy téglalappal, és az útkereső funkciók használatával ezeket az egyszerű alakzatokat egyszerűen bonyolultabb illusztrációkká alakíthatja.

Az egyszerű, minimalista formák használata az illusztrációhoz is segít az animációban. Egy egyszerű illusztrációt könnyebb megeleveníteni, mint valami sokkal összetettebbet. Valószínűleg észre fogja venni, hogy a legtöbb online animáció meglehetősen egyszerű.

A minimalista színpaletta kiegészíti az egyszerű animációt – elkészítettük az elkészítési útmutatót automatizált színpaletta az Illustratorban.

Dolgozzon külön rétegeken

A különálló rétegeken való munka az Illustratorban nem csak bevált gyakorlat, hanem szerves része az illusztrációnak az After Effectsbe történő későbbi importálásához. A rétegek megmaradnak, és könnyedén animálhat rétegről rétegre.

A terv minden elemének, amelyet animálni szeretne – vagy nem szeretne animálni – külön rétegen kell lennie. Ha egy elem összetett, de nincsenek animálható részei, akkor az egész szakasznak együtt kell lennie ugyanazon a rétegen. Minden réteget át kell nevezni, hogy nyomon tudja követni őket az AE-ben. Egy fólia átnevezéséhez kattintson duplán az aktuális nevére.

Amikor az illusztrációt AE-be importálja, nemcsak a fájl- és rétegméretek maradnak változatlanok – így az elemeket a megfelelő helyükön tartva – de az animációs elemek mindegyike megfelelően el lesz választva is.

Az Illustrator-fájl mentése

Ha az illusztráció elkészült, menjen ide Fájl > Mentés másként és mentse el AI-fájlként. Kattintás után Megment, megjelenik egy felugró ablak. Győződjön meg arról, hogy a PDF-kompatibilis fájl létrehozása be van jelölve, majd kattintson rendben.

Az illusztráció AI-fájlként való mentésének oka az, hogy élő fájllá válik. Ha az animációt ugyanazzal a fájllal hozta létre, de később észreveszi, hogy meg szeretné változtatni az illusztráció színét vagy egy aspektusát, megteheti. Az AI-fájlban elmentett módosítások azonnal megjelennek az After Effects animációjában, mindaddig, amíg az AI-fájlt használja.

Ez egy olyan lehetőség, amelyre remélhetőleg nem lesz szüksége, ha úgy készítette el az illusztrációt, ahogyan szeretné. De nagyszerű, ha a jövőben lehetőségünk van a szempontok megváltoztatására, ha szükséges.

A terv importálása az Adobe After Effectsbe

Miután elmentette az AI-fájlt, ideje importálni az illusztrációt az After Effectsbe. Az AE három fő területtel rendelkezik: Projektpanel, Idővonal és Összetétel. Kattintson duplán a Projekt panelen, és megjelenik egy felugró ablak. Keresse meg az Illustrator fájlt, és válassza ki Importálás másként > Összetétel – Rétegméretek megőrzése, és kattintson Importálás. Győződjön meg róla Kompozíció létrehozása ellenőrizve van.

Amikor megnyílik, két fájllehetőséget fog látni a Projekt panelen. Az egyik a kompozíciós fájl, a másik pedig a különálló rétegek mappája lesz. Nem kell használnia a mappát. Húzza le a kompozíciós fájlt az idővonalra, és az illusztráció megjelenik a kompozíciós területen. Az összes réteget látni fogja az idővonalon.

Beállíthatja az animáció időtartamát az idővonal feletti idősáv meghosszabbításával vagy csökkentésével. Ez lesz a videód hossza exportáláskor, de ez a tervezési folyamat során bármikor módosítható.

Transzformáció az After Effectsben

Az idővonalon minden réteg külön-külön animálható, sok különböző átmeneti lehetőséggel. Az átmenetek megtekintéséhez kattintson a kicsire fehér nyíl egy rétegen, majd kattintson a mellette lévő nyílra Átalakítani az animációtípusok megtekintéséhez és módosításához.

A következő átalakítási lehetőségeket fogja látni:

• Horgonypont
• Pozíció
• Skála
• Forgás
• Átlátszatlanság

Az egyes opciók mellett egy számsor található. Ezek a számok lehetnek százalékok, koordináták vagy valami más. Mindegyik a mellette lévő Átalakítás opcióhoz kapcsolódik; amikor átalakítja az animáció egy részét, a számok tükrözni fogják a változást.

Az átalakítási beállítások módosítása kulcskockák használata nélkül semmit sem tesz. Ezek jelentik az After Effects animációjának legfontosabb részét.

Kulcskeretekkel végzett munka

A kulcskockák rombusz alakú ikonok, amelyek az időjelző Transform elemét képviselik. A kulcsképek használata előtt meg kell nyomnia a stopperóra ikont a választott átalakítási opció mellett – ez kapcsolóként működik, és felismeri, hogy az átalakítás opció használatban van.

Bekapcsolt stopper mellett az időjelzőt – egy függőleges kék vonalat, felső füllel – mozgathatja az animáció idővonala mentén olyan helyekre, ahol szeretné, hogy az animációs elemek megjelenjenek. A számparaméterek módosítása kulcskockát ad hozzá. Egyes átalakítási beállításoknál – például a léptékben vagy a pozícióban – manuálisan is mozgathatja az elemet a kompozíciós ablakban a számok módosítása helyett.

Minden alkalommal, amikor mozgatja az időjelzőt, majd módosít egy átalakítási paramétert, a rendszer hozzáad egy kulcskockát. A kulcskockákat áthelyezheti a helyükről, és a paraméter átkerül oda, ahová a kulcskockát helyezi.

Másolhat és beilleszthet egy kulcskockát is, amely egy másik rétegen tükröződik. Ha például azt szeretné, hogy egyszerre több réteg is elmozduljon, másolhatja az egyik réteg Pozíció kulcskockáit, majd beillesztheti őket egy másik rétegbe. Bárhová beillesztik, ahol az időjelző ül. Ha egyszerre több réteget választ ki, és kulcskockákat ad hozzá, akkor ugyanaz a kulcskép az összes kiválasztott rétegre kerül.

Az Easy Ease használata

Az Easy Ease funkciót gyakran használják, de mit csinál? A nyom némileg a névben rejlik – ez megkönnyíti az animációs elemeket.

Az Easy Ease kulcskockához való hozzáadásával az Átalakítás lehetőség természetesebbé válik, nem pedig hirtelen véget ér (vagy kezdet). Ez egy nagyon finom különbség, de ez az, ami vitathatatlanul hozzáteszi az animációihoz a szakértelmet.

Az Easy Ease használatához kattintson a jobb gombbal bármelyik kulcskockára, és lépjen a következőre Keyframe Assistant > Easy Easy. Használhatja a parancsikont is F9 az Easy Ease megvalósításához. A kulcskeret gyémántja homokóra alakúvá változik, hogy az Easy Ease-t képviselje.

Animáció exportálása

Ha végzett az After Effects animációjával, és elégedett a megjelenésével, el kell mentenie a videót. tudsz Lottie-animációk létrehozásához használjon olyan bővítményeket, mint a LottieFiles videódból, vagy exportálhatsz videóként különböző megjelenítési beállításokkal.

Menj Fájl > Exportálás > Hozzáadás a renderelési sorhoz. Válasszon egy kimeneti célt, és kattintson Vakol. Az animációt felügyelet nélkül hagyhatja renderelni; a hosszától és az elemek számától függően eltarthat egy ideig. Ha elkészült a renderelés, megvan az animációs videód.

Alakítsa át Illustrator-művészetét az After Effectsben

Maximalizálhatja Adobe Illustrator képességeit, ha egy egyszerű illusztrációt lenyűgöző animációvá alakít. Az Illustrator útkereső eszközének és rétegeinek használatával értékelni fogja az eszközt, miután importálta az After Effectsbe. Kövesse ezt az útmutatót, és készítsen egy klassz animációt.

75+ Adobe After Effects billentyűparancs, amelyek megkönnyítik az életét

Olvassa el a következőt

A szerzőről