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ść! Witam Cię po przerwie.
Skoro nasz bohater wyjeżdża z kadru i docelowo chciałbym żeby w coś uderzył.
Dobrze by było, żeby jakiś element naszej hulajnogi wrócił
do kadru stosownie do tego co mamy naszkicowane w story boardzie.
Będzie to koło hulajnogi.
I teraz chciałbym, żebyśmy zajęli się tzw.
bands effect w aplikacji Adobe After Effects.
Teraz musimy troszeczkę wydłużyć naszą kompozycję.
No bo spójrz tutaj nasz bohater jedzie, jedzie, jedzie, jedzie.
Wszystko fajnie i jeszcze tu chciałbym dodać tą samą scenę numer 5.
Jeszcze kolejny raz, w której nasz bohater wyjedzie z kadru.
Więc teraz wybierzmy kompozycję, a
następnie ustawienia kompozycji i wrzućmy kompozycję do 30 sekund.
Może. Wybieram przycisk OK?
W porządku, teraz.
Kopiuję scenę numer 5 raz jeszcze wybierając komendę i przesuwam ją tutaj.
Zobaczmy, czy klatki się przypadkiem nie.
Powielają.
Czyli mam na myśli, że po prostu ta kompozycja nie zachodzi na
drugą i wtedy mamy tutaj dwie nogi, więc musimy zadbać o to, żeby tego nie było.
W porządku.
I tutaj nasz bohater już chciałem, żeby wyjechał z kadru.
Może w momencie, kiedy odrywa się od podłoża, bo tutaj w zasadzie przyśpiesza.
Więc tutaj wybieramy P.
Czyli pozycja. Klikam na podpowiedzi, ma animować pozycję
i tu chciałabym, żeby nasz bohater już wyjechał po prostu z kadru w ten sposób.
Może tak i fajnie by było, gdyby zaczął przyspieszać.
Więc musimy przejść do edytora w Editor.
To nas interesuje, interesuje nas pozycja.
Oczywiście musimy rozłączyć wartości X oraz Y.
No i tu chciałbym.
Żeby to może.
Odbywało się w ten sposób.
OK.
Na przykład tak. Dlaczego nie?
Tutaj niech to będzie bardziej jednostajne.
Może delikatnie przyspieszymy to.
I zobaczmy.
Bardzo fajnie to wygląda.
Jeśli wydłużamy tutaj ten węzeł, to możesz
zauważyć, że tu zwiększa się liczba klatek i on będzie dużo wolniej startował.
Następnie bardzo gwałtownie przyśpieszy.
Myślę, że startuje za wolno, więc musimy ten węzeł troszeczkę sobie.
Skrócić ok.
Teraz wygląda to dobrze.
Zapiszmy zmiany.
Jeszcze jedna rzecz.
W momencie, kiedy nasz bohater wyjeżdża z kadru, to chciałbym, żeby wjechał tutaj
ten widoczek z miastem, więc myślę, że sobie kopiujemy tę warstwę z City.
Scena Wyjdźmy jeszcze z Graph Editor.
To nas interesuje w tym momencie i zaznaczmy tutaj to City scena Command D
i chciałbym, żeby tutaj to miasto nam się pojawiło w momencie kiedy nasz bohater.
Zaczyna wjeżdżać w kadr, to tutaj to miasto oczywiście powinno.
Kiedy nasz bohater wyjeżdża z kadru, to
tutaj to miasto powinno wjechać, więc tu ustawimy jego.
Końcową pozycję, czyli tom około.
Te klatki kluczowe.
Usuńmy.
I tu nasze miasto wyjedzie stąd.
Myślę, że fajnie to wygląda.
Dobrze, tak, tu zostawmy miasto jako Belgrad.
Wróćmy sobie do końca całej kompozycji, czyli do tej trzydziestej sekundy.
I teraz musimy sobie oczywiście
zaimportować scenę numer 6, która w Ilustratorzy przedstawia się w ten sposób.
Mamy tutaj to miasto i jedną warstwę z kółkiem.
Myślę, że miasto już mamy, więc tutaj w
ilustratorzy po prostu tę warstwę psychiki sobie usuniemy.
Zaznaczam ją, wybieram ikonkę koszyka w
panelu Layers i ograniczymy się tutaj tylko do tego kółka.
Zapiszmy zmiany, mamy jedną warstwę.
Bardzo dobrze.
Wracam do aplikacji Adobe After Effects i
tutaj wrzucimy sobie tę scenę numer 6, wybierając File, następnie Import File.
I wybieram scena numer 6.
Oczywiście kompozycja z zachowaniem warstw.
Nie tworzymy żadnej kompozycji, ponieważ
ona już będzie stworzona i nie tworzymy żadnej sekwencji.
Wybieram Open.
Mamy tutaj naszą scenę numer 6.
Klikam dwukrotnie, aby przejść do tej kompozycji.
Ona oczywiście sprowadza się tylko do tej jednej warstwy z kółkiem.
Tutaj będę chciał wprowadzić obrót, więc wybieram R, czyli rotację
i tutaj przeniesiemy się na koniec i wpiszemy sobie 20 20 stopni.
Zobaczymy jak wygląda obrót tego koła.
Ono daje nam takie dziwne,
dziwne obrót w prawo, więc ustawmy wartość minus ową, bo chciałbym żeby nasze koło
wyjechało stąd, więc ono powinno się kręcić w lewą stronę.
Więc ustawmy sobie minus 20 i zobaczymy jak to będzie wyglądać.
Teraz wygląda dużo lepiej.
OK, jako że to koło później.
Będzie jeszcze modyfikowane w inny sposób będę zmieniał jego pozycję.
Chciałbym, żeby ono w lecie wleciało do kadru z prawej strony.
Odbijało się jak piłeczka i wyleciało tutaj z lewej strony,
więc chciałbym, żeby to koło było osobną kompozycją już z tym obrotem,
więc stworzymy sobie z tego koła osobną kompozycję.
Prawy klawisz myszy wybieram plikom pole, tutaj upewniam się, że mam włączony Mów o
atrybucji new, czyli wszystkie atrybuty tego koła, czyli
jego obrót w tym przypadku będą w tej nowej kompozycji, nazwijmy to ul
final na przykład wybieram przycisk OK i teraz będę animować tą kompozycję, czyli
po prostu będę tutaj zmieniał pozycję i inne rzeczy.
Ale jak widzisz rozmiar tego koła
zwiększył się, a w zasadzie rozmiar tej warstwy zwiększył
się do rozmiaru naszego kadru, czyli ma 1920 1080 pikseli.
Chciałbym, żeby to było dużo mniejsze, żeby generalnie miało rozmiar tego koła.
Ta kompozycja, którą teraz stworzyliśmy,
więc klikam dwukrotnie, aby do niej przejść.
Mam tutaj filtr Final.
Następnie wybieram.
Region of interest, czyli punkt skupienia.
Czy obszar skupienia i skierujemy tą kompozycję w ten sposób.
OK.
I teraz wybieram kompozycję, a następnie komp.
Trio of interest, czyli z kadru i kompozycję do tego pola, które teraz
zaznaczyliśmy, czyli do tego obszaru skupienia wybieram tą opcję.
I dokładnie tak to powinno wyglądać.
Wracam do sceny numer 6 i teraz jak
widzimy, tak w tym momencie wygląda ta kompozycja.
Czyli ona składa się z obracającego się w
lewą stronę koła o takim małym rozmiarze warstwy OK.
I teraz będziemy wprowadzać oczywiście
animacje pozycji, więc wybieram te na klawiaturze.
Następnie.
Na początku ustawiam koło tutaj.
Klikam na stop.
Przenieśmy się może do pierwszej sekundy tutaj.
Proponuję, żebyśmy tylko
skrócili czas trwania tej kompozycji, bo ona ma 30 sekund.
Więc wybierzmy kompozycję, kompozycję, settings i tu ustawmy może 4 sekundy.
Będzie w porządku i może od razu biały kolor tła.
OK, to samo możemy zrobić tutaj, w tym finale.
To jest oczywiście to trwa za długo. 30 sekund?
OK, może zostawmy to.
Skupmy się na tym, co mamy tutaj.
Oczywiście rozpoczynamy stąd, ponieważ tutaj nasze koło wleci w kadr.
Ustawmy plakat na pierwszej sekundzie i tu mamy pierwszą pozycję tego koła.
Tu oczywiście powinniśmy wprowadzić taki głupkowaty raczej.
Ruch ten sposób.
Postawmy się teraz tutaj, na drugiej
pozycji, na drugiej sekundzie i tu nasze koło powędruje w ten sposób.
Oczywiście tu z altem musimy złamać
ten węzeł około i na trzeciej sekundzie nasze kółko sobie wyleci ładnie z kadru.
W ten sposób też musimy oczywiście wprowadzić ten
głupkowaty ruch, więc możemy spod pędzla wybrać sobie
narzędzie Convert Vertex Tool i wprowadzić właśnie te dodatkowe węzły.
Wybieram teraz narzędzie selekcji i z
altem łamiemy sobie ten węzeł, aby stworzyć mniej więcej taki.
Rezultat.
No i teraz zobaczmy jak to wygląda.
Moglibyśmy pokusić się tutaj o jakiś leasing, ale tym zajmiemy się za chwilę.
To na czym ja chciałbym się tutaj teraz skupić to.
Troszeczkę spłaszczyć sobie nasze koło w momencie kiedy uderza w ziemie.
Czyli będziemy edytować skalę ok.
Ustawmy sobie tutaj stop.
Następnie może przeniesiemy go tu.
Następnie w momencie kiedy
nasze koło uderza o ziemie to chciałbym, żeby było spłaszczone, więc
włączmy sobie tutaj proporcje dla skali w pionie i poziomie.
Troszeczkę sobie spłaszczyć by nasze koła.
Na przykład tak.
OK.
I tu w tym momencie chciałbym żeby wróciło
do swojego naturalnego rozmiaru, czyli tą pierwszą klatkę kluczową.
Skopiuję command c i command v tutaj wklejamy.
Czyli mamy.
Taki fajny bonus.
Fajnie to wygląda.
Możemy sobie zaznaczyć te klatki kluczowe
command c ustawimy się tutaj command v wklejamy.
Zobaczmy jak to wygląda.
Moim zdaniem bardzo fajnie.
Może nawet nie trzeba ich tutaj wprowadzać.
Może tą początkową pozycję sobie troszkę zmienimy.
Ustalmy to mniej więcej tak.
I może jeszcze niech to będzie trochę bardziej wygładzone.
Zobaczmy teraz.
Super Command.
Zapisujemy zmiany i spróbujmy sobie to przerzucić do naszej finalnej kompozycji.
Czyli tutaj komp.
Nasz bohater wyjeżdża z kadru.
Chwilę, chwilę, nic się nie dzieje i teraz powinno wpaść tutaj.
To nasze koło, czyli scena numer 6.
OK. A i jeszcze to co musimy zrobić to
skopiować sobie dwa efekty czyli turbo display i postaraj
się Zaznaczam sobie z Shift em te dwa efekty command c.
Następnie zaznaczam naszą scenę numer 6 tutaj tą odpowiednią warstwę i command v.
OK, może przesuniemy to koło troszkę
niżej, No bo zobaczmy nasz bohater jedzie tutaj.
W tym miejscu jest grunt, więc dobrze by było, żeby to koło mniej więcej też w tym
samym miejscu się odbijało, więc po prostu całą tą kompozycję przeniesiemy sobie tą.
Bardzo fajnie to wygląda.
Zapiszmy zmiany i możemy teraz śmiało przejść do lekcji następnej.