FreshMail.pl
00-otwarcie

Jak się robi animację? Case study – film AUDE

W teorii animacja filmu może zdawać się banalnie prosta. Gdy jednak zagłębimy się w proces jej powstawania i przyjrzymy się każdemu etapowi z osobna, odkrywamy, że wymaga nie lada zręczności, czasu, prób i cierpliwości.
O AUTORZE

Qlio

Zaprawiony w graficznych podbojach świata, przywiązany do szczegółów, wrażliwy na niedolę kociego życia fan zombie. O każdej porze dnia i nocy służy dobrą radą i okolicznościowym żartem. W chwilach wolnych od tworzenia grafiki i dokarmiania kotów słynie z gotowania i grania na playstation.

★ 7 minut czytania

Poszczególne etapy i problemy pojawiające się w trakcie tworzenia animacji przedstawiamy na przykładzie 29-sekundowej animacji o naszej agencji.

Tworzenie postaci i sceny

Gdy mamy gotowy scenariusz i storyboard (czym są i jak powstają, dowiesz się z artykułu “Najważniejsze elementy animacji”)możemy przystąpić do tworzenia elementów, z których składają się sceny.

ilustracja-01
Obraz z podstawowymi elementami animacji.

W ramce z narzędziami widać paletę warstw obrazka – każdy element jest na osobnej warstwie, ustawiony w odpowiedniej kolejności. Każdy element znajduje się we właściwych miejscach na scenie, wyjątkiem są obiekty ruchome, czyli człowiek, kot i nietoperze.

Po zbudowaniu sceny podstawowej budowane są sekwencje ruchu.

ilustracja-02

Budowanie ruchu na przykładzie kota

Komplet sekwencji ruchów kota i gotową animację jego poruszania się po scenie obrazuje oś czasu oznaczona cyfrą 1. Podgląd sceny oznaczony jest cyfrą 2. Czerwień wypełniająca większość sceny oznacza przezroczystość (kontrastowy kolor ułatwia budowanie sekwencji ruchu).

Lewa strona osi przedstawia kolejne warstwy animowanych obiektów. Większość tej palety zajmuje właściwa oś czasu, podzielona na poszczególne klatki animacji. Cała animacja kota zajmuje 300 klatek, ułożonych tak, aby na sekundę wyświetlanych było 25 (przy takiej prędkości ludzkie oko widzi płynny ruch). 300 klatek daje więc w sumie 12 sekund. W części z warstwami widoczne są wszystkie elementy tego fragmentu animacji, ułożone w odpowiedniej kolejności. Na osi czasu następują one po sobie:

kot laduje seq– warstwa zaczyna się w 1., a kończy w 26. klatce;

kot idzie seq– warstwa zaczyna się w 27., a kończy w 265. klatce.

ilustracja-03

W klatkach 100. i 150. pojawiają się kropki – po dwie obok siebie (na początku i na końcu). To tzw. klatki kluczowe, oznaczające najważniejsze zmiany w animacji konkretnej warstwy. Tu oznacza to, że sekwencja kot idzie seq jest widoczna do klatki 100., a w 101. staje się niewidoczna.

ilustracja-04

Jednak tym miejscu, na warstwie wyżej, pojawia się sekwencja kot wygina sie seq, która trwa do klatki 149. I w tej właśnie klatce – ale w sekwencji kot idzie seq – jest niewidoczna, a w klatce 150. znów ją widać.

ilustracja-05

Jest to konieczne, aby sekwencja kot idzie seq nie była widoczna w momencie pojawienia się kota, który się wygina.

Sekwencja ruchu

Oznacza ona animację zawierającą kolejne fazy ruchu obiektu. Na przykładzie sekwencji kot idzie seq wygląda to tak:

ilustracja-06

Warstwa wypełniona klatkami od 1. do 24. oznacza, że cała sekwencja ruchu idącego kota trwa sekundę. Każda z klatek kluczowych (tych z kropkami) jest kolejnym rysunkiem kota obrazującym jego kolejny ruch. Cała sekwencja ruchu kota składa się w tym przypadku z ośmiu rysunków:

