Animacji 2D: Synchronizacja scen i efekty
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
OK, mamy już trzy sceny
naszej drugiej animacji i chyba jest to dobry moment, żebyśmy stworzyli nową
kompozycję i spróbowali połączyć te trzy sceny w całość, a następnie dodamy
kilka efektów, które myślę, że całkiem fajnie wpłyną na odbiór naszej animacji.
Myślę, że mając już scenę numer 1, 2 oraz 3 możemy przejść do zmontowania ich razem.
Później oczywiście zajmiemy się jeszcze
sceną numer 4, ale zobacz, ja tutaj dorzuciłem do
projektu plik RUM, który również znajduje się w źródłach.
Wystarczy, że wybierzemy File, następnie Import file i mamy tutaj.
W folderze Gitarzysta mamy oczywiście sceny.
I tutaj poza tymi czterema scenami mamy jeszcze plik rum, to daje to jako wtyczkę,
czyli po prostu jako osobną warstwę Illustratora sklejone.
W jeden obraz to już tutaj dodałem i po prostu umieszczam sobie tutaj.
Oczywiście dajmy to tu pod naszego
gitarzystę i może przeniesiemy to troszeczkę niżej.
Możemy sobie delikatnie powiększyć.
Wybieram S na klawiaturze i np.
dajmy to tu.
Może troszeczkę zmienimy o passive, czyli dodamy za jakąś transparentność.
Więc wybieram te i zmniejszę do powiedzmy 90% delikatnie, żeby nam się troszeczkę to
odznaczało od żeby nam się tak nie zrywało z naszym gitarzystą.
No i jeżeli to jest powiększone to
jest to wektor i oczywiście możemy to uwzględnić w after, tak żeby
after wyświetlał to w pełnej rozdzielczości jako wektor.
Wystarczy, że zaznaczymy tę ikonkę.
Continuous i Rise.
OK, no i teraz wygląda to dobrze.
Musimy sobie to jeszcze raz.
W porządku.
I teraz zobacz numer 1.
Też dodałem sobie ten nasz pokój tutaj.
Dosyć mocno to powiększyłem, bo tutaj
chciałem, żeby ta gitara była oparta o szafkę, która jest.
W tym miejscu.
OK.
No i dostałem numer 2.
Też dodałem sobie nasz pokój w tle.
To jest dosyć mocno powiększony.
Zobacz.
To 200.
Do 200.
Może troszkę to zmniejszymy i przesuniemy sobie może w ten sposób?
Może niech ktoś ktoś trochę będzie tego kwiatuszka w ten sposób będzie fajnie.
No i oczywiście musimy zaznaczyć tutaj tę
ikonkę, no bo bez tego będziemy mieli tutaj taką pikseloza bardzo brzydką.
Jeżeli się tutaj przybliżymy do stóp, to widzimy co się dzieje.
Natomiast jeżeli wybierzemy sobie tę
ikonkę, no to teraz wyświetlane to jest jako wektor i.
Mamy dużo lepszą jakość.
I dodamy sobie teraz nową kompozycję wybierając New Composition.
Będzie to na przykład
kompozycja o nazwie Final Comp HDTV,
ale 80 t, ale 24 klatki na sekundę.
Następnie ustawmy sobie tutaj całość trwania tej kompozycji na 30 sekund.
OK, możemy sobie tutaj.
Rozdzielczość wybrać jako full, czyli
będzie to wyświetlane w w pełnej jakości w rozdzielczości Full HD.
Teraz możemy wybrać przycisk OK.
Tutaj oczywiście dodamy poszczególne sceny, czyli scenę numer 1.
I tu możemy ją troszeczkę skrócić, może do momentu jak gitara jest.
Zabrana.
Jak już znika z kadru, to sobie to po prostu skrócimy.
I tu rozpocznie się scena numer dwa.
Gdzie chciałbym,
żeby ona startowała od momentu, kiedy gitara zaczyna się podnosić, czyli np.
stąd to studiowanie synchronizują się.
Bardzo fajnie to wygląda.
I tu jak już się w zasadzie struny przestają ruszać, to możemy.
Skrócić. OK.
No i teraz czas na scenę numer 3.
OK, myślę, że wygląda to fajnie.
No i oczywiście została do animowania scena numer 4.
Więc jak widzisz, ja tutaj już.
T Ten plik z CD numer 4 zaciągnąłem sobie do Astera.
Tutaj oczywiście możemy przejść do ustawień kompozycji.
Niech to będzie naturalnie Full HD 24 klatki na sekundę.
Czas trwania może powiedzmy 6 sekund.
Biały kolor tła.
OK.
Następnie całość możemy sobie tutaj jakoś przenieść.
W ten sposób np.
i dodajemy sobie tutaj.
Ten pokój jest zdecydowanie za mały.
Gram S na klawiaturze, powiększam dosyć
mocno i ustawmy to tak, żeby nogi były ustawione na tym dywaniku.
Może troszkę bardziej powiększymy to.
Jakoś w ten sposób.
No i oczywiście żeby nie mieć tutaj tej
pikseloza, to po prostu zaznaczam tą ikonkę.
I teraz wygląda to fajnie.
Myślę, że możemy teraz przejść do
następnej, w której będziemy już dodawać ruch do tej sceny.
Ale zanim jeszcze do tego przejdziemy, to
spróbujmy wrócić do tej naszej finalnej kompozycji.
Tutaj kilka efektów.
Przejdźmy do Effect Preset i wybierzmy sobie tutaj post.
Teraz Time i chciałbym, żeby tutaj to było wyświetlane jako 12 klatek na sekundę.
OK. Ten sam efekt dodamy sobie do tych
pozostałych kompozycji, czyli do sceny numer 1 i do sceny numer 2.
No i jeszcze jest jeden efekt, który
chciałabym tutaj dodać, czyli tu bullet display.
Ale oczywiście nie tak jest.
Nie z takimi ustawieniami.
Sith ustawmy sobie może na 2.
Może tutaj przybliżymy się dosyć mocno do naszej kompozycji.
200%.
OK.
Już jest to dużo mniejsze, ale jeszcze tą wartość ma.
Delikatnie poprawny, może do 20.
OK.
No i mam jeszcze Evolution obszerny i random random seed a klikam na to z
wciśniętym klawiszem Alt i wpiszemy sobie tutaj time razy może 50.
Chyba troszeczkę za szybko się to rusza.
Spróbuj inną wartość tam razy trzydzieści.
No i oczywiście musimy dać potem poster time, żeby ten efekt poster real time,
czyli wyświetlanie 12 klatek na sekundę działało też na turbulencji z please.
OK, fajnie się to rusza.
Może troszeczkę sobie tutaj ten rozmiar zwiększymy, ale nie, to chyba przesada.
Stachu, tutaj może 3.
I tu ma.
Może 25 28.
Tak teraz wygląda to dużo lepiej.
Ton ten turbulencji kopiemy, czyli zaznaczam ten efekt command c.
Ustawiam sobie tam naszą pozycję numer 2 i tutaj też to wkleję.
Zobaczmy jak tutaj to wygląda.
Też fajnie, ale postrach całej musimy sobie dać niżej.
OK.
I mamy też jeszcze całą kompozycję, tę scenę numer 1.
Tutaj też sobie to wrzucimy.
Koment v.
Upewniam się, że efekt poster jest pod Tumblr Display.
Tak, żeby to wyświetlanie dwunastu klatek
na sekundę działało również na ten efekt zniekształcenia.
Tu jeszcze musimy wrócić do domu.
Aplikacja do ilustrator.
Wybieram scenę numer 3.
I tutaj musimy usunąć te punkty.
Może nie będę ich usuwał, tylko po prostu wyłączę ich podgląd.
Zobaczymy czy After sobie z tym poradzi. OK.
Zapiszmy zmiany czy też after usunie to tutaj z tego.
Tak, usunął te znaczniki z zawiasami.
Nie ma tego i wygląda to fajnie.
Dobrze. Komandos zapisujemy i przechodzimy do
kolejnej lekcji, w której chyba już czas na scenę numer 4.
Powinniśmy te elementy również wprawić w ruch.
Zatem do usłyszenia za chwilę.