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
Przechodzimy teraz do aplikacji Adobe After Effects.
Importujemy tutaj pierwszą scenę
przygotowaną w Ilustratorzy i będzie to scena, w której
dłoń naszego bohatera chwyta za gryf gitary, a następnie wyciąga go z kadru.
W tej lekcji zajmiemy się przede wszystkim
momentem, w którym dłoń zbliża się do gitary.
Następnie przejdziemy na takie bardziej zaawansowane etapy, jak
zawijanie palców wokół gryfu, ale tym oczywiście zajmę się później.
Teraz przechodzimy do After.
Importujemy tutaj pierwszą scenę, więc wybieramy File, następnie Import File
oczywiście i następnie w folderze Gitarzysta w
źródłach wybieramy sceny, a następnie scena numer 1.
Jak zawsze będzie to kompozycja z
zachowaniem rozmiarów warstw, więc wybieramy przycisk Open.
Mamy już naszą scenę zaimportowane jako kompozycję.
Klikamy dwukrotnie, aby do niej przejść i zanim dopasujemy rozmiar kompozycji na
Full HD to chciałbym tutaj przekonwertować odpowiednie warstwy na ścieżki wektorowe.
Czyli będzie to warstwa R1, która jest jakby rękawem.
Klikając na nazwę wybieram klawisz Enter i po prostu nazwijmy to rękaw.
Może w ten sposób i będzie to.
Oczywiście powinno to być przekonwertowane
na ścieżki wektorowe, bo będziemy je animować.
Zbieram Shape Vector Layer ten oryginalny
oryginalną warstwę z Illustratora usunąć palce, front również przekonwertować.
I usuwamy oryginał.
Kciuk też będziemy konwertować i usuwamy oryginał i palce.
BC czyli te palce, które są poza gryfem gitary też chciałbym przekonwertować na
kształty wektorowe, a oryginalną warstwę usunąć.
No i teraz powinniśmy odpowiednio dopinać to wszystko.
Chciałbym, żeby palce prąd były dopięty do kciuka i palce
BC też były dopięte do kciuka, a kciuk, żeby był dopięty do rękawa.
OK, i teraz ustawmy się może np.
w pierwszej sekundzie i 12 klatce i tu wybierzmy sobie pozycję tej warstwy.
Rękaw wybieram na klawiaturze, klikam na
stop, tutaj w tym miejscu ręka chwyci za naszą gitarę.
Przejdźmy jeszcze do ustawień kompozycji.
I tutaj wybierzmy preset Full HD z 24
klatkami na sekundę, czyli 1920x1080 24 klatki na sekundę.
Czas trwania tej kompozycji 4 sekundy.
Na razie zostawmy i background color.
Może wybierzmy sobie biały.
Wybieram przycisk OK i przechodzimy dalej.
Tutaj może zaznaczmy sobie wszystko i przenieśmy delikatnie w tę stronę.
Może.
Może tak.
I teraz tu mamy sekundę i dwunastą klatkę, więc tu
mamy ten moment, kiedy ręka styka się z gitarą.
A przed pierwszą sekundą, czyli może tutaj po prostu sobie to wyciągniemy?
Tutaj oczywiście kciuk musi być dopięty do rękawa.
OK, i tu sobie to wszystko wyciągamy stąd poza kadr i zobaczmy jak to wygląda.
Tutaj oczywiście powinniśmy zwolnić
troszeczkę, więc wprowadźmy sobie Free Assistant i zobaczmy teraz w porządku.
Myślę, że czasowo jest dobrze.
No i teraz chciałbym animować kilka
rzeczy, zanim będziemy animować te palce, które oplatają gryf gitary.
To jeszcze tutaj.
Musimy zreanimować kciuk i rękaw.
Zaczniemy od może od kciuka?
Wybierzmy kciuk outline tutaj interesują
nas oczywiście ścieżki, więc wybieram Path.
Mamy dwie ścieżki.
Może zróbmy sobie tutaj stop w tym miejscu.
OK.
I tutaj chciałbym.
Może gdzieś tu, żeby ten kciuk nam się troszeczkę wygiął.
Więc znasz może ten węzeł i dajmy to w ten sposób, może troszkę?
Okej, może tak.
Dobrze i niech to trwa np.
dotąd.
A tu.
Chciałbym, żeby już kciuk
wrócił do swojego oryginalnego kształtu, czyli żeby to wyglądało mniej więcej tak.
Możemy oczywiście jeszcze tutaj wprowadzić
Izzy, czyli zaznaczam klatki kluczowe prawy klawisz myszy i na dole listy.
Tutaj na samym dole mamy Assistant Izis.
I teraz.
Wygląda to fajnie.
Kolejna rzecz chciałbym animować też rękaw.
Fajnie by było, żeby w momencie kiedy on się zatrzymuje, kiedy to rękaw się
zatrzymuje, żeby ten rękaw się jakoś huśta o tutaj.
Więc wybierzmy sobie rękaw.
Tutaj też interesują nas ścieżki,
wybierzmy pas i myślę, że możemy sobie najpierw troszeczkę tą.
Ścieżkę poprawi ten kształt wektorowy, więc może zróbmy tutaj coś takiego i.
Tu może sobie troszeczkę to prostujemy, a może w ten sposób dobrze.
I tu mamy ten moment, gdzie ręka już hamuje, więc tu sobie klikam na
oba te to płacze przy obu ścieżkach, bo mamy tutaj jeszcze ten element konturu.
OK. No i np.
w tym miejscu chciałabym, żeby troszeczkę ten rękaw może uciekł w tę stronę.
OK, ja sobie jedzie, jedzie, jedzie, jedzie tu i np.
tutaj mógłby się troszeczkę za huśtać. Czyli np.
dajemy go do przodu.
Oczywiście.
Może w ten sposób to zróbmy.
OK.
OK i tutaj troszeczkę im zabijamy.
Czyli zaznaczmy ten węzeł i dajmy go na troszkę, tak?
Tutaj dajemy go troszkę do przodu.
I tu znowu.
Troszkę do tyłu i zobaczmy jak to teraz wygląda.
Myślę, że powinniśmy tutaj zrobić coś
takiego, że przenieśmy to w tę stronę troszkę, a to.
Tak i teraz chyba będzie wyglądać to lepiej.
Wygląda całkiem dobrze, tylko moim zdaniem
tutaj ten rękaw troszkę za bardzo chyba ucieka do przodu.
Więc fajnie się to kiwa.
A jeszcze spróbujmy zobaczyć, czy ISIS nie załatwi nam tej sprawy.
Troszkę jednak za bardzo rękaw ucieka
do przodu, więc delikatnie sobie to zmniejszymy.
Zaznaczmy sobie ten węzeł,
dajemy go do przodu, ale nie aż tak bardzo jak wcześniej.
OK, i tutaj sobie.
Tamto do tyłu.
I tu znowu do przodu i zobaczmy teraz.
Jest zdecydowanie lepiej.
Wybierzmy sobie fit.
I zobaczmy.
Bardzo fajnie.
No i teraz dobrze by było, gdyby te palce zaczęły chlapać tę gitarę.
Myślę, że tym zajmiemy się w lekcji
następnej, więc po prostu zapiszmy sobie nasz projekt.
Ja wybieram File, następnie zapisz jako.
I w źródłach do kursów w folderze Gitarzysta
przechodzę do folderu Animacja, a tutaj mamy już wcześniej utworzony projekt.
Po prostu go napiszę pod nazwą Gitarzysta Projekt wybieramy Save.
I mamy już.
Naszą pierwszą scenę, prawie gotową.
Jeszcze musimy tylko oczywiście te palce
opleść wokół gitary i ręka musi zabrać gitarę, wyciągając ją z kadru.
Ale tym zajmiemy się w lekcji następnej.
Po zapisaniu zmian przechodzimy dalej. Do usłyszenia.