ilustracja-07

Najlepiej rysować je na kolejnych warstwach, w tym samym miejscu, w którym narysowany jest kot w poprzedniej fazie ruchu. Ułatwia to właściwe umieszczenie kolejnych faz ruchu w sekwencji, w odpowiednich miejscach. Łatwiej też narysować kolejną fazę ruchu, widząc w tym samym miejscu poprzednią.

ilustracja-08

Warto na chwilę zmienić kolor kota na poprzedniej warstwie – wtedy dokładnie widać, jak zmieniają się kształty:

ilustracja-09

Z tak zbudowanej sekwencji ruchu projektujemy animację kota:

ilustracja-10

Powyższy screen pokazuje sekwencję kot idzie seq na osi czasu, zaczynającą się w 27. klatce i obrazującą przesunięcie kota na scenie w 73 klatkach (pomiędzy 27. i 100.). Sekwencja trwa niecałe 3 sekundy, a odegrana zostaje odrobinę więcej niż 3 razy. Dzięki przesunięciu w lewo sekwencji na scenie, odtwarzając ten fragment animacji, widzimy idącego w kierunku środka sceny kota. Tak właśnie buduje się poszczególne etapy animacji – za pomocą kolejnych sekwencji ruchu. W tym przypadku jest ich 6. Ułożonych tak, aby kot przeszedł przez całą scenę, a na środku się wygiął.

Analogicznie buduje się wszystkie inne animowane obiekty. Ich sekwencje różnią się od siebie. Każda może mieć inny czas, ruch czy stopień skomplikowania. Na przykład sekwencja faz księżyca zajmowała na początku 371 klatek, ale ostatecznie została zredukowana do 185. Aby wyglądała dobrze, trzeba było wykorzystać mnóstwo następujących po sobie rysunków księżyca, co było praco- i czasochłonne (jak długo to trwa, dowiesz się tu). Efekt końcowy jest jednak wart tej pracy.

Etap budowania sekwencji to czas na próby i poprawki. Sekwencje muszą być płynne i efektowne. Jeśli nie są, trzeba je przygotowywać od nowa, testować, sprawdzać i poprawiać aż do skutku.

Zbudowane sekwencje wszystkich animowanych obiektów mają różną długość, wielkość i miejsce ułożenia na scenie. Aby ze sobą współgrały i stworzyły animację, potrzebny jest…

Montaż

ilustracja-11
Pierwszy montaż animacji.

Znów na górze mamy oś czasu, po lewej stronie widać warstwy animacji, a w centralnej, największej części – sekwencje. Obrazek pokazuje skończony pierwszy montaż finalnej wersji animacji. Jej elementy składowe są poukładane we właściwych miejscach na osi czasu i na odpowiednich warstwach tak, aby się nie przesłaniały. Mają odpowiednie długości i jest im nadana właściwa prędkość odtwarzania.

Przykład montażu w praktyce

Na warstwie czlowiek sekwencja czlowiek.mov, widoczna nieopodal prawej strony obrazka, odtwarzana jest z prędkością 130%, czyli szybciej od oryginalnej prędkości sekwencji, i zajmuje 88 klatek (oryginał mieścił się w 99) – długość i prędkość odtwarzania została dostosowana w czasie montażu, by całość była harmonijna. Na warstwie kot widać, że poszczególne sekwencje ułożone są jedna po drugiej oraz że kolejne sekwencje mają różne czasy. Dobór prędkości odpowiada za dynamikę poszczególnych elementów animacji. To czasochłonny etap, wymagający wielokrotnych prób. Dopiero w tym momencie może się okazać, że sekwencje, które wyglądają bardzo dobrze odtwarzane osobno, nie współgrają z innymi. Może wtedy się okazać, że trzeba budować je od nowa lub wykonać poprawki. Niewłaściwe przycięcie sekwencji, zmiana prędkości odtwarzania choćby o ułamek sekundy czy jedną klatkę mogą spowodować brak płynności.

Render animacji

