od Podstaw
9 godz. 33 min · After Effects · Grafika motion i 3D
Michał WedlechowiczPierwszy rozdział kursu poświęcimy wprowadzaniu w życie kilku zasad animacji opartych o wiedzę zawartą w książce "The Illusion of Life", przedstawioną przy pomocy miniaturowych animacji. Pokażę Ci, jak przy pomocy narzędzi After Effects zastosować te zasady na prostej animacji piłeczki odbijającej się od rakietki do tenisa. Nauczysz się dzięki temu transformować obiekty podczas ruchu tak, aby uwzględnić ich objętość, wagę i możliwość przewidywania ruchu.
Kolejna część kursu zostanie oparta o pomysł i szkicowanie ruchu na storyboardzie przy pomocy strzałek. Dzięki temu, podczas animowania będzie nam się pracowało dużo wygodniej. Na tym etapie wymyślimy głównego bohatera filmu, zastanowimy się nad przebiegiem akcji, i budowaniem scen. Pokażę Ci jak przygotować ilustracje i warstwy na potrzeby późniejszej pracy w After Effects. Zadbanie o odpowiedniki nawyki w procesie rysowania pozwoli na swobodną i lekką prace później.
Animacja w technice Frame by Frame, może budzić skojarzenia z czasochłonną i mozolną pracą nad każdą klatką. Ale w tym kursie dowiesz się jak optymalnie pracować z tą techniką, aby praca przebiegała sprawnie, a rezultat był rewelacyjny. Dzięki mojej optymalizacji ja wolę nazywać tą technikę "Almost Frame by Frame". Praca w tym systemie daje nam bardzo dużo swobody w projektowaniu ruchu, a ta swoboda z kolei umożliwia nam łatwe stosowanie najważniejszych zasad animacji omówionych w pierwszym rozdziale.
W kolejnym rozdziałach pokażę Ci jak połączyć technikę Frame by Frame z riggowaniem postaci w trakcie pracy nad drugą animacją. W tym przypadku wykorzystamy potężny plugin DUIK, pozwalający na stworzenie łatwego do animowania szkieletu. Dzięki temu będziemy wprawiać w ruch naszą postać przy pomocy kontrolerów, a to pozwoli na szybszą i wygodną pracę. Z DUIKiem będziemy mogli również zoptymalizować pracę z twarzą bohatera, wprowadzając również ruch do jej elementów. Kiedy postać zostanie zriggowania, nauczysz się tworzyć klatki kluczowe w taki sposób, aby animacja wyglądała miękko i płynnie.
Do naszych prac dołożymy również efekty pozwalające na zmniejszenie liczby klatek, dodanie tekstur i nierówności na krawędziach, aby animacje wyglądały jak prawdziwy film rysunkowy. To pozwoli uzyskać lepszy efekt finalny, a w połączeniu z dźwiękiem otrzymamy pełnoprawny film. Całą tą wiedzę możesz wykorzystać do własnych animowanych projektów, lub też możesz tworzyć materiały wideo jak na przykład animacje explainer dla swoich własnych klientów. Kiedy Twój projekt będzie gotowy pokażę Ci jak wyrenderować finalny plik MP4 przy pomocy aplikacji Adobe Media Encoder.
Ten kurs powstał z myślą o grafikach, ilustratorach oraz osobach początkujących, które chcą wejść na wyższy poziom i "ożywić" swoje kreacje. Przed przystąpieniem do kursu warto znać podstawy pracy z After Effects, aby ułatwić sobie pracę. Z kursu skorzystają początkujący animatorzy oraz doświadczeni designerzy, którzy nie pracowali jeszcze z animacją, ale chcą nauczyć się profesjonalnej animacji 2D.
Adobe CC 2021
OK. Witam Cię po przerwie.
Przechodzimy dalej.
Myślę, że moglibyśmy teraz jeszcze
wprowadzić w ruch kabel, który odchodzi od telefonu i łączy się ze słuchawkami.
Myślę też, że moglibyśmy jeszcze
wprowadzić jakiś drobny ruch do głowy naszego bohatera, więc wracamy do pracy.
Mamy nasz telefon już w ruchu i wszystko jest ok.
Ja bym chciał tutaj jeszcze z animować,
oczywiście poza tym przyciskiem i kciukiem.
Chciałbym jeszcze z animować ten kabel.
Więc przejdźmy do warstwy kabla Outline ok.
I zaczniemy to animować.
Może stąd tutaj Nas interesuje oczywiście pas.
I tu sobie ustawiamy stopy.
Już mamy pierwszą klatkę kluczową.
Okej.
No i tu.
Możemy to przestawić w ten sposób.
OK.
I tu może zrobimy coś takiego.
W porządku.
Myślę, że wygląda fajnie.
Tutaj jednak brakuje mi jeszcze jakiegoś małego ruchu.
Gdzie ten kabel?
Troszkę się tutaj.
Jeszcze rusza w momencie kiedy telefon już się nie rusza.
Czyli coś takiego zróbmy.
OK, i tu jeszcze może.
Ten sposób dobrze i zobaczmy teraz.
Super. To jeszcze czego brakuje?
To oczywiście wybieram prawy klawisz myszy i Frame Assistant i zobaczmy teraz.
Bardzo fajnie możemy to zapisać.
Jeszcze chciałbym na chwilę wrócić do
sceny numer 2, ponieważ tutaj też fajnie by było gdyby był jakiś kabel dołączony do
tych słuchawek, więc myślę, że to by fajnie działało.
I jeszcze jedna rzecz, która przychodzi mi
do głowy to spójrz kiedy odtwarzam tą animację.
Wydaje mi się, że głowa jest troszeczkę za sztywno.
To znaczy fajnie by było wprowadzić tutaj też jakiś ruch samej głowy, nie tylko ten
balans w momencie, kiedy słuchawki są już na głowie.
Myślę, że moglibyśmy tutaj tę głowę troszeczkę rotować i.
Żebyśmy mogli to zrobić, musimy troszeczkę przeorganizować te słuchawki.
To znaczy spójrz w tym momencie
tutaj głowa podpięta jest do tej warstwy head front 2.
Tu mamy podpiętą głowę do tego.
No i w zasadzie nie ma z tym żadnego problemu.
Tak to może wyglądać tylko w momencie, kiedy chcę ratować głowę.
No to słuchawki zostają na miejscu.
Proponuję więc, żebyśmy zajmowali pozycję głowy i podpięte do tej pozycji
słuchawki, tak, żeby to one właśnie były animowane razem z głową.
Jak to możemy zrobić? Zobaczymy.
Przejdę do słuchawek.
Wybieram tutaj PR, czyli pozycja i mamy
prostą animację, która wprowadza nam właśnie ten balans.
Efekt?
Zaznaczmy to.
Wybieram command c.
Zaznaczam klatki kluczowe, kopiuję je, następnie przechodzę do głowy.
Wybieram type czyli pozycja.
I tu wybieram Komandora.
Zobacz, głowa troszeczkę się przesunęła, ale to nie jest większy problem.
Po prostu zaznaczmy wszystkie kratki kluczowe.
Chwycę teraz za głowę i przesunę ją na odpowiednie miejsce, czyli tutaj.
OK, teraz te klatki kluczowe tutaj z Networks pozycji po prostu zlikwiduje,
wyłączając to, po czym następnie to właśnie te słuchawki podepnę do głowy.
Głowa jest podpięta do słuchawek, więc tutaj wybierzmy brak.
I teraz te słuchawki Head Front 2 podpinamy do głowy.
OK.
Dał nam to dokładnie ten sam rezultat tutaj.
Te słuchawki.
Front możemy sobie.
Skrócić.
Dotąd, ponieważ to są te słuchawki, które wędrują z góry na dół.
OK, a tu już są te słuchawki, które są
założone na głowie i podążają razem z głową.
Czyli jeżeli ja teraz wprowadzę sobie tutaj jakąś rotację?
No to możemy zauważyć, że słuchawki też ratują.
Mamy tutaj jeszcze warstwę Beck, więc też może ją skrócimy.
Dotąd.
Zróbmy sobie kopie wybierając command D Tą kopię sobie przesuniemy.
Tak samo jak kopie tych słuchawek frontowych i podepniemy ją do głowy.
Więc teraz jeżeli ja będę ratował głowę, to widzimy, że te słuchawki tutaj z tyłu.
Też się gotują.
OK, wprowadźmy jeszcze małą rotację.
Zanim słuchawki wyglądają, wylądują na głowie.
To znaczy ustawmy może stop.
Tutaj tylko jeszcze jedna rzecz, o której musimy wspomnieć w naszej głowie.
Chciałbym zmienić pozycję punktu odniesienia, bo spójrz.
Chciałbym, żeby nasza głowa poruszała się według tego punktu
odniesienia tak jakby była osadzona na szyi, a nie tutaj.
Bo teraz jeżeli wprowadzam rotację, to widzimy, że niezbyt dobrze to wygląda.
Ta głowa się troszkę odrywa.
Musimy zmienić ten punkt odniesienia, więc wybieram narzędzie Anchor Point Tool
i muszę sobie przesunąć się punkt odniesienia.
Tylko, że tutaj mamy problem, ponieważ
modyfikujemy w ten sposób całą ścieżkę ruchu.
Przejdźmy więc do.
Zakładki Transform.
I ten Angkor Point możemy przesunąć.
Sami np.
w ten sposób wyłączmy jeszcze tylko rękę wron, bo nam przeszkadza.
Przenieśmy sobie ten anchor point.
Mniej więcej tak.
OK, i teraz.
Zaznaczmy wszystkie te klatki kluczowe
i przenieśmy naszą głowę na miejsce z powrotem, czyli tu.
OK, wszystko działa ładnie i teraz możemy
sobie rotować naszą głowę, więc jak wspomniałem zrobimy sobie małą rotację.
Przed założeniem słuchawek.
Czyli tutaj wybieram stopa ok i tutaj np.
nasza głowa niech się troszkę podniesie na początku.
Może odsuniemy to w czasie i wprowadzimy tutaj ICE.
Wybieram prawy klawisz myszy i Free Assistant na dole listy.
Możesz teraz tego nie widzieć.
A i wybieram tutaj ISIS.
OK.
I tu w momencie kiedy słuchawki już są założone to możemy sobie troszeczkę
podnieść tą głowę, ponieważ widzimy, że nasz bohater też podnosi oczy.
Więc tu umieszcza sobie klatkę kluczową.
OK, i tu sobie podnosimy głowę.
Do góry.
W ten sposób delikatnie.
Włączmy teraz rękę.
I zobaczmy jak to wygląda od początku.
OK, może troszeczkę to rozsunąć w czasie, bo chyba dzieje się to za szybko.
Teraz jest bardzo fajnie.
No i oczywiście na koniec wspomniany kabel.
Czyli musimy sobie stworzyć nową warstwę,
bo nie widzę tutaj warstwy z narysowanym kablem, więc może sobie na razie wyłączymy
tę rękę, front i stworzymy nową warstwę kształtu.
Więc wybieram Layer New, a następnie Shape Layer.
Tą warstwę oczywiście nazwiemy odpowiednio
prawy klawisz myszy, a następnie Winamp tutaj na dole listy.
Możesz tego teraz nie widzieć, ponieważ jest poza ekranem nagrywania, ale jest
tutaj taka opcja Winamp i nazwiemy to kablem N.
I oczywiście musimy teraz wybrać sobie narzędzie pętle czyli piórko i narysujemy
sobie jakiś przewód stąd i może poprowadzimy go tutaj.
Niech on się składa z dwóch punktów.
Może zróbmy to jeszcze, jeszcze inaczej.
Ten przewód niech zaczyna się z
węzła, który posiada punkty kontrolne, tak żebyśmy tutaj też mieli jakąś ładną
krzywiznę, a o i w ten sposób będzie to wyglądać fajnie.
Takie sowa to dobrze, niech tak będzie.
Teraz tylko musimy wyedytować tą ścieżkę.
Mamy tutaj fill czyli wypełnienie.
Klikam na opcję wypełnienia i wybieram brak.
Następnie klikam na obrys on jest tutaj biały.
Myślę, że możemy zmienić kolor pożyczając sobie kolor stąd i mamy tutaj dwa punkty.
Myślę, że 2 punkty 3 będzie w porządku. Dobrze i teraz.
Oczywiście tutaj wchodzimy w ścieżkę,
czyli wpisujemy path i tą ścieżkę powinniśmy sobie animować, więc.
Zaczniemy z tutaj.
Słuchawki zaczynają wędrować na dół.
OK, wybieram stop.
Przy wartości PATH.
Następnie wybieram narzędzie Selection Tool.
Chwytam za.
Ten pierwszy węzeł i ustawię go sobie tutaj.
Może zróbmy coś takiego.
Niech ten kabel nie będzie tutaj na tej twarzy.
OK.
No i teraz to ładnie wędruje tu.
Tu oczywiście musimy ustawić i.
Jak zawsze.
Przenieśmy tylko te warstwy z kablem
nad warstwę z włosami, bo włosy zakrywały tamten kabel.
OK, zobacz teraz jak to wygląda.
Troszeczkę za szybko tutaj ten przewód.
Się rusza, ale po prostu możemy go rozciągnąć w czasie np.
do tego momentu.
I teraz będzie to wyglądać dużo lepiej.
I tutaj też możemy go podnieść, tak samo jak podnosi się głowa.
Też sobie zaznaczmy ten węzeł i po prostu podnieśmy troszeczkę.
I tutaj głowa zaczyna swój ruch do góry,
więc też fajnie by było, gdyby ten kabel też jakoś się poruszył.
Więc może sobie tutaj po prostu ustawmy klatkę kluczową.
Tutaj w tym momencie się nic nie dzieje, stąd dotąd ok.
I tu już możemy sobie jakoś delikatnie.
Ten przewód też poruszyć.
Czyli zaznaczmy pierwszy węzeł.
Może ustawmy go troszeczkę tak?
Zobaczymy jak to teraz będzie wyglądać.
Troszkę dziwnie.
Może ten ruch jest za mocny.
Spróbujmy to przestawić troszkę tu i teraz.
Może będzie lepiej.
Tak, zdecydowanie.
I chyba jeszcze to nie jest potrzebne,
więc po prostu to troszeczkę to jest płaszczem.
A teraz rękę.
I zobaczmy jak wygląda całość.
Bardzo fajnie. Myślę, że możemy zostawić tutaj.
Kabel się fajnie animuje, więc zapiszmy zmiany i tutaj.
Ten kabel też się fajnie animuje.
OK, zapisujemy wszystko i przechodzimy dalej.
Teraz to tyle w tej lekcji. Do usłyszenia.