Motion Design-czyli grafika “poruszona”

Program: After Effects CS5

Poziom: dla początkujących

Pliki źródłowe do pobrania możecie znaleźć na stronie internetowej magazynu PSD.

Motion Design - w wolnym tłumaczeniu termin ten oznacza projektowanie ruchu. Nazwa wydaje się być dziwaczna - ale!. Tym właśnie “ale” się zajmiemy. Pod pojęciem „motion design”, kryje się proces kreacji artystycznej i projektowej, którego elementem jest animacja. Opierając się na jednej z najlepszych w tym zakresie projektowym aplikacji, jaką jest After Effects CS5, wkroczymy w dynamiczny świat Motion Design. Nauczymy się w jaki sposób komponować warstwy wideo w Adobe After Effects. Poznamy podstawowe zasady kluczowania obiektów z tła animacji. Stworzymy animację opartą na klatkach kluczowych. Przede wszystkim, natomiast, artykuł ten stanowić będzie wprowadzenie do jednej ze sztandarowych aplikacji firmy Adobe.

1. IMPORTUJEMY PLIKI PROJEKTU

Naszą pracę oprzemy na animacji wykonanej w aplikacji Autodesk 3ds max przez autora tego artykułu. Animacja została zapisana w postaci sekwencji plików o rozszerzeniu rpf. Format ten pozwala na przechowanie wewnątrz pliku metadanych .Dane te ułatwiają separację obiektów, jak również pozwalają uzyskać informacje o ruchu i układzie optycznym kamery, która obserwowała animowane obiekty w Autodesk 3ds max.

Pracę jednak zaczniemy od uruchomienia After Effects. Oczom naszym ukaże się interfejs aplikacji. Importujemy sekwencję plików Edit>Import>File. W oknie wyboru importowanego pliku zaznaczamy pierwszy plik całej sekwencji oraz opcję RLA/RPF Sequence. W trakcie importu ustalamy format kanału Alpha, wybierają w oknie dialogowy opcje Straight-Unmatted.

2.TWORZYMY GŁÓWNĄ KOMPOZYCJĘ

Podstawę projektu tworzonego w Adobe After Effects stanowi kompozycja (Composition). Utworzymy teraz kompozycję z zaimportowanej sekwencji plików animacyjnych. Zastosujemy w tym celu mechanizm przeciągnij i upuść. W oknie projektu (Project) aplikacji przeciągamy sekwencję plików na ikonę Create new Composition. Stworzyliśmy nową kompozycję. Aby odtworzyć przebieg animacji,  wciskamy klawisz Spacji lub przycisk Play w panelu odtwarzania. Zatrzymamy odtwarzanie wykonując ponownie powyżej opisane czynności.

3. EKSTRAHUJEMY KAMERĘ Z PLIKU ANIMACJI

W główny oknie roboczym kompozycji zaznaczamy sekwencję animacyjną. Ekstrahujemy kamerę Animation>Keyframe Assistant>RPF Cammera Import. W oknie roboczym kompozycji pojawi się kolejna warstwa jaką jest kamera wyekstrahowana z sekwencji plików. Jej trajektoria ruchu, jak również właściwości optyczne, odpowiadają kamerze, dzięki której powstała animacja w Autodesk 3ds max. Kamera, którą przed momentem wprowadziliśmy do naszej kompozycji pozwoli nam na prawidłowe rozmieszczenie w projekcie trójwymiarowych komponentów kompozycji. Następnym posunięciem będzie usunięcie z animacji jasnofioletowego podłoża.

4. KLUCZUJEMY OBIEKTY W ANIMACJI

Pojęciem kluczowania w procesach post produkcyjnych nazywamy separację obiektów z tła animacji. Posłużymy się w tym celu jednym z najlepszych filtrów kluczujących jakim jest Keyligh - Effect>Keying>Keylight. W oknie parametrów zastosowanych na warstwie efektu wciskamy pipetkę znajdującą się obok opcji Screen Colour (patrz na rzut z ekranu). Następnie w oknie podglądu kompozycji klikamy w dowolnym miejscu, w którym występuje jasnofioletowe podłoże . Kolor ten zostanie wyeliminowany ze wszystkich kadrów animacji, jak to widać na screenie.

