Animacji 2D: Elementy postaci

Adobe CC 2021

0:03Skoro mamy już motywy kolorystyczne w naszej bibliotece,

0:07czy możemy teraz przejść do tworzenia pierwszych elementów naszego bohatera?

0:12Więc korzystając z aplikacji Adobe Illustrator będziemy tworzyć

0:16oczywiście ilustrację wektorową, a to z kolei przełoży się na wygodę naszej pracy,

0:22którą później przeniesiemy do aplikacji Adobe After Effects.

0:27Przechodzimy teraz do rysowania finalnego

0:29wyglądu naszej postaci, więc wybieram narzędzie Pętla.

0:33Jestem oczywiście na nowej warstwie pustej.

0:36Warstwa ze szkicem jest zablokowana

0:39i teraz rysuję sobie pierwsze elementy, które.

0:46Będą.

0:47Obrazować nasz naszego bohatera.

0:50Możemy tutaj skorzystać z na przykład takiego koloru.

0:56Może tutaj ta frontowa noga niech będzie jaśniejsza.

0:59Nie chciałbym, żeby ona miała.

1:02Obrys, więc przełączam się na edycję obrysu i wybieram brak porządku.

1:07Ta nogę, która jest z tyłu.

1:09Może zrobimy ją na osobnej warstwie?

1:12Więc wybieram ikonkę plusa.

1:13W porządku i ta nowa, która jest z tyłu.

1:16Ona powinna być w ciemniejszym kolorze.

1:20OK, więc damy tutaj.

1:24Kolor.

1:29Może ten.

1:33OK.

1:34Chyba nie połączyliśmy sobie tych węzłów, więc przechodzimy do panelu

1:39Properties po ich zaznaczeniu, a następnie wybieram.

1:43Connect selected endpoint.

1:45I teraz mamy obiekt zamknięty.

1:46Tutaj bardzo ładnie o to nam chodziło.

1:50Przechodzimy na miejsce tutaj.

1:51Fajnie by było gdybyśmy dodali na tej frontowej nodze jakiś taki element.

2:00W postaci jakiegoś szwu na tej nogawce.

2:05Jeżeli skończę rysować wybieram klawisz Escape.

2:08Nie chcemy tutaj wypełnienia, więc wybieram brak.

2:11Przełączam się na edycję obrysu i dodajemy kolor biały.

2:14Możemy zwiększyć grubość stron, możemy ustawić sobie zaokrąglony.

2:20Zobaczmy, czy dwa punkty to nie jest przypadkiem za dużo.

2:25Może on jest za gruby ten obrys, ale ok, na razie to tak zostawmy.

2:31Kolejna rzecz tutaj chciałbym, żebyśmy

2:34zrobili w tym miejscu taką podwinięte nogawkę, więc wybieram

2:38sobie narzędzie tortur i narysujemy sobie coś takiego rządku.

2:45Możemy to troszeczkę podnieść i ewentualnie zaokrąglić troszeczkę.

2:51Narożniki ok.

2:54To samo dobrze by było, żebyśmy narysowali tutaj możemy sobie to przenieść od razu

2:59przeszliśmy na tę warstwę z tą frontową nogą i obrócimy to troszeczkę np.

3:05w ten sposób.

3:08OK.

3:10I wybieram klawisz I aby skorzystać z Probierza i zapożyczyć sobie ten kolor.

3:17Zaczyna to wyglądać całkiem fajnie.

3:20Jeśli chodzi o buty, to spróbujemy sobie tutaj narysować je

3:24troszkę jako troszeczkę bardziej skomplikowany obiekt.

3:29Teraz jeszcze wybieram narzędzie Pętla i pierwszy węzeł ustawię sobie np.

3:34tu.

3:35Może niekoniecznie będę polegał na tym co jest na szkicu, aczkolwiek fajnie by było,

3:39żeby z niego korzystać, bo będzie nam lepiej.

3:43I tutaj troszkę tak zaokrągla tę ścieżkę, więc stawiając kolejny węzeł po

3:47prostu przytrzymuję lewy klawisz myszy i przeciągam.

3:52Teraz z altem będę chciał złamać sobie ten węzeł, czyli po prostu przytrzymuję alt.

3:56Łamiemy sobie ten punkt kontrolny i tutaj.

4:02Tworzymy sobie coś takiego ze spacją.

4:04Mogę przeciągać ten węzeł, który teraz

