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
Cześć! Przechodzimy teraz dalej.
Chciałbym, żebyś w tej lekcji z animowania przycisk.
Bo dobrze by było, żeby się z nim coś działo.
Żeby on zareagował jakoś na dotyk palca naszego bohatera.
Chciałbym, żeby właśnie jakiś ruch tam się pojawił.
Będziemy pracować ze skalą i ze ścieżkami wektorowym, więc wracamy do pracy.
Okej, wracamy do pracy.
Fajnie by było gdybyśmy teraz zanim uwali
ten przycisk, fajnie by było, żeby coś się z nim działo.
Natomiast jest jeszcze jedna rzecz, która tutaj, na którą warto zwrócić uwagę.
Mam tutaj taki ban z tego telefonu, tak że on troszeczkę przesadza z tą swoją pozycją
i później powraca do tej, do tej końcowej pozycji.
Wszystko tutaj okej, natomiast zasada jest taka, że
jeżeli wprowadzamy tutaj taki balans, to ten końcowy balans, jeśli możemy tak
nazwać, ten powrót do końcowej pozycją powinien być troszeczkę dłuższy,
rozciągnięty bardziej w czasie, tak jak np.
w tym kablu.
Zobacz, on się później rusza coraz wolniej.
Wiesz dokładnie o coś takiego chodzi.
I to samo musimy zrobić z tym telefonem.
Po prostu to ten powrót do końcowej pozycji, czyli do
tej troszeczkę sobie rozciągnięty w czasie, np.
tak.
I zobaczmy teraz, jak to wygląda.
Znacznie lepiej.
Myślę, że to samo możemy zrobić z tym kablem.
On już wygląda fajnie, ale możemy to jeszcze troszeczkę rozciągnąć w czasie.
Zobacz jeszcze warstwę kabli Apple i tutaj
oczywiście wpiszemy pas, bo to nas interesuje i.
Jeszcze sobie coś ściągniemy w czasie troszkę na pewno będzie lepiej wyglądać.
Super.
Dobrze, zajmijmy się teraz tym przyciskiem.
Fajnie by było, żeby coś się z nim działo i możemy zauważyć, że tutaj w tym miejscu
mamy klatki kluczowe na warstwie kciuk, które wprawiają w ruch delikatny ruch.
Ten telefon w momencie kiedy nasz bohater tutaj naciska na ten play.
OK, zróbmy coś tutaj właśnie w tym miejscu, czyli
wybierzmy sobie warstwę Baton Active i chciałbym go przeskalować troszeczkę.
Więc wybieram S na klawiaturze.
Będę animować skalę.
I tu trochę sobie ten przycisk powiększymy np.
do 20% i skupimy tą początkową klatkę kluczową c.
I tutaj.
V.
Zobaczmy jak to wygląda.
Fajnie, Tutaj jeszcze tylko leasing.
I jeszcze jedna ważna rzecz, która jest typowa dla takich interfejsów muzycznych.
W momencie kiedy nasz bohater odtworzy muzykę, no to fajnie by było, żeby ten
przycisk Play zamienił się na przycisk pauzy, czyli takie dwie białe kreski.
Zróbmy to teraz, więc jesteśmy na warstwie Baton out Lines.
Wpiszmy sobie tutaj pass.
Oczywiście.
OK, mamy dwie ścieżki.
Jedna to jest ten trójkąt, a druga to jest koło.
To koło to w zasadzie zostawimy, nie będziemy nic robić.
Natomiast ja tutaj dodam jeszcze jedną ścieżkę wybierając narzędzie
Tool i narysuję jeszcze jeden obiekt wektorowy w tym miejscu.
OK, ma on białe wypełnienie obrysu.
Nie chcemy, wybierzmy sobie brak.
No i.
Narysujemy sobie jeszcze jedną taką.
Ścieżkę, ale może to za chwilę.
Zobacz, ja tutaj ustawię sobie klatkę kluczową na tym prostokącie.
Tylko że zobacz teraz.
Jest to rozumiane przez autora jako
prostokąt, więc powinniśmy zobaczyć co to mamy wewnątrz.
Mamy reg tego paf i wybierzmy Convert Cubes.
I teraz mamy tutaj path.
Jest to rozumiane teraz przez aplikację właśnie jako ścieżka
i to co chciałbym zrobić to teraz po prostu ustawimy sobie tutaj stop.
Mamy klatkę kluczową.
Ja sobie tą klatkę kluczową skopiuję.
Zaznaczam ją i wybieram command c. OK?
Następnie będę chciał zająć się tym trójkątem.
I tutaj np.
w tym miejscu ustawię sobie 100 płotów na ścieżce.
OK.
I tu wkleję sobie tą klatkę kluczową, którą skopiowałem z prostokąta.
I teraz zobacz ten trójkąt zamienia się w prostokąt.
A prostokąt możemy usunąć.
Po prostu zaznaczam go tutaj na warstwie i wybieram klawisz Delete albo Backspace.
OK, wygląda to w ten sposób.
Zaznaczmy to wszystko wybierzmy sobie
narzędzie selekcji, OK i może przesuniemy to troszeczkę tutaj.
Bardzo fajnie się animuje, w porządku
i oczywiście potrzebna nam jest jeszcze druga taka biała kreska obok, więc może
skupimy sobie tą grupę wybierając Command D.
I mamy już drugą grupę.
Tutaj po prostu też nas interesuje ta ścieżka.
Natomiast zaznaczę sobie tą klatkę, drugą klatkę kluczową i po prostu.
Przesuwam to tutaj.
Zobaczmy jak się to teraz animuje.
Fajnie. Tylko jeszcze wprowadźmy ISIS.
I fajnie by było, żeby to po prostu było wcześniej, czyli
mniej więcej tutaj, gdzie nasz przycisk się powiększa, czyli np.
tu.
Może troszeczkę to przyspieszymy w czasie.
Bardzo fajnie.
Ustawmy sobie tutaj fit.
I odpalamy całość.
Jestem jak najbardziej zadowolony z tego efektu, ale jeszcze zanim przeskoczymy do
czwartej sceny, to chciałbym tutaj wprowadzić jeszcze jeden fajny efekt
takich refleksów w szkle w szybie tego telefonu.
Więc koniecznie zapiszmy zmiany i
przechodzimy teraz śmiało do lekcji następnej.