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
Pierwszy prosty szkielet mamy już zrobiony i teraz pokażę Ci, jak będziemy animować
całą rękę naszego bohatera za pomocą tylko jednego kontrolera.
Oczywiście możemy to połączyć z techniką pracy w frame frame możemy np.
wprawić w ruch palce naszego bohatera i powiedzmy, że np.
jednym palcem kciukiem.
Nasz bohater niech sprawdzi, jak działają struny naszej gitary.
Możemy to teraz uskutecznić.
Pokażę Ci jak to jak to będzie działać.
Na pewno będzie przy tym sporo zabawy, nie tylko pracy.
Więc przechodzimy do aplikacji Adobe After Effects.
Będziemy animować pozycję kontrolera tak,
aby nasz bohater podniósł troszeczkę gitarę i przysunął ją bliżej brzucha.
Na pewno możemy wrócić do aplikacji Adobe Illustrator i tutaj
ten zawias usuniemy, więc wybieram Delete albo Backspace.
Po zaznaczeniu odpowiedniego obiektu wektorowego zapisuję zmiany.
Wracam do After i tutaj już tego kółka nie ma.
Teraz klikam na stop przy pozycji kontrolera.
Czyli tej czerwonej łapki.
OK.
Porządku. I podniesiemy tą gitarę wyżej.
Czyli np. tu.
W ten sposób.
No i zobaczmy jak to wygląda. Wygląda tragicznie.
Ponieważ nie mamy
żadnego spowolnienia ruchu, więc powinniśmy teraz przejść do
Graph Editor i tutaj rozdzielimy sobie ruch po osi X oraz Y.
W porządku.
No i teraz możemy sobie tutaj to fajnie zwolnić ten ruch.
W ten sposób.
Zobaczmy jak teraz to pracuje.
Bardzo fajnie.
Możemy ewentualnie jeszcze wprowadzić jakiś taki mały balans,
tak żeby nasz bohater podniósł tą gitarę wyżej i delikatnie opuścił.
Czyli np.
.
Ustawmy sobie Play Head tutaj.
I odpuśćmy troszkę tą gitarę.
Nie wiele.
Teraz wyjdźmy z tego edytora i troszeczkę sobie tutaj ściągniemy to w czasie.
Zobaczymy jak to teraz będzie wyglądać.
OK, tutaj jeszcze jedna rzecz.
Wróćmy do tego edytora i.
Tu chciałbym.
Prowadzić taki fajniejszy trening.
Tę klatkę kluczową i to jeszcze tutaj rozciągnięty.
Tak, żeby ta gitara zwolniła i przyśpieszyła znowu.
Zobaczmy teraz.
A teraz dużo lepiej to wygląda.
Oczywiście, że możemy zapisać zmiany bez.
No i teraz będziemy animować ten palec tutaj.
Chciałbym, żeby nasz bohater kciukiem uderzył w struny.
Więc w momencie, kiedy już zatrzyma gitarę, czyli gdzieś tu przy drugiej
sekundzie, chciałbym, żeby zaczął tym kciukiem poruszać.
OK, więc zaczniemy od tej warstwy.
R1 Tutaj mamy oczywiście ścieżki wektorowe.
Wpisuję sobie path, żeby wyszukać odpowiednie ścieżki.
No i cóż, interesuje mnie zaznaczenie.
Raczej tej ścieżki.
Wyjdźmy z edytora grafów i tutaj.
Na pewno.
Wciśniemy sobie stop, płacz.
OK, mamy tutaj jeszcze taki Shadow.
To jest chyba to.
Tu też sobie klikniemy na stop i na ten główny kształt ręki.
To jest.
Chyba tu na samym dole tak jest i tu też klikam na stop a
następnie wybieram klawisz Up i mam tylko te wartości te wyświetlić
wyświetlone te ścieżki, które mają tutaj jakieś wartości na klatkach kluczowych.
No i dobrze.
Myślę, że.
Tu będziemy mogli sobie już popracować, a
tu jeszcze tylko jedyne co bym zrobił to może troszeczkę.
W tym miejscu wyrównał tę rękę.
Będzie ładnie wyglądać.
Teraz poruszymy ten kciuk do góry, czyli zaznaczmy sobie.
Te węzły klikam dwukrotnie.
Następnie ustawmy sobie może punkt
odniesienia tu i podnieśmy ten kciuk troszkę w tę stronę.
Może troszkę tak koło.
I teraz zobaczmy jak to będzie wyglądać.
Troszeczkę robi się za gruby, więc musimy go odchudzić.
Tu musimy jeszcze poprawić.
Ten węzeł to.
Zadbajmy o to, żeby to wyglądało ładnie, ponieważ mamy tutaj dosyć spore zbliżenie.
OK. Tu naturalnie trzeba wprowadzić Izis,
czyli prawy klawisz myszy na dole listy Frame Assistant i wybieram Izis.
OK.
No i teraz ten kciuk musi zostać przywrócony.
Troszkę niżej, więc zaznaczmy sobie znowu te węzły.
Może ewentualnie skopiuję sobie te klatki kluczowe command, c, command v.
Dajmy je tu, bo tu chciałbym, żeby ten kciuk powrócił
do swej normalnej pozycji pierwotnej, a tu po prostu zaznaczę sobie znowu te węzły.
Klikam dwukrotnie na jeden z nich, punkt odniesienia ustawiam tutaj.
I dajmy ten kciuk w ten sposób.
Przenieśmy to troszkę tak.
I tu jak mogłem się spodziewać się troszeczkę skraca.
W tym miejscu więc musimy delikatnie te więzy sobie wyciągnąć.
Fajnie. Zobaczmy jak to działa.
Tutaj musimy wprowadzić kilka poprawek na ścieżkach.
Zaznaczmy ten węzeł troszkę niżej.
Chyba troszkę za bardzo jest wydłużone,
więc zaznaczmy jeszcze raz całość i delikatnie sobie to skrócimy.
Teraz animuje się to znacznie, znacznie lepiej.
Wybierzmy Fit i zobaczmy całość.
OK.
No i teraz jeszcze fajniej by było,
gdybyśmy w jakiś sposób poruszyli te struny.
Zaznaczmy je i dajmy je troszkę wyżej np.
tu.
I w tym momencie fajnie by było, gdyby one jakoś zadrżały.
Więc będziemy oczywiście animować ich
ścieżki, ponieważ jest to zamienione na warstwę kształtu.
Czyli mamy tutaj obiekty wektorowe, ścieżki wektorowe, wpisuje path
mamy faktycznie i tu w tym momencie możemy rozpocząć.
Animacje pierwszej z nich.
Tylko tutaj chciałbym dodać kilka węzłów, więc wybieram narzędzie Vertex Point
i ustawmy sobie jeden węzeł tu, drugi tu i jeszcze jeden np.
tu.
OK, no i teraz.
Tu np.
.
Niech ta strona sobie pójdzie troszkę na dół.
Tutaj wróci sobie do góry troszkę ok
i tu kopiujemy jej pierwotną pozycję i damy ją np.
tu.
Bardzo fajnie.
Możemy sobie tu wprowadzić Izis.
Naturalnie.
Nie wiem czy tylko ta strona czasem nie za
wolno sobie tutaj pogrywa, więc spróbujmy to skrócić w czasie.
Zaznaczmy sobie te kwiatki, a następnie.
Z klawiszem Alt.
Troszeczkę sobie to skrócimy i niech to trwa szybciej.
Moim zdaniem prezentuje się to bardzo fajnie
i to samo możemy dorzucić sobie do tej strony poniżej.
Czyli zaznaczmy sobie teraz tą ścieżkę.
Tutaj oczywiście wybieram stop łącze.
Może w tym miejscu i teraz tu dorzucimy kilka nowych węzłów.
Więc ponownie wybieram narzędzie Vertex tu
i nowy węzeł tu, nowy węzeł tu i jeszcze w tym miejscu.
OK, tylko sobie to po prostu ustawmy w odpowiednim miejscu.
Czyli tu.
I teraz.
Tak samo jak wcześniej.
Wybieram narzędzie selekcji i ten węzeł sobie dam tutaj niżej.
I teraz niech troszkę nam się podniesie tutaj.
I w tym miejscu powinien wrócić do swojej oryginalnej pozycji.
Czyli zaznaczam tą pierwszą klatkę kluczową Command c command.
Zróbmy tutaj jeszcze Izis i zobaczmy teraz.
Bardzo fajnie. I jeszcze jedna rzecz.
Troszeczkę zbyt geometryczne są te strony.
Czyli możemy sobie zaznaczyć teraz ten węzeł tutaj, na tej pierwszej strunie.
To jest dokładnie ten.
No i to oczywiście wygląda fajnie, ale
może warto to jakoś tutaj zaokrąglić Ładnie.
Więc wybierzmy sobie narzędzie Convert Vertex Tool i dodamy sobie tutaj
punkty kontrolne do tego węzła, tak żeby on był troszkę bardziej powyginane.
To samo zrobimy tu.
W tym miejscu.
OK i tu już struna wraca do normalnej
postaci I teraz to samo musimy zrobić z tą drugą stroną.
Czyli zróbmy coś takiego.
Tutaj też klikam.
I tutaj wszystko wraca do normy.
Zobaczmy jak wygląda całość.
OK, jeszcze jedna rzecz.
Przejdźmy do kontrolera tej ręki.
Tutaj jeszcze wróćmy do Graph Editor.
Tutaj interesują nas oczywiście pozycje.
I zobaczmy, czy możemy tutaj jeszcze troszkę sobie tą rękę zwolnić przy końcu.
Troszkę. Niech ona sobie tutaj ładnie zwolni.
Tutaj też.
I zobaczmy teraz.
OK, bardzo fajnie to wygląda.
Naturalnie zapisujemy zmiany command s lub
control s na windowsie i przechodzimy śmiało do lekcji następnej.
Do usłyszenia za chwilę.