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, przyjrzyjmy się temu, co tutaj mamy.
Zobacz nasz bohater dlatego tutaj ugina swoje ciało i przenosi je na dół, ponieważ
chce tą frontową nogą dotknąć podłoża i się odepchnąć.
No więc ma to oczywiście sens.
Natomiast w momencie, kiedy się odepchnie i uniesie swoje ciało do góry, to
chciałbym, żeby na chwilę w tej pozycji pozostał chociaż sekundę.
Więc tutaj sobie w dużym te linie czasu do trzech sekund i tu się nic nie dzieje.
Następnie znowu nasz bohater zacznie się odpychać.
Czyli odpycha się.
Nic się nie dzieje i znowu się odpycha.
Nic się nie dzieje i znowu się odpycha.
Więc w związku z tym myślę, że możemy tutaj jeszcze wprowadzić kilka rzeczy.
Na przykład możemy powrócić do włosów
naszego bohatera i tutaj spróbować wprowadzić je w taką
pozycję, w której jakby nic szczególnego się z nimi nie dzieje.
Są w jakiejś takiej domyślnej pozycji.
Czyli zaznaczmy sobie naszą ścieżkę i
troszeczkę sobie te włosy tutaj podniesiemy.
OK.
To zróbmy coś takiego z tymi.
Dokładnie o to mi chodziło i tą klatkę teraz skopiuję sobie na początek.
OK, myślę, że wygląda to fajnie.
Może spróbujmy to troszeczkę wydłużyć w czasie.
Teraz jest zdecydowanie lepiej.
Teraz przyszedł czas na kabel.
Mamy tutaj warstwę kształtu i jest na niej ścieżka, która definiuje nasz kabel.
Jednak on jest zbudowany z zbyt dużej, ze
zbyt dużej ilości węzłów i będzie ciężko to animować.
Więc ja myślę, że możemy po prostu sobie to możemy sobie ten content usunąć.
Zaznaczam i usuwam.
Nie mamy tutaj już żadnej ścieżki wektorowej, więc rysujemy sobie ją sami.
Bezpośrednio wybieram narzędzie Pętla for
i oczywiście zaczynam rysować stąd od słuchawki.
Tu może sobie narysujemy kolejny węzeł i tu dotkniemy.
To oczywiście do telefonu.
Ten sposób wypełnienia nie potrzebujemy, więc upewniamy się, że mamy brak.
Kolor może być właśnie taki niebieski,
zapożyczony stąd o grubości jednego punkta.
Taki obrys będzie w porządku.
No i oczywiście przechodzimy do ścieżki.
Animuje naszą ścieżkę.
Tu oczywiście wprowadzamy sobie ISIS.
No i teraz fajnie by było, jakbyśmy np.
tym przewodem jakoś zaczęli huśtać, może nawet na boki.
Więc w momencie, kiedy nasz bohater tutaj
idzie sobie na dół, to może zaznaczmy sobie te dwa węzły i podnieśmy je do góry.
Tu może ten sobie troszkę umieścimy w ten sposób.
OK.
Np tak i tu fajnie by było jakby ten przewód uciekł w tą stronę
i zaczął się jakoś tutaj delikatnie bujać np troszkę tak i troszkę tak.
Zobaczmy jak to wygląda.
OK, całkiem fajnie.
Tu się tak huśta i może jeszcze niech się trochę przy huśta jakoś na końcu.
On teraz ucieka w lewo, więc tu delikatnie niech ucieknie w prawo.
Dobrze, tylko teraz oczywiście tą pierwszą
klatkę musimy zsynchronizować z tą ostatnią, czyli na początku tej sekwencji.
Ten kabel, cała ta ścieżka musi wyglądać
tak samo, czyli trwał okej i tu się wszystko zgadza poza tym węzłem.
Oczywiście musi być to dopasowane do telefonu.
OK, czyli command cs.
Kupiłem sobie raz jeszcze tą początkową ścieżkę i tu ją wklejamy.
Tutaj musimy zadbać o to, żeby ten węzeł był przyklejony do telefonu.
OK, tutaj również musimy o to zadbać.
Tutaj też.
I tu jest w porządku. Zobaczmy jak to teraz wygląda.
Chyba niezbyt fortunnie poszliśmy to wyżej.
Sprawdźmy jeszcze raz.
OK, jak dla mnie całkiem fajnie, więc jak
zawsze zapisujemy zmiany na koniec lekcji i przechodzimy dalej.