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
Okej, podsumujmy co już mamy.
Mamy scenę numer 1, gdzie nasz bohater stawia nogę na hulajnodze.
I wygląda to bardzo fajnie.
Oczywiście.
Scena numer 2, gdzie nasz bohater zakłada sobie słuchawki.
Teraz przyszedł czas na sceny nr 3, więc
wybieram film, następnie import while i oczywiście będzie to scena numer 3.
Przypominam, że importujemy to jako kompozycję z zachowaniem rozmiaru warstw.
Wybieram Open.
Otwieram tę kompozycję.
Wszystko się zgadza.
Myślę, że możemy sobie kabel przekonwertować na ścieżkę
wektorową, więc wybieram prawy klawisz myszy Create shape from Vector Layer.
OK, i to samo zrobimy z przyciskiem Prawy klawisz myszy, następnie Create
Vector Layer i to samo zrobimy z kciukiem Prawy klawisz myszy i.
Wykonujemy tę samą operację ok.
Oryginalne warstwy możemy pousuwać, nie będą nam potrzebne.
Zaznaczam, wybieram klawisz delete albo Backspace.
I mamy tutaj jeszcze baton niepotrzebny i kabel.
Teraz powinniśmy to wszystko odpowiednio zapamiętywać.
Czyli.
Wszystko niech będzie zapamiętywane do może do kciuka.
OK.
I teraz jak złapiemy za to, to wszystko powinno nam ładnie tutaj podążać.
W porządku.
I teraz wybierzmy sobie kompozycję i ustawienia kompozycji.
Ustawmy sobie tutaj preset
HDTV w 1080p i 24 klatki, czyli mam tutaj rozmiar Full HD.
Oczywiście jeśli chcesz, możesz tutaj stworzyć animacje w rozdzielczości 4K,
ale na potrzeby kursu myślę, że nie ma takiej potrzeby i biały kolor.
Kompozycji.
Wybieram przycisk Okej, 4 sekundy chyba wystarczą.
Ustawmy sobie to wszystko na odpowiednim
miejscu, czyli czyli tutaj może złapiemy za kciuk.
OK.
Teraz chciałbym, żeby ten telefon był na środku.
Powinno to wyglądać mniej więcej tak.
I teraz chciałbym tutaj popracować się z obrotem.
Czyli
wybieram warstwę z kciukiem, do której mamy wszystko podpięte, zaprezentowane.
Wybieram rotation i np.
ustawimy sobie tą końcową rotację np.
tutaj na.
Minucie i na przykład szesnastej sekundzie i szesnastej klatce.
Tutaj wybieram Sopot i mamy już tą końcową
rotację i myślę, że możemy to sobie ratować w taki sposób.
Tylko że fajnie by było, gdybyśmy zmienili sobie punkt odniesienia.
Więc wybierzmy sobie narzędzie Anchor
Point Tool i punkt odniesienia ustawimy sobie np.
tu.
I spróbujmy to obrócić w ten sposób.
OK, teraz fajnie by było, gdybyśmy przeszli do edytora grafów.
I tutaj chciałbym, żebyśmy wprowadzili sobie Izzy.
Czyli zaznaczmy sobie tą pierwszą klatkę, wybierzmy Izzy i tą drugą klatkę końcową.
Też wybierzmy sobie ISIS.
I tutaj chciałbym, żeby ten ruch był taki zbalansowany, czyli żeby
ten telefon pojechał troszeczkę dalej i wrócił na tę finalną pozycję.
Dlatego właśnie tutaj chwytam za ten węzeł i ustawiam sobie coś takiego.
Zobaczymy, jak to będzie wyglądać.
O właśnie, coś w tym stylu.
Może niech to trwa troszeczkę szybciej.
Do tego w tą klatkę kluczową z finalną
pozycją przeniesiemy troszkę tytułu do tyłu, może na pierwszą sekundę.
OK.
Spróbujmy to troszeczkę wydłużyć.
Wygląda bardzo fajnie, aczkolwiek wydaje
mi się, że zbyt sztywno ten telefon się zatrzymuje.
Chciałbym, żeby tutaj troszeczkę zwolnił,
więc może w tym miejscu ustawimy sobie klatkę kluczową tu.
OK, a tu sobie to troszeczkę prostujemy
tak żeby ten telefon sobie ładnie tutaj zwolnił.
Zobaczmy jak to teraz będzie wyglądać.
Bardzo fajnie.
Może przedstawmy to jeszcze w ten sposób, np.
tak, żeby ten balans był jeszcze większy.
A możemy to troszeczkę przerysować, dlaczego nie?
No i tutaj jest mały problem, bo
wystaje nam ta ucięta ręka, więc nie wygląda to dobrze, ale możemy np.
sobie przejść do ścieżek.
I możemy sobie tutaj troszkę przestawić te ścieżki, czyli np.
my to tu.
A i teraz chyba nie będzie już tego problemu.
Fajnie.
Wyjdźmy z edytora grafów i zobaczmy jak teraz to wszystko się obraca.
Może rozciągnij to troszkę w czasie.
A teraz jest zdecydowanie lepiej.
I tutaj mniej więcej w tym miejscu
chciałabym, żeby kciuk już nacisnął przycisk Play.
Możemy zapisać zmiany i zajmiemy się tym w lekcji następnej.
Będę chciał też z animować przycisk Play.
Więc do usłyszenia za chwilę.