Po odpowiednim ustawieniu wszystkich elementów przychodzi czas na zrobienie pierwszego pełnego rendera animacji – wygenerowanie właściwego filmu. W tym momencie można obejrzeć całość animacji, wyciągnąć wnioski i zastanowić się, co chcemy zmienić lub poprawić.

ilustracja-12

W przypadku naszej animacji po renderingu okazało się, że czcionki, które wyglądały dobrze jako osobne elementy, były zbyt delikatne, a sam tekst nie pasował do obrazu, był za długi – trzeba było napisać go od nowa. Czcionka została zmieniona na mocną, by była czytelna także na ekranie telefonu komórkowego. Wymagało to stworzenia nowych sekwencji ruchu tekstu i sposobów jego animacji. Na tym etapie animacja księżyca została zredukowana do 185 klatek. W efekcie mamy bardziej dynamiczny i harmonijny efekt.

ilustracja-13

Po osiągnięciu zadowalającego efektu pierwszego montażu (po kilkukrotnych renderach animacji i poprawkach w jej kolejnych fragmentach), można było rozpocząć  montaż końcowy.

Ostateczny montaż i dźwięk

ilustracja-14
Fragmenty animacji, pod którymi znajdują się zielone pola dźwięków.

W finalnym montażu niektóre fragmenty animacji zostały przyspieszone (ikona zająca). Górna, niepodzielona, zielona warstwa to tło dźwiękowe animacji. Dolne fragmenty uzupełniające animację, właściwe dla tego, co w konkretnym miejscu dzieje się na scenie, efekty dźwiękowe (miauknięcie kota, odgłos lecących nietoperzy itp.). Zaokrąglone przyciemnienia oznaczają, że dźwięk narasta lub cichnie podczas odtwarzania. Pozwala to miękko wprowadzić lub zakończyć odtwarzanie dźwięku. To kolejny element dynamizujący film.

W czasie ostatecznego montażu może okazać się, że należy wrócić do poprzedniego montażu, by dokonać niezbędnych do odpowiedniego zdynamizowania lub przycięcia poprawek. Animacja AUDE na tym etapie została skrócona z 41 do 29 sekund, zdynamizowana i wzbogacona o efekty dźwiękowe.

Dobór odpowiedniego tła dźwiękowego ma ogromne znaczenie dla odbioru i jakości animacji. Musi być idealnie umiejscowiony i korespondować z dynamiką obrazu, tak, aby animacja była atrakcyjniejsza i przyjemniejsza w odbiorze. Jest to praca oparta na tych samych zasadach, co praca z obrazem. Budowanie sekwencji obrazu można porównać do obróbki nagranego materiału, natomiast montaż różni się tylko tym, że zamiast następujących po sobie sekwencji animacji pracujemy z obrobionymi nagraniami.

W przypadku korzystania z sampli (gotowych próbek dźwięku – typu miauczenie kota) udźwiękowienie animacji zajmuje zdecydowanie mniej czasu niż w przypadku, gdy zmuszeni jesteśmy produkować dźwięk od początku. Znalezienie w banku gotowego dźwięku wiąże się z przesłuchaniem wielu próbek, jednak zajmuje to mniej czasu niż nagrywanie i obróbka dźwięku. Dobrane sample trzeba wmontować w odpowiednich miejscach animacji i właściwie zdynamizować.

Udźwiękowienie animacji wiąże się więc z dodatkowym potrzebnym czasem, o którym nie należy zapominać, nawet jeśli nie produkujemy dźwięku od zera, etapu jego montażu nie da się uniknąć.

Kategorie: school of contentic

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

ZAPISZ SIĘ NA NASZ NEWSLETTER


Wartościowy artykuł raz w tygodniu na Twoją skrzynkę.

Zero spamu. Przestaniemy być ciekawi, wypiszesz się w każdej chwili.