5.KOMPONUJEMY WARSTWY VIDEO

W sposób opisany w Kroku 1 importujemy dwa kolejne pliki (fala.flv, strumien.flv), które wprowadzimy do naszej kompozycji (patrz na zrzut ekranu). Pliki te to animacje wykonane przez autora tej publikacji w  Adobe After Effects. Zaimportowane pliki znajdą się w oknie Project. Kolejno, poczynając o pliku fala .flv, przeciągamy pliki do okna roboczego kompozycji, tak jak to widać na ilustracjach. Wszystkie pliki w kompozycji zawierają kanał przeźroczystości (Alpha), dlatego warstwy animacyjne wzajemnie się nie przesłaniają, co widać na zrzucie ekranu.

6. DODAJEMY TRÓJWYMIAROWĄ WARSTWĘ TEKSTOWĄ

Nową warstwę tekstową w obszarze kompozycji tworzymy za pomocą polecenia Layer>New>Text. Następnie wpisujemy dwuwierszową frazę “GREEN POWER”. W oknie Edytora tekstu nadajemy czcionce następujące parametry: krój Arial Black, rozmiar 92, barwę R=154,G=0,B=0. Nadajemy warstwie charakter elementu trójwymiarowego, zaznaczając dla niej opcję 3D Layer (tak jak to widać na zrzucie z ekranu). Warstwa tekstowa przemieści się w oknie podglądu kompozycji. Okno to pokazuje widok obserwowany obiektywem kamery utworzonej w Kroku 3. Obiekty trójwymiarowe w After Effects widoczne są jedynie jeżeli ustawione są w obszarze kadru obiektywu kamery. W dalszym etapie działań zajmiemy się transformacją warstwy tekstowej.

7. TRANSFORMACJA NAPISU I ANIMACJA

Zaznaczmy warstwę GREEN POWER i rozwijamy dla niej wszystkie opcje transformacji, tak jak na ilustracji. Dla parametru Position ustalamy wartości współrzędnych X=-20,Y=45,Z=70. Zmieniamy również rotację obiektu, ustalając jej wartość oddzielnie dla każdej osi : X=-90, Y=-15,Z=-90. Teraz tekst jest bardzo dobrze widoczny w końcowym etapie animacji, widać to na screenie. Tworząc prostą animację przeźroczystości warstwy, spowodujemy, że właśnie w tym przedziale czasowym warstwa pojawi się w kompozycji. Ustawmy się w 14 sekundzie naszej kompozycji, wpisując tę wartość w oknie Current Time. Dla parametru Opacity warstwy tekstowej ustalamy wartość 0%. Wprowadzamy dla tego  parametru klatkę kluczową, wciskając ikonkę stopera (patrz na ilustrację). Ustawiamy się w 15 sekundzie animacji i parametrowi Opacity nadajemy wartość 100%. W ten sposób ustaliliśmy, iż warstwa tekstowa  stopniowo pojawi się w animacji pomiędzy 14 a 15 sekundą.

8.RENDERING ANIMACJI

Końcowym etapem działań jest rendering kompozycji i zapisanie jej w formacie wideo. W tym celu wybieramy polecenie Composition>Make Movie. Aktywujemy w ten sposób panel Render Queue, tak jak to widać na załączonym obrazku. Wciskamy w nim opcję Lossless. Uzyskamy dostęp do okna Output Module Settings, w którym zmieniamy format tworzonego pliku na flv. Kończymy nasze działania wciskając przycisk Render. Czekamy chwilę i animacja gotowa.

Autor

dr Marcin Dziomdziora

Wykładowca Akademii Sztuk Pięknych im. Wł. Strzemińskiego w Łodzi oraz Wyższej Szkoły Informatyki w Łodzi. Prowadzi zajęcia z zakresu grafiki 3D, animacji komputerowej, post produkcyjnych efektów specjalnych oraz multimediów.


Podziel się