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
Wracamy do naszej postaci Tutaj może
jeszcze tylko spróbujemy przetestować kolory z tej trzeciej palety.
One są takie bardziej nasycone i myślę, że to nie jest zły pomysł.
Jeżeli się na nie zdecydujemy, wydaje mi się, że są ok.
Wróćmy teraz do pracy nad naszym bohaterem i tutaj zajmiemy się teraz tą ręką.
Frontową, więc możemy sobie stworzyć nową warstwę.
I pamiętaj, że warto podpisywać warstwy,
zwłaszcza jeśli pracujemy później w aplikacji Adobe After Effects.
Musisz wiedzieć, że
te warstwy, tak samo jak nazwijmy je ilustratorzy, tak samo będą nazywać się.
I to jest bardzo fajne i na pewno nam
pomoże przy odnalezieniu się w gąszczu warstw, jaki będziemy mieli później.
Wybieram teraz narzędzie pętle i narysuję sobie tę drugą rękę.
Tutaj może zrobimy coś takiego, że narysujemy to w takich bardzo
prostokątnych kształtach, jeśli chodzi o ten rękaw.
Później to sobie ładnie zaokrąglić.
A więc może wybieram sobie klawisz A, aby przejść narzędzia Direct Selection Tool?
OK.
I mogę zaznaczać te węzły z osobna.
I teraz zobacz czy zaznaczyłem z te dwa węzły i mogę chwycić co te kółka sobie.
Po prostu ładnie to teraz zaokrąglić i
wygląda to w ten sposób jeśli chodzi o kolor.
Tutaj może skorzystamy z tego czerwonego.
Fajnie i rysujemy dalej rękę naszej postaci, więc wybieramy pętle raz jeszcze.
I może teraz będziemy polegać bardziej na
tym, co podpowiada nam tutaj szkic, więc może zrobimy sobie coś takiego tutaj.
Porządku i tutaj nanosimy palce z altem możemy łamać te węzły.
OK. I tu jeszcze jeden w porządku.
I tutaj może zrobimy coś takiego,
postawimy kolejny węzeł z altem przeciągam po to, aby stworzyć to zaokrąglenie.
I tu możemy sobie już dokończyć tą rękę.
No i teraz jeśli chodzi o kolor, to myślę, że fajnie by było gdybyśmy tutaj kolor
skóry, a żaden z tych kolorów jakoś tam szczególnie tego nie nie oferuje.
Może poza tym, tylko spróbujmy może go wyedytować.
Więc klikam dwukrotnie na niego i możemy sobie tutaj poprawić kilka rzeczy.
Chciałbym, żeby on był właśnie taki bardziej mówiony.
Proszę sobie PW o coś takiego.
Myślę, że możemy wybrać przycisk OK i.
Wygląda to całkiem w porządku.
Teraz jeszcze musimy tutaj dorysować kciuk.
A więc raz jeszcze wybieram narzędzie pętle.
I zaczniemy może stąd.
W porządku i to sobie zamkniemy tą ścieżkę.
Chciałbym żeby ten kciuk był w innym
kolorze, więc może stworzymy sobie nową próbkę.
Wybieram więc ikonkę plusa tutaj troszeczkę sobie to przyciemnić.
Wybieram przycisk OK i w porządku.
Teraz jeszcze
lewy nawias kwadratowy pod wrzućmy to pod spód i tą rękę mamy w zasadzie gotową.
Tylko jeszcze dobrze by było, żebyśmy ten
rękaw wyciągnęli tutaj na wierzch, czyli prawy klawisz myszy.
Następnie wybierzmy sobie Rege i Bring to Front albo Pink Floyd, czyli czyli Command
i prawy nawet kwadratowy, ale musimy to zrobić jeszcze raz.
A i teraz wygląda to dobrze.
Tak, możemy to zostawić.
Narysujemy teraz jeszcze jedną rzecz.
Tutaj oczywiście podpiszemy tę warstwę.
Niech to będzie ręka.
Front zatwierdzamy enterem.
I stworzymy sobie jeszcze jedną warstwę.
Tutaj nazwijmy tę warstwę body i rysujemy teraz.
Korpus naszego bohatera.
Czyli zaczniemy może stąd.
Tu postawimy kolejny węzeł, później to jeszcze zaokrąglone.
Może w tym miejscu bardziej ok i.
Tutaj postawię kolejny węzeł przeciąg i tutaj damy następny, tutaj jeszcze jeden.
Tutaj kolejny i tu sobie możemy to połączyć.
Teraz jeszcze.
Dobrze by było, gdybyśmy tu w tym miejscu sobie zaokrąglić.
Więc wybieram narzędzie,
które mogę wywołać klawiszem A zaznaczam węzeł zaokrągla w ten sposób.
Tutaj może sobie to wyciągniemy troszeczkę bardziej, tu w ten sposób ok, to też
wyciągniemy troszkę i tu też sobie stworzymy jakieś małe
zaokrąglenie i to samo zrobimy tu i w tym miejscu.
Wybieram narzędzie, czyli prostokąt i tworzę sobie prostokąt mniej więcej taki.
Może nie on ma kolor.
Jasno różowy.
Choć może niech to będzie jaśniejsza wersja tego czerwonego, który tutaj mamy.
Albo ewentualnie może ten pomarańczowy też będzie fajnie wyglądał.
Okej, teraz jeszcze zaznaczmy sobie to body tutaj.
Wybieram klawisz A, aby przejść do narzędzia Direct Selection Tool.
Tutaj jeszcze możemy sobie to troszeczkę wyciągnąć i spróbujmy sobie zaokrąglić
tak, żeby nam się tutaj to pasowało do tej ręki.
A i myślę, że teraz wygląda to bardzo, bardzo fajnie.
Jeszcze na przykład możemy przejść do warstwy rękaw front.
I tutaj chciałbym np.
stworzyć sobie jeszcze jakiś element.
Na razie dajmy tu inny kolor.
I teraz wybieram narzędzie pętle raz
jeszcze i stworzę sobie ścieżkę taką bardzo prostą w tym miejscu.
Następnie przejdę do edycji obrysu.
Nie chcę wypełnienia, więc wybieram brak.
Mogę to również zrobić tutaj wybieram
edycję obrysu i tutaj po prostu wybierzemy jakiś ciemno.
A.
Granatowy, ciemno niebieski kolor.
Spróbujmy zwiększyć grubość obrysu strug i zaokrąglamy zakończenia.
W porządku.
Następnie tutaj przywrócimy ten czerwony kolor w ten sposób.
Niech to tak wygląda.
Teraz stworzymy sobie drugą rękę, więc
stworzę sobie kolejną warstwę tutaj pod warstwą body i to będzie ręka back.
Czyli klikam dwukrotnie na nazwę i wpisuję sobie ręka back, czyli ręka tył.
Następnie wybieram biurko, tworzę sobie kolejny element tutaj.
Chciałbym, żeby ten rękaw.
Miał inny kolor.
Może właśnie na przykład taki niebieski?
Dlaczego nie?
W porządku.
I tutaj tworzymy ponownie rękę, więc
ustawmy sobie pierwszy węzeł tutaj, drugi tu.
Kolejny na przykład tu i tu sobie narysujemy już kciuk.
OK, tutaj zrobimy coś takiego na razie.
W porządku, zamykamy ścieżkę.
A kolor?
Oczywiście ten kolor skóry.
Niech to tak wygląda.
Następnie tutaj stworzymy sobie telefon.
Dajmy go troszeczkę wyżej.
Klawiszem V wybieram narzędzie Selection Tool, czyli tą czarną
strzałkę, która pozwala mi na przesuwanie obiektów.
Możemy go troszeczkę zaokrąglić.
Dajemy też ciemno granatowy kolor i teraz stworzymy sobie palce.
Myślę, że palce możemy zrobić za pomocą narzędzia.
Elipsa. Chociaż może zróbmy to inaczej.
Spróbujmy sobie wybrać narzędzie tego typu, czyli prostokąt.
OK.
I teraz zaznaczam wszystkie węzły zaokrąglamy.
Wybiorą sobie tutaj może ten kolor.
Następnie wybieram narzędzie Selection Tool.
Obracam to troszeczkę w ten sposób i ustawmy to może tu.
OK.
Troszeczkę to jest zbyt takie.
Regularne, więc może troszeczkę te
węzły przestawiamy narzędziem Direct Selection Tool.
A.
Może jakaś modyfikacja w tym miejscu?
I teraz altem sobie kopiujemy.
Czyli po prostu przytrzymując alt.
Klikam na dany obiekt i przyciągam
ten palec sobie trochę zmniejszymy w porządku te palce.
W sumie wszystkie możemy sobie zaznaczyć.
Przesunąć np.
tak.
Możemy je połączyć w jeden obiekt
wybierając w panelu Properties z sekcji Pathfinder i Unit, czyli Połącz.
I tu mamy rękę Beck.
Teraz jeszcze możemy stworzyć sobie
przewód, taki kabel, który będzie szedł ze słuchawek do telefonu.
Więc tutaj możemy sobie zrobić nową warstwę na samej górze.
Wybieram ikonkę plusa Create New Layer, czyli nowa warstwa.
Klikam dwukrotnie na nazwę i kable,
a następnie wybieram narzędzie Ołówek, który jest schowany pod pędzlem.
Więc przytrzymuję lewy klawisz myszy.
Napęd Brush wybieram, klikam dwukrotnie na ikonkę ołówka
i ustawię sobie wartość Fidelity na Smooth, tak aby linia,
którą będę rysował była dosyć mocno wygładzona.
Więc wybieram przycisk OK, a następnie rysuję sobie linię tutaj od słuchawek.
Do telefonu mamy ścieżkę narysowaną.
To co teraz chciałbym zrobić, to przejść do edycji obrysu tej ścieżki.
OK.
I wybieram.
Ciemno niebieski kolor możemy zwiększyć grubość np.
do dwóch punktów.
Wyłączmy na razie podgląd ze szkicem.
Tak wygląda nasz bohater.
Wstępnie możemy zapisać zmiany i przechodzimy dalej.