Animacji 2D: Klatka po klatce

Adobe CC 2021

0:03Witam Cię w kolejnej lekcji.

0:05Teraz chciałbym, żeby nasza piłeczka była do paletki przywiązana sznurkiem

0:13i to sznurek będzie zbudowany z ścieżki wektorowej, którą

0:18będziemy animować za pomocą techniki Frame Bay frame albo

0:23Almost frame frame, ponieważ tak dosłownie klatka po klatce nie będzie

0:28to animowane, ale na pewno będziemy ingerować w sporą ilość tych klatek.

0:37Nasza pierwsza animacja prezentuje się

0:39bardzo fajnie, ale brakuje jeszcze jednego elementu, mianowicie sznurka między piłką

0:43a paletką, który będzie się oczywiście rozciągał.

0:47I tutaj myślę, że możemy zastosować sobie

0:49warstwę kształtu, więc wybieramy Layer, następnie new szablonie warstwa kształtu.

0:56Możemy ją nazwać, bo zalecam podpisywać warstwy.

1:00A więc wybieramy prawy klawisz myszy i niech to będzie linia np.

1:06.

1:08No i narysujemy sobie tutaj obiekt wektorowy w postaci ścieżki.

1:13Wybieram więc narzędzie Pętla, ustawiam pierwszy węzeł tutaj, a drugim w tym

1:18miejscu, gdzie mamy kropkę na środku paletki.

1:22Przejdę teraz do opcji kontrolnych tego obiektu.

1:25Mamy tutaj wypełnienie pomarańczowe.

1:27Klikam na fill i wybieramy Brak.

1:30Następnie obrys ustawimy sobie tutaj Biały w porządku 8 punktów, a niech zostanie.

1:37Teraz będę chciał animować tą ścieżkę wektorową.

1:40Więc przechodzę do linii, rozwijam ją i mam tutaj transform czyli

1:44opcje transform pozycji, skali rotacji itd.

1:48Oraz content czyli zawartość.

1:50Mamy tutaj Shape 1 czyli kształt.

1:52Możemy go nazwać, ale nie będziemy tego robić.

1:54Wiemy, że chodzi tutaj o tą naszą linie

1:56i mamy tutaj opcje obrysu, wypełnienia i tą naszą ścieżkę czyli paw.

2:03Będę chciał animować ścieżkę.

2:05Jak widzisz, aby dostać się do tej ścieżki musimy rozwinąć troszeczkę rzeczy.

2:09Dlatego prostszym sposobem jest tutaj

2:11wyszukiwanie zawartości za pomocą tego panelu prostego.

2:16Zobacz jak rozwinę naszą linię, naszą warstwę i tutaj wpisuję po prostu PATH.

2:23I już mamy dostęp do naszej ścieżki.

2:27Klikam tutaj na płacz, czyli na.

2:30Ikonkę, która wprowadzi nam tutaj klatkę kluczową.

2:33Możemy tutaj od razu wprowadzić sobie, czyli prawy klawisz myszy.

2:37Rozwijamy listę na dole tej listy.

2:39Możesz tego nie widzieć, ale jest Frame Assistant, a następnie wybieram ISIS.

2:44No i teraz musimy po prostu edytować węzły, które budują naszą ścieżkę.

2:50Wybieram narzędzie Selection, następnie może tutaj wyłączę na razie naszą piłkę

2:57i upewnij się, że ten węzeł znajduje się tutaj na początku animacji oraz tutaj,

3:03gdzie jest piłka, czyli mniej więcej w ten sposób.

3:06Dokładnie tak, w porządku.

3:10No i teraz nam się to powinno tutaj ładnie

3:12rozciągać, ale jako że mamy modyfikację ruchu.

3:16Wprowadzono w Graph Editor, czyli po

3:18prostu nasza paletka i piłka w jednym miejscu przyspiesza, w drugim zwalnia.

3:22To tutaj nie zawsze nam się będzie ta ścieżka pokrywać z naszymi elementami.

3:28Na.

3:30Na naszej scenie, więc musimy je zmodyfikować i na.

3:33Jako, że tutaj ten nasz węzeł trochę

3:35ucieka, to po prostu zaznaczam go i przesuwam na pozycję.

3:38Mam tutaj kolejną klatkę kluczową.

3:41To sobie możemy wrzucić tutaj, żeby było na środku piłki.

3:45No i to jeszcze zróbmy sobie tak.

3:49W porządku.

3:51Tutaj wszystko działa.

3:55No i oczywiście wszystko teraz powinno wrócić.

3:57Czyli możemy od razu sobie dostarczyć tą

3:59pierwszą klatkę kluczową command c wkleić na koniec animacji tutaj

4:05i z automatu nam to powinno wrócić dokładnie tak jak wcześniej.

4:09Jako, że mamy tutaj modyfikacje wprowadzone w edytorze, czyli w jednym

4:13miejscu nasza paletka i piłeczka przyśpiesza, w drugim zwalnia,

4:16to nie będzie nam się tutaj pokrywać, więc po prostu musimy sobie tutaj ręcznie.

4:21Czasami klatka po klatce niestety też, ale musimy sobie to ręcznie poprawić.

4:29OK.

4:40I jeszcze tu.

4:45I teraz jest w porządku.

4:46Otwórzmy naszą animację wybierając Spacja.

4:57No i cóż, ja jestem zadowolony jak najbardziej z tego rezultatu.

5:00Tak to może wyglądać.

5:06W zasadzie tak powinno wyglądać i zostawmy to w ten sposób, jeśli chodzi o ruch.

5:11Natomiast jak widzisz, to wprowadziliśmy

5:13tutaj modyfikacje tej ścieżki wektorowej, sporo klatek kluczowych.

5:18Jest to praca nad animacją, która nazywa się frame frame, czyli.

5:26Klatka po klatce i animuje niemal

5:30w taki sposób, że dodajemy klatki kluczowe klatka po klatce.

5:33W niektórych przypadkach jest to

5:36styl pracy, który będziemy uskuteczniać w pierwszej części kursu,

5:43ponieważ daje nam dużo swobody podczas projektowania ruchu i animacji.

5:49Ja bardzo często korzystam z techniki

5:52pracy klatka po klatce i Tobie również ją polecam.

5:55Zobaczysz jakie fajne rezultaty uda się nam uzyskać.

5:58Natomiast teraz myślę, że aby zakończyć

6:01już pracę z naszą animacją związaną z paletką i piłeczką

6:05to możemy przejść jeszcze do jednej lekcji, w której pokażę Ci fajne efekty,

6:08które możemy dodać, aby jeszcze ulepszyć naszą animację.

6:17W związku z tym do usłyszenia za chwilę.