Illustrator Tipy – Příprava podkladů pro animaci

V tomto příspěvku se podíváme, jak můžeme použít Adobe Illustrator pro vývoj dvojrozměrné postavy, kterou lze exportovat do programu, jako je After Effects, a přivést ji k životu- pro illustrator tipy!

Jedním z videí, kde si to ukážeme, je video Shippo. Než se animátor pustí do své práce, potřebuje něco, s čím může pracovat, a proto vytváříme prostředky v Illustratoru.

Jedním z nejdůležitějších aspektů vývoje postavy pro animaci je vzít v úvahu, že pracujeme ve vrstvách a že každá věc, kterou animujeme, je ve své vlastní samostatné vrstvě, zjednodušeně řečeno, aby postava mohla chodit, potřebuje dvě nohy, tyto dvě nohy lze v terminologii Illustratoru přeložit jako dvě samostatné vrstvy, takže když vytváříme tyto nohy, musíme být velmi konkrétní v pojmenování těchto vrstev LEVÁ a PRAVÁ, protože máme levou a pravou nohu. Je pro nás důležité nastavit ucelenou strukturu vrstev, abychom při předávání naší práce animátorovi nebo někomu, kdo má zkušenosti s prací v aplikaci Adobe After Effects, přesně věděli, co s nimi má dělat, a mohli pracovat efektivněji.

Tady jsou kroky, které musíte provést při návrhu postavy pro animaci.

Kompletní postava v Illustratoru, jak ji vidíte na panelu vrstev, se skládá z jednotlivých prvků, které jsou všechny vytvořeny v programu a poté pečlivě rozmístěny tak, aby postava měla tvar,

Pořadí vrstev je velmi důležité, protože to, jak jsou uspořádány, ovlivní to, jak je postava vidět. Například aby byly vidět oči, musí být ve vrstvě, která je nad hlavou. Při pohledu na obrázek výše jsou tedy horní vrstvy oči a ústa, protože jsou to klíčové prvky, které mají být animovány. Ruce a nohy byly vytvořeny v samostatných vrstvách a jsou pojmenovány vlevo a vpravo, aby se mezi nimi vytvořil určitý rozdíl.

Vytvoření částí těla a jejich pojmenování.

Hlava a vlasy mohou být sloučeny dohromady, aby vytvořily jednu vrstvu .

Na panelu vrstev můžete tuto vrstvu nazvat HLAVA.

Oči &Ústa

Oči jsou dva jednoduché kruhy vytvořené nástrojem elipsa

V tomto případě vytvoříme jedno oko za druhým a pojmenujeme je pravé a levé oko, oči se nesmí sloučit dohromady a vytvořit jednu vrstvu, musí být oddělené.

Po vytvoření očí je třeba je pojmenovat pravé a levé. Pokud jste vytvořili složitější oči postavy s rohovkami, měli byste také použít stejný odkaz jsou levé a pravé.

Ústa postavy jsou poměrně jednoduchá. Pro vytvoření úst musíme použít nástroj pero a vytvořit křivku. Křivka může připomínat úsměv nebo zamračenou tvář v závislosti na směru, kterým se bude ubírat.

Pokud znáte nástroj pero v aplikaci Adobe Illustrator, věděli byste, že kreslení křivek spočívá v podržení klávesy myši, abyste získali požadovanou křivku, a poté v zakreslení bodu, odkud chcete, aby křivka končila.

Vytvořit křivku je velmi jednoduché. Výše máme dva body A a B křivka bude přímka, která spojí body A a B.

V Illustratoru zvolte nástroj pero.

S nástrojem pero v bodě A klikněte a přesuňte myš po přímce k bodu B. Jakmile je přímka vytvořena, klikněte a poté podržte tlačítko myši a pohybujte myší v požadovaném směru, kterým chcete, aby křivka šla v tomto případě pohybem křivky dolů vznikne úsměv a pohybem myši směrem nahoru vznikne smutná vráska. Konečný výsledek by měl vypadat takto. Nezapomeňte vypnout možnosti výplně a dát tahu váhu, nejlépe velkou váhu 2-4 body podle toho, jak tlustou chcete mít čáru.

Konečný výsledek by měl vypadat nějak takto.

Tady jsou ústa, která jsem vytvořil dříve a která budou dobře fungovat s postavami.

Když jsme spojili ústa a oči, dostaneme něco takového.

Tyto všechny jsou v samostatných jednotlivých vrstvách a budou umístěny nad vrstvou hlavy.

Vrstvy jsou označeny barvami

Modrá vrstva – levé oko

Zelená vrstva – pravé oko

Fialová vrstva – hlava a vlasy (HEAD)

Červená vrstva – ústa

Trendy; Video Illustratoru, Animace v programu Adobe Illustator, Animace v Illustratoru, na čtvercové kopretině

Podíváte-li se na panel vrstev, máme každý prvek postavy ve vrstvě reprezentované barvou. Jak bylo uvedeno výše, ústa

se nacházejí na červené vrstvě, vedle vrstvy byste měli vidět barevnou čáru a zcela vpravo od vrstvy uvidíte barevný čtverec. Pod ústy se pravé oko nachází na zelené vrstvě, levé oko na tmavě modré vrstvě a hlava, která zahrnuje i vlasy, se nachází na fialové vrstvě.

Vrstvy lze kdykoli přeuspořádat, takže pokud máte ve vrstvách nepořádek, nebojte se, jen nezapomeňte vrstvy uspořádat za pochodu, usnadníte si tím práci.

Hlava by měla vypadat takto.

Jedná se o kompozici vrstev, které byly uspořádány tak, aby vytvořily obličej postavy. Při pohledu na obrázek lze jednoduše říci, že spodní vrstva je hlava a oči a ústa jsou nad hlavou.

Zbytek postavy je navržen na stejném principu jako hlava.

Máme dvě ruce, nohy a dvě chodidla. A tělo. Pokud bychom vytvářeli složitější pohyby těla, museli bychom vytvořit čepy, které by fungovaly jako klouby pro ruce by to byly

lokty a pro nohy by to byla kolena. Pokud byste někdy chtěli, aby vaše postava měla přirozené lidské pohyby, jako je chůze, pak by byly potřeba právě zde.

Pokud by se paže měly pohybovat samostatně, pak by musely být umístěny do samostatných vrstev a dostaly by názvy levá a pravá.

Podle panelu vrstev je pravá paže na azurové vrstvě a levá paže na šedé.

Tělo je bílé/šedé tričko. je reprezentováno žlutou značkou na panelu vrstev. Když je vybráno v

díle, bude na něm žlutá značka výběru.

Nakonec bychom měli mít něco takového.

Nohy na této postavě se nehýbou, ale jak bylo uvedeno výše, pokud bychom chtěli vytvořit chůzi, potřebovaly by čepy pro kolena .

Nohy jsou však rozvrstveny vlevo a vpravo.

Podíváme-li se na složení vrstev, vidíme, že všechny vrstvy jsou barevně odlišeny a uspořádány tak, aby si vzájemně neodporovaly.

Tady jsou všechny vrstvy této postavy. Můžete vidět, že některé vrstvy byly pojmenovány vpravo a vlevo, jedná se o oči, ruce a nohy.

Pokud jde o animaci této postavy, vzhledem ke způsobu uspořádání souboru by bylo pro animátora velmi přehledné, jaké prvky lze animovat. Především i přesto, že nohy nebyly navrženy s ohledem na pohyb, existuje spousta efektů, díky kterým může tato animace fungovat.