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
Importujemy teraz do aplikacji Adobe After Effects kolejną scenę.
Więc przechodzę raz jeszcze do menu głównego wybierając File, następnie Import
File i to co nas teraz interesuje to scena
numer 2 oczywiście, czyli ten obraz, gdzie nasz bohater zakłada sobie słuchawki.
Importujemy to jak zawsze jako kompozycję z zachowaniem rozmiarów warstw.
Nie tworzymy kompozycji, bo ona już będzie stworzona i nie tworzymy żadnej sekwencji.
Wybieram Open i mamy już naszą scenę numer 2.
To co tutaj robimy to oczywiście przechodzimy do tej kompozycji.
Następnie wybieramy kompozycję i ustawienia kompozycji.
A tutaj mamy 24 klatki na sekundę, 4 sekundy.
Niech to trwa.
Rozmiar za chwilę sobie dopasujemy i wybierzmy tutaj biały kolor tła.
Wybieram teraz.
Przycisk OK.
To co chciałbym tutaj zrobić, to animować dłonie naszego bohatera,
więc one muszą być oczywiście przekonwertowane na ścieżki wektorowe.
Wybieram rękaw front, prawy klawisz myszy, następnie i wybieram Vector Layer Layer.
Tą oryginalną warstwę usuwam.
Nie będzie mi potrzebna kolejna rzecz.
Mamy tutaj drugą rękę, czyli ręka, brzeg, prawy klawisz myszy.
Raz jeszcze Create Create Shape Vector Layer.
Oryginalną warstwę usuwam, nie jest nam potrzebna.
Myślę, że możemy też delikatnie animować włosy naszego bohatera.
Dlaczego nie?
Więc mamy tutaj warstwę?
Prawy klawisz myszy, raz jeszcze jakieś Shape Vector Layer.
Oryginalną warstwę po prostu sobie usuwam.
Nie jest mi potrzebna.
Będziemy animować też oczy, ale myślę, że tutaj możemy tylko animować
pozycje, więc nie będziemy tego przekonwertować na kształty wektorowe.
OK, cóż jeszcze będziemy tutaj animować?
Będziemy animować jeszcze tylko pozycję
głowy, więc też nie będziemy tutaj niczego dodatkowo przekonwertować na.
Ścieżki. To co teraz musimy zrobić to oczywiście
dopasować rozmiar, więc wybieram kompozycja raz
jeszcze ustawienia kompozycji i niech to będzie HDTV.
24.
1080, czyli dokładnie rozmiar 1220 na 1080 24 klatki na sekundę 4 sekundy.
Niech to trwa. Również wybieram przycisk OK,
zaznaczmy całość i może przenieśmy delikatnie na dół.
Dopasujemy sobie kadr np.
w ten sposób Myślę, że będzie fajnie.
OK, no i teraz musimy,
że tak powiem, podpinać odpowiednie warstwy do innych warstw, czyli zastosować
tak zwany parenting, ponieważ chciałbym żeby.
Ponieważ chciałbym aby włosy,
oczy oraz detale głowy czyli zaznaczam te 3 warstwy były podpięte do głowy.
Zobaczę teraz jeżeli będę ruszał głową, czyli np.
zmieniał pozycję to te 3 warstwy które podpiąłem, te które
zapamiętałem do głowy również się przesuwają razem z głową.
Dokładnie o coś takiego mi chodziło.
Teraz chciałbym, żebyśmy np.
z Beck podpisali do
nas front i teraz jeżeli będę przesuwał tę warstwę z frontem słuchawek,
to te słuchawki z tyłu głowy również się przesuwają.
Dokładnie o coś takiego mi chodziło.
I teraz możemy np.
.
Wprowadzić sobie tutaj
ruch tych słuchawek, abyśmy mogli go zaparkować dla rąk.
Czyli zaczniemy od ruchu słuchawek, a
później na podstawie ruchu słuchawek będziemy animować ręce.
Czyli przenieśmy się np.
w okolice powiedzmy pierwszej sekundy.
Tutaj wybieram P.
Na klawiaturze te słuchawki powinny
powędrować troszeczkę wyżej, czyli gdzieś np.
tu wybieram Stop Watch.
Następnie.
Ustawmy się tu.
I te słuchawki niech powędrują tu.
Tylko, że fajnie by było, gdyby te słuchawki powędrowały jeszcze niżej,
abyśmy mogli stworzyć taki delikatny efekt.
Czyli na przykład
ustawmy Play head troszeczkę wcześniej i dajmy sobie te słuchawki niżej.
Ona na przykład w ten sposób i one będą miały taki fajny balans.
Teraz oczywiście Using Frame Assistant.
Wybierz miejsce i czas.
Bardzo fajnie.
No i teraz.
Zróbmy jeszcze jedną ważną rzecz.
W momencie kiedy słuchawki są zakładane na
naszego bohatera, czyli w momencie kiedy stykają się z naszą
głową, to fajnie by było, gdyby ta głowa też zrobiła ten balans.
I jak możemy to zrobić?
Musimy podpiąć głowę do słuchawek.
Tylko, że jeżeli to zrobimy to spójrz.
Podpinam głowę do warstwy ze słuchawkami i teraz cała ta głowa wędruje słuchawkami.
Nie wygląda to dobrze.
Oczywiście nie o to nam chodzi, więc wybieram Command set i to co
teraz zrobimy to kopiujemy sobie warstwy ze słuchawkami.
Więc wybieram Command D tę warstwę ze słuchawkami.
Skrócimy sobie do momentu, gdzie słuchawki stykają się z głową.
OK, czyli.
Tu i teraz.
Dopiero warstwę head podepnę do tej kopii słuchawek.
Co masz w tym momencie?
Dalej nasza głowa podąża za słuchawkami,
ale to nie jest kłopot w tym momencie, bo teraz przechodzę sobie tutaj do.
Pozycji.
Ustawiam klatkę kluczową w tym miejscu, a tą klatkę kluczową likwiduje.
I teraz wygląda to w ten sposób Zobacz.
Myślę, że dało to bardzo fajny efekt.
Zobaczmy jeszcze raz.
I tu fajnie by było, żeby ani mówiły się
też włosy w momencie kiedy głowa płcie k na du to żeby włosy troszeczkę
jakby zawinął się do góry i w momencie kiedy głowa wraca na swoją pozycję, żeby
głowy, żeby włosy w tym momencie troszkę rozwinęły się w dół.
Więc przechodzimy tutaj do.
Warstw.
Herr.
Tutaj wpisujemy pas.
Mamy ścieżkę już wyświetlaną i wybierz sobie stop w tym miejscu.
I teraz zobacz.
W momencie kiedy włosy
w momencie kiedy głowa ucieka do góry to chciałbym te włosy troszeczkę podnieść.
W zasadzie tylko tą końcówkę grzywki, więc możemy sobie zaznaczyć te węzły.
Klikam dwukrotnie na jeden z nich, ustawmy sobie punkt odniesienia np.
tu i spróbujmy to podnieść troszkę o np.
w ten sposób.
Myślę, że wygląda fajnie i teraz w
momencie kiedy głowa ucieka do góry to chciałbym żeby ta grzywka poszła w dół.
Więc raz jeszcze klikam dwukrotnie na jeden z zaznaczonych więzów, ustawię sobie
punkt odniesienia w tym miejscu i zróbmy teraz coś takiego.
OK.
A teraz zaznaczę sobie tą wyjściową pozycję włosów, czyli tą klatkę kluczową z
wyjściową z wyjściowym wyglądem włosów w command c i tu sobie ustawia command v.
Teraz oczywiście musimy sobie wprowadzić i link prawy klawisz myszy.
Stąd wpiszmy ISIS.
Zobaczmy jak to wygląda.
Wybierzmy fit.
Może wyciągnijmy to w czasie.
Teraz jest znacznie lepiej.
Tutaj proponuję, żebyśmy te włosy troszeczkę skrócili.
Okej.
To sobie przenieśmy tutaj.
Albo może dajmy to bardziej w prawą stronę, ok?
A.
Bardzo fajny ruch wykonują te wozy.
Pierwszym fit.
Może jeszcze tylko delikatnie dopasujemy ruch tych włosów, bo on jest generalnie
bardzo fajny, tylko że wydaje mi się, że jest zbyt mocny za bardzo.
Te włosy troszkę uciekają do góry, więc może troszeczkę sobie tutaj.
To poprawimy.
Ustalmy sobie punkt odniesienia tu i troszeczkę je dajmy.
Tak?
OK.
I troszkę do środka.
Teraz chyba wygląda lepiej.
Dobrze, tak, to zostawmy.
Wybierzmy jeszcze sobie fit.
Zobaczmy tutaj jak to się prezentuje.
Jeszcze jedna rzecz.
Może tutaj w tym momencie niech nasz bohater.
Skieruje swoje oczy do góry, więc zaznaczam warstwę o nazwie Oczy.
Wybieram P.
Na klawiaturze będziemy animować pozycję i przenieśmy te oczy w górę.
Czyli.
W ten sposób.
Tutaj wybieram prawy klawisz myszy po zaznaczeniu tych kluczowych.
Na dole listy znajduje się opcja Free Assistant i wybieram IS.
Może te oczy niech
spojrzą w górę troszeczkę wcześniej, a zobaczymy jak to będzie wyglądać.
Najwyżej później to poprawimy.
OK, i tutaj z powrotem niech nasz bohater popatrzy przed siebie.
Tylko, że fajnie by było,
gdyby te oczy zatrzymały się na chwilę u góry, więc tę klatkę kluczową,
która definiuje tę górną pozycję, sobie skopiuję, ustawię np.
tutaj i wkleję w to miejsce i zobaczmy teraz.
W porządku, Tak to zostawmy.
Zapiszmy zmiany i możemy z tak przygotowaną kolejną sceną przejść dalej.
Oczywiście musimy tutaj wprawić w ruch jeszcze ręce naszego bohatera.
Do usłyszenia za chwilę.