Animacji 2D: Akcja cz.1

Adobe CC 2021

0:03Witam Cię w kolejnej lekcji.

0:04Mam nadzieję, że od poczułeś, ponieważ

0:06przed nami teraz troszeczkę trudniejsze zadanie.

0:10W ciągu najbliższych czterech lekcji

0:12skupimy się na głównej akcji, czyli na tym momencie, kiedy nasz

0:16bohater jest pokazany w całości, kiedy cyklicznie odpycha się nogą od podłoża.

0:21Chciałbym,

0:23żeby tutaj w ruch była wprawiona nie tylko noga, ale również ciało naszego bohatera,

0:29jego włosy, ręce i oczywiście koła naszej hulajnogi.

0:35One powinny się też kręcić.

0:37W tle będzie przesuwać się miasto

0:40jakiś background, więc tym zajmę się w ciągu najbliższych czterech lekcji.

0:45Przechodzimy więc do pracy.

0:49Teraz chciałbym aby dłoń cały czas trzymała kierownik tej

0:55hulajnogi, tą kierownicę natomiast oczywiście żeby tutaj bark się ruszał w

0:58stawie i tutaj żeby ta ręka zaginęła w łokciu.

1:02Oczywiście możemy to zrobić w bardzo, bardzo prosty sposób za pomocą

1:07pracy na ścieżkach, które generują, które tworzą naszą rękę.

1:11Tutaj mamy już to zaczęte poprzez przypięcie tej ręki do warstwy body i

1:18dzięki temu, że mamy to zapamiętywanie to cała ta ręka podąża za body.

1:24Natomiast ja myślę, że zrobimy to inaczej.

1:26Po prostu odłączamy sobie tą rękę od body.

1:29Będziemy pracować tylko na animacji ścieżek.

1:32To co nas interesuje tutaj to oczywiście

1:33ścieżki, więc wybieram w wyszukiwarce PATH.

1:36Mamy już wszystkie ścieżki tutaj wyświetlone.

1:38Włączmy sobie stop na każdej z nich i.

1:43Przejdziemy sobie tutaj, gdzie to ciało jest na samym dole.

1:47I teraz zaznaczę sobie.

1:53Te węzły.

1:55A następnie przerzuciłem sobie wszystko tutaj.

2:01Nie wygląda to najlepiej.

2:02W tym momencie na pewno musimy sobie

2:04włączyć leasing, a więc na pewno musimy zaznaczyć wszystkie klatki kluczowe.

2:09Firma Izis.

2:12Teraz jakby lepiej się to synchronizuje.

2:16Tutaj oczywiście musimy zaznaczyć te

2:19początkowe klatki command ce i wkleić je tutaj na drugiej sekundzie tak aby nam się

2:23to ładnie zapętla, żeby tutaj ta ręka wracała.

2:27Wszystko jest okej poza tym małym stawem.

2:30Tutaj w tym miejscu niezbyt dobrze to wygląda.

2:33Myślę, że moglibyśmy troszeczkę tą rękę jakby obrócić tak, żeby

2:39ten łokieć poszedł tutaj bardziej w tę stronę i zobaczmy, co możemy z tym zrobić.

2:44Zaznaczmy ponownie te węzły, klikam

2:47dwukrotnie na jeden z nich i ustawiam punkt odniesienia tutaj.

2:50Zobaczymy co się wydarzy.

2:51Spróbujmy to po prostu sobie obrócić w ten sposób.

3:00OK i już to zaczyna wyglądać całkiem fajnie.

3:04Tu może ta ręka jest troszeczkę za bardzo obrócona, więc kliknę sobie dwa razy i raz

3:09jeszcze na jeden z tych węzłów i może troszeczkę to ten obrót zmniejszę.

3:19OK. No i wygląda to fajnie, tylko że

3:22w tym miejscu troszeczkę ta ręka się robi za gruba tutaj.

3:26Więc myślę, że powinniśmy coś z tym zrobić.

3:29Zaznaczmy odpowiednią ścieżkę, odpowiedni węzeł i może tutaj dodamy sobie.

