Wskazówki dla ilustratora – Przygotowanie aktywów do animacji
W tym poście zobaczymy, jak możemy użyć Adobe Illustrator do rozwoju postaci 2-d, które mogą być eksportowane do programu, takiego jak After Effects, aby ożywić- pro illustrator tips!
Jednym z filmów, w którym to demonstrujemy, jest Shippo video. Zanim animator może wykonać swoją pracę, potrzebuje czegoś do pracy, więc budujemy aktywa w Illustratorze.
Jednym z najważniejszych aspektów rozwoju postaci do animacji jest wzięcie pod uwagę, że pracujemy w warstwach i że każda rzecz, którą animujemy, jest na swojej własnej warstwie, w prostych słowach, aby postać mogła chodzić, potrzebuje dwóch nóg, te dwie nogi można przetłumaczyć w terminologii ilustratora jako dwie oddzielne warstwy, więc kiedy tworzymy te nogi, musimy być bardzo konkretni w nazywaniu tych warstw LEWA i PRAWA, ponieważ mamy lewą i prawą nogę. Ważne jest, abyśmy stworzyli spójną strukturę warstw, dzięki czemu, gdy przekażemy naszą pracę animatorowi lub komuś, kto ma doświadczenie w pracy z Adobe After Effects, będzie wiedział dokładnie, co z nimi zrobić, i będzie mógł pracować wydajniej.
Oto kroki, które musisz podjąć, projektując postaci do animacji.
Kompletna postać w Illustratorze, jak widać na panelu warstw, składa się z poszczególnych elementów utworzonych w programie, a następnie umieszczonych starannie, aby postać miała formę,
Porządek warstw jest bardzo ważny, ponieważ to, jak są one uporządkowane, wpłynie na to, jak postać jest widziana. Na przykład, aby oczy były widoczne, muszą znajdować się na warstwie, która znajduje się nad głową. Tak więc patrząc na powyższy obrazek, górne warstwy to oczy i usta, ponieważ są to kluczowe elementy, które mają być animowane. Ręce i stopy zostały utworzone na oddzielnych warstwach i nazwane lewą i prawą, aby stworzyć pewne rozróżnienie między nimi.
Tworzenie części ciała i nadawanie im nazw.
Głowa i włosy mogą zostać połączone razem, aby stać się jedną warstwą .
Na panelu warstw możesz nazwać to HEAD.
Oczy &Usta
Oczy to dwa proste okręgi utworzone za pomocą narzędzia elipsa
W tym przypadku tworzymy jedno oko po drugim, nadając im nazwy prawe oko i lewe oko, oczy nie mogą być połączone razem, aby utworzyć jedną warstwę, muszą być oddzielne.
Po utworzeniu oczu musisz nadać im nazwy prawe i lewe. Jeśli tworzysz bardziej skomplikowane oczy postaci z rogówkami, również użyjesz tego samego odniesienia będąc lewym i prawym.
Usta postaci są dość proste. Aby utworzyć usta musimy użyć narzędzia pióra, aby utworzyć krzywą. Krzywa może przypominać uśmiech lub zmarszczkę, w zależności od kierunku, w którym zmierza.
Jeśli znasz narzędzie pióra w programie Adobe Illustrator, wiesz, że rysowanie krzywych polega na przytrzymaniu klawisza myszy w celu uzyskania pożądanej krzywej, a następnie wykreśleniu punktu, od którego chcesz, aby krzywa się zakończyła.
Robienie krzywej jest bardzo proste. Powyżej mamy dwa punkty A i B, krzywa będzie linią, która łączy punkty A i B.
Wybierz narzędzie pióra w Illustratorze.
Z narzędziem pióra w punkcie A kliknij i przesuń mysz w linii prostej do punktu B. Po utworzeniu linii prostej kliknij, a następnie przytrzymaj klawisz myszy i przesuń mysz w pożądanym kierunku, w którym chcesz, aby krzywa poszła w tym przypadku przesunięcie krzywej w dół spowoduje uśmiech, a przesunięcie myszy w kierunku do góry stworzy smutną zmarszczkę. Końcowy rezultat powinien wyglądać tak. Nie zapomnij wyłączyć opcji wypełnienia i nadać obrysowi wagę, najlepiej dużą wagę 2-4 punktów, w zależności od tego, jak gruba ma być linia.
Efekt końcowy powinien wyglądać tak .
Tutaj znajdują się usta, które zrobiłem wcześniej i które będą dobrze pasować do postaci.
Gdy połączymy usta i oczy, otrzymamy coś takiego.
Wszystkie te elementy znajdują się na osobnych warstwach i będą umieszczone nad warstwą głowy.
Warstwy są oznaczone kolorami
Warstwa niebieska – lewe oko
Warstwa zielona – prawe oko
Warstwa purpurowa – głowa i włosy (HEAD)
Warstwa czerwona – usta
Jeśli spojrzymy na panel warstw, mamy każdy element postaci na warstwie reprezentowanej przez kolor. Jak wspomniano powyżej, usta
siedzą na czerwonej warstwie, powinieneś zobaczyć kolorową linię obok warstwy, a na skrajnie prawej stronie warstwy zobaczysz kolorowy kwadrat. Poniżej ust prawe oko znajduje się na zielonej warstwie, lewe oko na ciemnoniebieskiej, a głowa wraz z włosami na fioletowej warstwie.
Warstwy można zmieniać w dowolnym momencie, więc jeśli warstwy są nieuporządkowane, nie przejmuj się, tylko pamiętaj, aby układać warstwy w miarę postępu prac, a ułatwisz sobie zadanie.
Głowa powinna wyglądać tak.
Jest to kompozycja warstw, które zostały uporządkowane w taki sposób, aby utworzyć twarz postaci. Patrząc na obrazek łatwo stwierdzić, że dolna warstwa to głowa, a oczy i usta znajdują się nad głową.
Reszta postaci jest zaprojektowana na tych samych zasadach co głowa.
Mamy dwie ręce, nogi i dwie stopy. I ciało. Gdybyśmy tworzyli bardziej złożone ruchy ciała to musielibyśmy stworzyć czopy, które działałyby jako stawy dla rąk byłyby to
łokcie, a dla nóg kolana. Jeśli chciałbyś, aby Twoja postać miała naturalne ludzkie ruchy, takie jak chodzenie, to właśnie w tym miejscu byłyby one potrzebne.
Jeśli ramiona miałyby się poruszać osobno, to musiałyby zostać umieszczone na osobnych warstwach i otrzymać nazwy lewa i prawa.
Według panelu warstw prawe ramię znajduje się na warstwie cyjanowej, a lewe na szarej.
Ciało to biały/szary t-shirt. jest reprezentowane przez żółty znak na panelu warstw. Kiedy jest zaznaczony w
artworku będzie miał żółte znaczniki wyboru na nim.
W końcu powinniśmy mieć coś takiego.
Nogi na tej postaci nie poruszają się, ale jak wspomniano powyżej, jeśli mielibyśmy stworzyć chodzenie potrzebowalibyśmy czopów dla kolan.
Stopy są jednak ułożone warstwami po lewej i prawej stronie.
Patrząc na kompozycje warstw można zauważyć, że wszystkie warstwy są oznaczone kolorami i uporządkowane tak, aby nie kolidowały ze sobą.
Tutaj znajdują się wszystkie warstwy tej postaci. Można zauważyć, że niektóre warstwy zostały nazwane prawo i lewo są to oczy, ręce i stopy.
Jeśli chodzi o animowanie tej postaci ze względu na sposób, w jaki plik został ułożony, byłoby to bardzo spójne dla animatora, jakie elementy mogą być animowane. Przede wszystkim, nawet jeśli nogi nie zostały zaprojektowane z myślą o ruchu, istnieje wiele efektów, które sprawią, że animacja będzie działać.
.