Animacji 2D: Detale
od Podstaw
9 godz. 33 min · After Effects · Grafika motion i 3D
Michał WedlechowiczCzego się nauczysz
- Praca koncepcyjna
- Storyboard
- Tworzenie postaci na potrzeby animacji
- Przygotowanie warstw do animacji
- Animacja Frame by Frame
- Punkty odniesienia i praca ze ścieżkami
- Kompozycja i zapętlanie
- Automatyzacja w animacji
- Plugin DUIK i riggowanie
- Animacja z użyciem kontrolerów
- Animacja twarzy i wprowadzanie emocji
- Udźwiękowienie
- Adobe Media Encoder
- i wiele więcej!
Zasady animacji w praktyce
Pierwszy 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.
Praca koncepcyjna i storyboard
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 Frame by Frame.
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.
Automatyzacja i Riggowanie
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.
Efekty, dźwięk i render
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.
Dla kogo jest ten kurs?
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
Nasza postać jest już gotowa.
Zostały nam jeszcze do narysowania kółka,
natomiast musimy to zrobić oczywiście na osobnej warstwie i np.
niech to będzie weekly Front.
I tutaj jeszcze tylko brakuje nam
literki H i ważne jest, aby kółka miały jakiś element, który będzie się obracał.
Bo jeżeli np.
narysujemy kółko w ten sposób.
Powiedzmy niech to będzie opona.
Teraz to skopiuję, a następnie wkleję w to
samo miejsce czyli command c, a następnie Shift command V i
te kopie sobie zmniejszymy i na przykład damy tu jakiś kolor do środka.
Jeżeli tak to zostawimy i poprawimy to w ruch.
To w żaden sposób nie widać, że to coś kręci.
Musi być to jakiś element, który jest w tle, np.
powiedzmy
jakąś śrubkę tutaj sobie wrzucimy i damy jej inny kolor, jeżeli ją obrócimy.
Jeżeli obrócimy całość, to widać, że to koło się obraca.
W tym momencie widać, że to się obraca.
Wcześniej natomiast tego nie było.
Do tego powinniśmy tutaj wrzucić jakiś element.
A może jeszcze zróbmy jedną kopię Command shift command v
i tą kopię sobie jeszcze zmniejszymy i wrzucimy tutaj jaśniejszy kolor np.
tak OK. Myślę, że to jest fajne.
Jeszcze może to jedna kopia.
OK, zmniejszamy sobie to dajemy pod spód,
a to większe kółko sobie zaznaczę i dam np.
biały kolor ok, albo może.
Wrzuty.
Może będzie fajniej.
Teraz zobaczę.
Narysuję sobie jeszcze jeden element, tam ciemniejszy kolor wypełnienia.
Ustawmy go mniej więcej tu, a następnie chciałbym,
żeby to było coś w rodzaju śrubki, żeby tych śrubek było kilka do okoła.
Dlatego teraz wybieram sobie narzędzie Rotate.
Ustawie sobie punkt odniesienia tutaj na środku tego niebieskiego kółka,
a następnie przytrzymuję klawisz ALT i klikam.
W tym momencie mogę sobie ustawić np.
.
Stopień obrotu wokół tego punktu odniesienia.
Chciałbym, żeby takich kółek było sześć.
A więc musimy obliczyć, o jaki kąt musimy obrócić to kółko, w zasadzie jego kopię.
A więc bierzemy sobie kalkulator.
Wybierzmy tutaj 360 podzielić na 6, co się równa 60.
I wpiszmy sobie tutaj 60 stopni
wybieram kopi a następnie mamy tutaj kopie już odwróconą o 60 stopni.
Wybieram teraz Command D lub Control D.
Na Windowsie tworzę jeszcze jedną kopię i
jeszcze jedną, i jeszcze jedną i jeszcze jedną.
I mamy tutaj pełny obrót dookoła.
Teraz możemy to zaznaczyć zgrupować.
Mamy już pierwsze koło naszej hulajnogi i ustawmy je na miejscu, czyli tutaj.
Okno w tym momencie jest za duże, więc po prostu je spróbuję zmniejszyć.
Może tutaj ten środkowy element powiększymy?
I ustawmy to koło w tym miejscu.
OK.
Tutaj oczywiście musimy dorzucić sobie kopie, więc Alt i Shift przeciągamy
na drugą stronę i musimy tutaj poprawić kilka rzeczy.
Mianowicie tutaj nie chciałbym, żeby ten element stykał się z tym kołem,
więc wybieram narzędzie Direct selection czyli białą strzałkę.
Ewentualnie mogę wywołać to narzędzie klawiszem A na klawiaturze i zaznaczam te
dwa węzły, a następnie przerzuca mnie troszkę wyżej.
W porządku, tutaj jest fajnie całkiem, tylko może co sobie
troszkę odsuniemy i ten cały zespół elementów przeniesiemy np.
tu.
A i teraz chyba jest całkiem dobrze.
Teraz ważne jest też, żeby te koła były na
osobnych warstwach, więc stwórzmy sobie jeszcze jedną warstwę,
dajmy ją pod spód i nazwiemy sobie ją Will Beck Back
i to koło z tyłu wrzucimy sobie na tą nową warstwę, czyli tu w porządku.
I jeszcze jedna rzecz, którą chciałbym dodać naszego bohatera.
Nie chciałbym, żeby był on aż tak bardzo
geometryczny, więc może do tej nogi dorzucimy sobie taką delikatną pupkę.
Więc możemy to zrobić na przykład w taki
sposób, że wybierzmy sobie narzędzie Elipsa.
Stwórzmy sobie taki obiekt tutaj przerzucamy go w tę stronę.
Musimy troszeczkę spłaszczyć, bo wygląda.
Komicznie.
Ale myślę, że coś w tym stylu.
No nie do końca. Spróbujmy to zrobić inaczej.
Zaznaczmy obiekt.
Następnie wybierz sobie narzędzie Pętla.
Stwórzmy jeden węzeł tutaj.
Drugi tu.
Następnie Direct Selection Tool.
Ten węzeł wyciągam w to miejsce.
Tak?
A następnie może spróbujemy sobie to zaokrąglić.
Zobaczmy, jak to będzie wyglądać.
Myślę, że teraz jest zdecydowanie lepiej.
W porządku.
Zapisujemy zmiany i teraz przechodzimy do
tworzenia poszczególnych sekwencji w torze.
Zatem do usłyszenia za chwilę.