Krok 1.

Uruchom program Adobe After Effects 3.1, wybierz New Project. Pojawi się okno z napisem "Project Untitled 0.AEP". Z menu File wybierz Import > Photohop as Comp... i wybierz zbiór przeznaczony do animacji. W naszym przypadku jest to RĄCZKA.PSD. Otworzy się okno z poniższą zawartością:

Następnie dwukrotnie kliknij na ikonce zaznaczonej na rysunku na czerwono. Otworzą się dwa okna: okno podglądu i okno "Time Layout" z poniższą zawartością:

W oknie tym na początku istotne dla nas są trzy elementy: poszczególne warstwy naszego rysunku, które są widoczne po lewej stronie okna (zaznaczone niebieskim kółkiem), "time marker" - wskaźnik pozycji w projekcie (zaznaczony czerwonym kółkiem, "widoczność" warstwy - ikonka oka (zaznaczona na zielono). Po tych działaniach wprowadzających jesteśmy gotowi do pracy.

Krok 2.

Z menu Composition wybierz Composition Settings (lub Ctrl-K) i w polu Frame Rate wpisz 10 (będziemy tworzyli film o 10 klatkach na sekundę), a w polu Duration wpisz 0:00:08:00. Nasze intro będzie trwało 8 sekund. Następnie OK.

Przeniesiemy się teraz do okna Time Layout. Wyłącz warstwy: 2 i 4 (przez naciśnięcie na "oku"). Wybierz (podświetl) warstwę 1. W oknie podglądu zobaczysz, że warstwa ręki jest aktywna (ręka będzie miała 4 "uchwyty" i celownik po środku). Upewnij się, że wskaźnik pozycji stoi na pozycji 0:00. Jeśli nie naciśnij klawisz [Home] lub przesuń go myszką.

Krok 3.

Wybieramy opcję Position przez naciśnięcie klawisza [P] lub naciskamy trójkąt zaznaczony na rysunku poniżej. W obu przypadkach pojawi się opcja Position z charakterystycznym "stoperem" po lewej stronie.

Będziemy teraz przesuwali rękę tak, aby zrobić wrażenie ruchu nad napisem "Lorimar". Przechodzimy do okna podglądu. Myszką przesuwamy rękę tak, aby stalówka pióra znalazła się nad górną krawędzią litery "L" w napisie "Lorimar". Gdy jesteśmy gotowi naciskamy "stoper" w oknie Time Layout przy napisie Position warstwy 1 - Ręka (zaznaczone na czerwono). W ten sposób utworzyliśmy pierwszą ramkę kluczową, o czym informuje nas zakreślony kwadrat i czarny romb na pasku "time" warstwy 1:

Po środku podawane jest położenie środka warstwy 1. Czeka nas teraz praca żmudna. Przesuwamy o kawałek rękę na warstwie 1, tak aby na każdej następnej ramce (klatce filmu) ręka była w innym miejscu. O ile przesuwamy? Niestety nie umiem wam precyzyjnie określić. O kawałek. Ponieważ każdą ramkę z osobna można dowolnie edytować - nie ma problemu, aby później coś poprawić.

Następnie naciskamy klawisz [PgDn]. Tak utworzyliśmy następną ramkę. Teraz znowu przesunięcie i znowu [PgDn]. I tak do końca napisu. W moim przykładzie ramki przesuwania ręki ciągną się przez 3 sekundy. Biorąc pod uwagę ustawienia pierwotne to cała animacja ruchu ręki trwa 30 ramek (klatek). Napis "Lorimar" składa się z 7 liter. Na jedną literę składa się więc od 4 do 5 ruchów ręką. Teraz już wiesz, o ile trzeba przesuwać rękę.

Oczywiście klawiszem [PgUp] przechodzimy do poprzedniej ramki, którą, jeśli nam nie odpowiada położenie ręki, możemy poprawić.

Na końcu animacji dodajcie jeszcze kilka ramek tak, aby ręka "wyjechała" poza ekran. Pomoże wam przy tym dokładne pozycjonowanie. Wystarczy kliknąć na koordynatach pozycji warstwy. Otworzy się okno, w którym można wpisać precyzyjne współrzędne położenia warstwy.

Krok 4.

Teraz włączamy warstwę 4. Naszym zadaniem będzie doprowadzenie do pojawienia się jej. Będzie się pojawiała od 0% do 100% przez 1 sekundę. Oczywiście następnie zostanie na ekranie do końca prezentacji. Włączenie warstwy przez kliknięcie na inonie "zamknięcie oko" w warstwie 4. Zakładam, że warstwa ta pojawia się między 3 a 4 sekundą. Podświetl warstwę 4 przez kliknięcie na nazwie. Przesuń wskażnik pozycji do 3 sekundy. Pomoże Ci w tym wskaźnik czasu (zaznaczony na czerwono). Naciśnij klawisz [T] - Opacity. Taki napis pojawi się jako opcja wybranej warstwy. Przesuń także trójkąt oznaczający początek pojawiania się warstwy (kolor zielony) - także do 3 sekundy.

Naciśnij wartość 100% zaraz po prawej stronie napisu Opacity (zaznaczone na niebiesko) i w ramce wpisz wartość początkową 0%. Następnie przesuń wskaźnik pozycji do 4 sekundy i raz jeszcze naciśnij na wartości Opacity, zmnieniając ją z 0% na 100%. Po rozwinięciu opcji (naciśnij trójkąt przy Opacity) Twoim oczom powinien ukazać się podobny do tego obrazek.

Krok 5.

Znowu przenosimy się do warstwy 1. Musimy spowodować, żeby ręka, która do tej pory odpoczywała sobie poza ekranem wróciła i postawiła kropkę nad "i". Metodą opisaną wcześniej przesuwamy rękę tak, aby znalazła się nad kropką. Włączamy warstwę 2, aby ustalić miejsce postawienia kropki. Ustalamy, że ręka przesuwa się przez 1 sekundę do miejsca kropki i 1 sekundę wraca z powrotem za ekran. Czyli dzieje się to w 5 i 6 sekundzie. Warstwa 2 powinna się pojawić dopiero po "nadjechaniu" ręki na miejsce kropki, czyli w końcu 5 sekundy.

Sprawdźmy, czy wszystko jest OK. Naciśnij klawisz [Home], a następnie spację. Animacja odegra się powoli tak, że będzie ją można swobodnie prześledzić. Ponowne naciśnięcie spacji ją wstrzymuje.

Krok 6. - najważniejszy

Jak dotąd to ręka "jeździła" nam po napisie, który był już napisany. Teraz trzeba zrobić tak, aby napis pisał się w trakcie przesuwania się ręki. Najpierw wybierz warstwę 3. Naciśnij klawisz [Home]. Sprawdź, czy wskaźnik pokazuje pozycję 0:00 w naszej kompozycji. Nasićnij klawisz [M] - Mask (maska).

Teraz kliknik dwukrotnie na podświetlonej nazwie warstwy (kolor czerwony). Twoim oczom ukaże się jej zawartość w specjalnym oknie. Z okna Tools wybierz narzędzie Bezier i narysuj maskę, stawiając kolejne punkty w obrębie warstwy. Ostatni punkt postaw ponad pierwszym. Maska automatycznie zostnie zamknięta. Ta maska spowoduje, że widoczny będzie tylko obszar w jej wnętrzu.

Maskę taką możesz dowolnie edytować, zmieniając je kształt, dodając i odejmując punkty, zaginając krzywe. W pierwszej ramce dostosuj maskę do tego, co pokazuje ręka. Wszystko możesz podglądać na bieżąco w oknie podglądu. Naciśnij klawisz [PgDn] i przejdź do następnej ramki. Zmień kształt maski, dopasowując ją znowu do ruchu ręki. Zmiany maski wykonujesz przez przesuwanie węzłów. Do tego służy narzędzie wskazujące.

Znowu trzeba nam cierpliwości, ponieważ tak musimy postępować do końca "pisania" napisu "Lorimar", czyli przez 30 ramek.

Krok 7.

Sprawdzamy czy wszystko jest tak, jak to zakładaliśmy. Klawsz [Home], następnie spacja. Jeśli wszystko jest dobrze naciskamy Ctrl-S i zapisujemy nasz projekt. Teraz czas na finał. Renderujemy nasz projekt. Z menu Composition wybieramy Make Movie i w oknie dialogowym wpisujemy nazwę tworzonego pliku. Na ekranie pojawia się nam okno Render Queue (kolejka do renderingu). Zmieniamy opcję Output Module z Lossless na Custom (naciśnij trójkąt po prawej stronie napisu Output Module). W oknie dialogowym naciskamy przycisk Format Options i wybieramy sposób kompresji naszego intra. Wszystkie te czynności wykonuję dla zbioru wyjściowego w postaci *.avi. Osobiście używam Intel Indeo Interactive 4.1. Naciśnij OK. Jeśli wszystko jest dobrze naciśnij przycisk Render w oknie Render Queue. Następuje tworzenie filmu (trwa to trochę - niestety).

Tak oto może wyglądać nasza praca. Tu zamieszczona jest w postaci animowanego GIF'a. Osobną sprawą jest udźwiękowienie naszego intro. O tym następnym razem.

Na zakończenie

O AAE i tworzeniu reklamówek na poziomie telewizyjnym będzie w książce, która niebawem powstanie. Będzie to tłumaczenie znakomitej amerykańskiej pozycji Adobe After Effects 4 Classroom in a Book. Na CD-ROM-ie zamieścimy gotowe lekcje w postaci filmów. Zdaję sobie sprawę, że krąg odbiorców będzie niewielki, ale ci, którzy po tę książkę sięgną będą zadowoleni. Uprzedzam - książka będzie droga! Przewiduję cenę w wysokości ok. 250 zł. Jednakże dla tych, którzy zdecyują się na wcześniejsze zamówienia i przedpłaty cena będzie niższa.

Myślę, że temat AAE będzie się podobał. Następnym razem opiszę animacje warstw z wykorzystaniem różnych opcji, w kontekście tworzenia przejść w programach multimedialnych. Zanim to nastąpi zachęcam do prób. Jeśli nie chcesz próbować samemu możesz zdobyć plik projektu: LORIMAR.AEP (lorimar.zip, 10kB)

Piotr Rakowski,
Wydawnictwo Lynx–SFT, Warszawa.
Email: lynxsft@elektron.pl
Internet: www.lynxsft.elektron.pl