3:39Punkty kontrolne, więc wybieram konwerter tekstu.

3:43OK.

3:45I proponuję byśmy sobie to złamali.

4:06A może zróbmy coś takiego po prostu tutaj?

4:09I tą klatkę kluczową usuńmy.

4:14I teraz już wygląda to bardzo dobrze.

4:23Dokładnie o taki efekt nam chodziło i

4:25teraz musimy sobie to oczywiście tą klatkę skopiować i umieścić tutaj analogicznie

4:30na powrocie, żeby ta animacja w drugą stronę działała dokładnie tak samo.

4:39Tutaj jeszcze mamy mały artefakt z tym rękawem.

4:42Troszeczkę ta ręka wychodzi nam spod tego rękawów.

4:45A więc może tutaj?

4:49Po prostu go sobie troszkę powiększymy.

4:57Ten sposób.

5:01Tutaj może również.

5:07OK, a to jest.

5:13Ta klatka kluczowa.

5:14Kopiujemy sobie ją

5:16i wklejamy tutaj na koniec, tak żeby na końcu ten rękaw wyglądał tak samo.

5:24Zobaczmy jeszcze raz.

5:28Bardzo fajnie.

5:29OK, kolejna rzecz włosy naszego bohatera.

5:33Może rękę sobie zachowajmy teraz.

5:35Chciałbym, żeby te włosy też tutaj jakoś

5:38się ruszały, żeby był tak na sztywno i mam tutaj outline.

5:43Tutaj nas interesują oczywiście pas.

5:46Klikam na stopy i mam już pierwszą klatkę kluczową.

5:49Od razu możemy sobie tutaj ustawić leasing i w momencie kiedy nasza postać udaje się

5:55na dół to włosy powinny troszeczkę uciec do góry.

5:58Więc zaznaczmy sobie tutaj te węzły.

6:01Klikam dwukrotnie, ustalmy sobie punkt odniesienia tu i podnieśmy to delikatnie.

6:06W porządku.

6:11A kiedy nasza postać kieruje się w górę to

6:14fajnie by było, żeby te włosy analogicznie poszybowały w dół.

6:19Przykład tak.

6:22I może przenieśmy to troszkę to.

6:27Oczywiście tą początkową klatkę kluczową

6:29musimy zlikwidować, bo tu musimy wkleić tą samą, która jest na końcu.

6:35Czyli tak.

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

6:44Teraz jeśli chodzi o tą rękę z telefonem

6:46to też możemy tutaj wprowadzić jakiś ruch, ale może nie na ścieżkach.

6:51A więc wybierzmy sobie rękę Beck i tutaj będziemy rotować tą rękę.

6:57Wybierzmy sobie R na klawiaturze.

7:00Następnie tutaj proponuję żebyśmy włączyli

7:02sobie stop na początku i tu troszeczkę sobie tą rękę obrócimy, ale

7:09musimy ustawić punkt odniesienia coś w barku.

7:12Więc wybierzmy sobie narzędzie Anchor Point.

7:15Ustawmy sobie punkt odniesienia tu i podnieśmy troszkę tą rękę.

7:24OK.

7:25I oczywiście początkową klatkę kluczową ustawiamy tutaj na końcu.

7:30Wprowadźmy sobie jeszcze prawy klawisz myszy.

7:37IFRAME Assistant ok.

7:39Zobaczmy jak to teraz wygląda.

7:49Moim zdaniem bardzo fajnie.

7:50To co jeszcze moglibyśmy zrobić to w momencie kiedy nasza postać ucieka do

7:54góry, to te włosy jeszcze troszkę niżej, ale to może zrobimy w przerwie między

7:59lekcjami, bo to nie jest jakiś bardziej skomplikowany temat.

8:02No i fajnie by było jeszcze w jakiś sposób poruszyć ten przewód, który idzie od

8:07telefonu do słuchawek, ale myślę, że skoro ta lekcja już troszkę trwa,

8:12to zróbmy sobie teraz chwilę przerwy i słyszymy się.

8:17W lekcji następnej.