4:06narysowałem no i oczywiście troszeczkę go sobie zaokrąglić.

4:11Odcinek ścieżki w porządku i to samo zrobimy tu teraz z altem.

4:17Znowu złamiemy.

4:19Wrzucamy Tutaj możemy narysować to z shift

4:22tak żeby nam się nie przesuwała na boki to możemy po prostu przytrzymać shift ok.

4:27No i tutaj możemy sobie to już domknąć w ten sposób.

4:32Ten kolo, ten but może niech ma np.

4:34kolor wypełnienia

4:36taki key x i mogę przełączać się między wypełnieniem a obrysem.

4:41Tutaj możemy dodawać obrys, ale obrysu nie

4:43chcemy, więc wybieram command lub controls.

4:45Jeśli pracujesz z Windowsem i w porządku, może to niech tak.

4:53Wygląda.

4:54Jeszcze możemy sobie trochę poprawić

4:56wybierając narzędzie Selection Tool, które daje nam możliwość zaznaczenia

5:01poszczególnych węzłów, więc może to troszkę wyciągniemy.

5:06Tutaj możemy sobie stworzyć węzeł.

5:11Który nie jest węzłem, który nie daje nam

5:13kąta ostrego wybierając po prostu tą ikonkę smooth.

5:18I teraz z altem możemy sobie np.

5:20to troszeczkę złamać.

5:21I tutaj też możemy sobie to wyprostować.

5:24Dzięki temu, że tutaj

5:25mamy ten punkt kontrolny, to możemy sobie tak troszeczkę to wyciąć.

5:28OK, zaznaczę teraz te dwa węzły i troszeczkę to obniży.

5:35W porządku.

5:36Następnie wybieram sobie narzędzie

5:37Prostokąt i narysuję tutaj taką podeszwę, która ma kolor na przykład ten.

5:47Jeszcze jeden obiekt.

5:50Ustawcie go sobie tutaj.

5:53I command, a następnie lewy nawias kwadratowy, aby przerzucić to pod but.

6:00I ustawmy to tak.

6:01Teraz warto skupić się na tym, na której warstwy się to znajduje.

6:06Chciałbym, żeby to wszystko to cała noga.

6:09Wszystkie te elementy, które pokazują tą

6:10nogę, która jest na drugim planie, żeby były na tej osobnej warstwie numer 3.

6:15Więc upewniam się, że zaznaczam to

6:17wszystko, a następnie przeciągam tutaj na warstwę numer 3.

6:20OK, mamy wszystko teraz podświetlone na

6:22zielono, ponieważ kolor warstwy numer 3 to kolor zielony.

6:27Dokładnie o to mi chodziło.

6:28Tutaj jeszcze jedną rzecz poprawimy.

6:30Mianowicie wybieram narzędzie Direct Selection Tool.

6:32Mogę je aktywować klawiszem A na klawiaturze.

6:35Zaznaczę sobie jeszcze te węzły tutaj i.

6:41Może sobie troszeczkę wyciągniemy koło.

6:44Dobrze jest nauczyć się operować węzłami i pracować z nimi jako obiektami wektorowe,

6:49ponieważ później przyda nam się to podczas pracy, ani mówiąc techniką frame i frame,

6:53ponieważ tam również będziemy pracować na ścieżkach wektorowych.

6:56OK.

7:00Tak to wygląda.

7:00Myślę, że ten but jest bardzo fajny, no i oczywiście możemy go zaznaczyć w całości.

7:05Command c aktywujemy warstwę numer 2, czyli tą na

7:10której znajduje się ta jaśniejsza noga i tutaj w to wklejamy command v.

7:15Następnie możemy sobie to obrócić troszeczkę i dopasować tutaj.

7:20Może spróbujmy tutaj troszkę

7:22poeksperymentować i niech ten but będzie w troszeczkę innym kolorze, np.

7:26tym pomarańczowym.

7:30Możemy sobie od razu podpisać warstwy, to niech będzie noga.

7:35Front.

7:37A to ich będzie noga.

7:40Beck.

7:42Wybieram przycisk OK.

7:45I w zasadzie pierwszy element już mamy.

7:48Możemy zapisać zmiany wybierając failsafe lub command s.

7:51Przypominam na Windowsie będzie to Controls.

7:54A teraz przejdę do lekcji następnej,

7:56w której będziemy kontynuować naszym bohaterem.