Oświadczam, że dane podaję dobrowolnie w celu zapisania się do newslettera, a Administrator danych – spółka AUDE sp. z o.o. z siedzibą w Warszawie (02-620), ul. Puławska 118A, KRS 0000216511, REGON 015796792, NIP 5252306020 – przekazał mi informacje, o których mowa w art. 13 ust. 1 i 2 Rozporządzenia Parlamentu Europejskiego i Rady (UE) 2016/679 z dnia 27 kwietnia 2016 r. w sprawie ochrony osób fizycznych w związku z przetwarzaniem danych osobowych i w sprawie swobodnego przepływu takich danych oraz uchylenia dyrektywy 95/46/WE (dalej jako „RODO”) – informacje te są dostępne tutaj. Wyrażam dobrowolnie i w sposób świadomy zgodę na przetwarzanie przez spółkę AUDE sp. z o.o. z siedzibą w Warszawie (02-620), ul. Puławska 118A, KRS 0000216511, REGON 015796792, NIP 5252306020 moich danych osobowych w celu otrzymywania newslettera i przekazywania mi informacji o oferowanych przez nią produktach, usługach, promocjach i konkursach przez czas niezbędny do realizacji wyżej wymienionego celu, aż do cofnięcia wyrażonej zgody.

Wyrażam zgodę na otrzymywanie od spółki AUDE sp. z o.o. z siedzibą w Warszawie (02-620), ul. Puławska 118A, KRS 0000216511, REGON 015796792, NIP 5252306020 informacji handlowych drogą elektroniczną na podany przeze mnie adres poczty elektronicznej zgodnie z ustawą z dnia 18 lipca 2002 r. o świadczeniu usług drogą elektroniczną (t.j. Dz. U. z 2017 r., poz. 1219 ze zm.). Wyrażam również zgodę na używanie przez spółkę AUDE sp. z o.o. z siedzibą w Warszawie (02-620), ul. Puławska 118A, KRS 0000216511, REGON 015796792, NIP 5252306020 telekomunikacyjnych urządzeń końcowych i automatycznych systemów wywołujących dla celów marketingu bezpośredniego, zgodnie z ustawą z dnia 16 lipca 2004 r. - Prawo telekomunikacyjne (t.j. Dz. U. z 2017 r. poz. 1907 ze zm.). Wyrażenie zgody jest dobrowolne.

FreshMail.pl
 

SUBSCRIBE TO OUR NEWSLETTER


A valuable article once a week for your inbox.

Zero spam. If we start to be boring, you will sign out at any moment.

I hereby declare the personal data are provided voluntarily for the purpose of signing up for the newsletter, and that the data Administrator – AUDE sp. z o.o. seated in Warsaw (02-620), ul. Puławska 118A, KRS 0000216511, REGON 015796792, NIP 5252306020 – has notified me about the provisions of article 13 item 1 and 2 of the Regulation (EU) 2016/679 of the European Parliament and of the Council of 27 April 2016 on the protection of natural persons with regard to the processing of personal data and on the free movement of such data, and repealing Directive 95/46/EC (General Data Protection Regulation) – the information is available here. I hereby provide voluntary and conscious consent to AUDE sp. z o.o. seated in Warsaw (02-620), ul. Puławska 118A, KRS 0000216511, REGON 015796792, NIP 5252306020 to process my personal data for the purpose of receiving a newsletter and sending me information about company’s products, services, promotions and competitions throughout the time necessary to execute the above mentioned purpose, until the consent is withdrawn.

I agree to receive from AUDE sp. z o.o. seated in Warsaw (02-620), ul. Puławska 118A, KRS 0000216511, REGON 015796792, NIP 5252306020 commercial information onto the email address provided, in accordance with the Act on Providing Services by Electronic Means of 18 July 2002 (Dz. U. of 2017 r., pos. 1219, as amended). I also give permission to AUDE sp. z o.o. seated in Warsaw (02-620), ul. Puławska 118A, KRS 0000216511, REGON 015796792, NIP 5252306020 to use telecommunication terminal devices and automated calling systems for direct marketing purposes, in accordance with the Telecommunications Law of 16 July 2004 (Dz. U. of 2017 r. pos. 1907, as amended). The consent is voluntary.

FreshMail.pl