Adobe

Animacja przelotu samolotem w Production Premium CS4

Stworzymy krótką animację przedstawiającą przelot z jednego miejsca do drugiego za pomocą umownego samolotu i mapki. Zabieg taki często stosowało się w filmach przygodowych. Całość można z powodzeniem wykorzystać w spotach reklamowych linii lotniczych lub w swoich demo reelach. Do pracy nad stworzeniem tej animki posłużę się programami z pakietu Production Premium CS4 będą to Illustrator, After Effects oraz Photoshop.

Pracę nad projektem zacząłem od zebrania materiałów, były to: zdjęcie samolotu widzianego od góry, parę zdjęć obiektów kojarzących się z Polską (zestaw Bigos + Syrenka + Pałac Kultury wydawał mi się trafionym pomysłem, ale możecie sami dobrać własne zdjęcia), zestaw fotek kojarzących się z Kanadą (wiem, wiem, Niagara, ale chciałem nie lecieć po stereotypach dlatego też znalazł się w kolekcji hokeista, Toronto oraz Celine Dion :)). Ciężkim orzechem było znalezienie odpowiedniej mapy. Będąc rozdartym pomiędzy elegancką mapą w super wysokiej rozdzielczości z NASA i zarżnięciem komputera przy pracy nad takimi obiektami, a mapką w niższej rozdzielczości ale za to komfortową pracą, po krótkim namyśle wybrałem tą drugą opcję.

1.Otworzyłem mapkę w Photoshopie i używając Pen Tool’a narysowałem łuk pomiędzy dwoma punktami po których chciałbym aby przemieszczał się samolot, następnie użyłem funkcji Stroke z Brushem ustawionym na 5 (kolor ciemno czerwony). Kolejnym krokiem było ponowne skorzystanie z dobrodziejstw Pen Toola i nakreślenie kolejnej linii tym razem z mniejszym łukiem ale kończącą się w tych samych miejscach co linia poprzednia. Ponownie Stroke na 5, kolor czarny, dodanie Gaussian Blur na 1,5 i ustawienie Opacity warstwy na 60. Dzięki tym zabiegom uzyskałem złudzenie cienia czerwonej linii. Zapisałem każdą linię osobno jako plik PNG z przezroczystością.

2.Otwórzmy Illustratora i zaimportujmy widok samolotu, następnie korzystając (niespodzianka!) z Pen Tool obrysowałem kształt samolotu i wypełniłem go kolorem czarnym. Wyeksportowałem plik w 300dpi jako PNG z przezroczystością.

3.Zebrane zdjęcia zmodyfikowałem aby wyglądały na robione Polaroidem. Stworzyłem nowy dokument o wielkości 600×800 i odliczyłem marginesy od góry i po bokach po 67 pikseli, następnie usunąłem środek i pod tak zmodyfikowaną warstwę podkładałem po kolei obrazki odpowiednio je skalując. Pliki zapisałem jako PNG. Początkowo eksperymentowałem z flagami i podpisami (Poland, Canada) jednak zarzuciłem ten pomysł fotki są bardziej wymowne.

4.Czas na After Efects, stworzyłem nową kompozycję 1280×720, 25kl/sek o długości 8 sekund. Zaimportowałem wszystkie fotki, obydwie lini, rysunek samolotu oraz mapę do widoku projektu. Począwszy od mapy przeciągnąłem ją na widok kompozycji. Dodałem standartową kamerę 35mm, następnie zmieniłem warstwę mapy na warstwę 3D. Ustawiłem punkt startowy podróży przesuwając odpowiednio kamerę na żądane miejsce. Następnie dodałem nową warstwę solid w kolorze czarnym i kliknąłem dwukrotnie na Ellipse Tool, następnie wciskając klawisz M zaznaczyłem Invert i uzyskałem winietkę. Ponownie wcisnąłem 2xM i ustawiłem Mask Feather na 177. Będzie to jedyna warstwa która nie będzie 3D!

5.Przeciągnąłem na widok kompozycji obie linie ustawiając je tak, aby początki zaczynały się w tym samym punkcie. Stworzyłem ponownie nową warstwę Solid i ustawiłem jej kolor na ciemnoczerwony. Następnie używając Ellipse Tool stworzyłem okrągłą maskę tworząc okrągły niewielki punkt i umieściłem ją w miejscu stykania się obu linii. Warstwa oczywiście 3D, jak każda następna.

6.Stworzyłem klatkę kluczową na funkcji skalowania maski (Mask Expansion) na warstwie z czerwonym punkcikiem, początkowo ustawiłem jej wartość na -18 następnie przesunąłem parę klatek i przeskalowałem do 8 potem znów parę klatek i ustawiłem -5 i ponownie ten sam zabieg i ustawiłem wartość -3 Dzięki czemu animacja punktu będzie bardziej hmm organiczna.

7.Zmieńmy ustawienia kamery. Nacisnąłem klawisz U następnie trzymając ALT nacisnąłem na stopwatch’u przy funkcji Point Of Interest i przeciągnąłem Pickwhip do funkcji Position. Dzięki temu zabiegowi możemy poruszać całą kamerą a nie tylko wokół jej osi obrotu. Stworzyłem klatkę kluczową w ok. 2.10 sekundzie animacji na funkcji Position i kolejną w 3.14 sekundy przesuwając jednocześnie kamerę na punkt docelowy podróży samolotu.

8.Przenieśmy 3 fotki (jako warstwy 3D!) z polskimi dobrami na widok kompozycji ułóżmy je w pozycjach które będą nam odpowiadały, każda animacja fotki to u mnie 9 klatek, Stwórzmy klatki kluczowe w Rotation i Position, następnie zaznaczmy je i przenieśmy o 9 klatek dalej, wróćmy z powrotem 9 klatek i przenieśmy fotki poza widok kompozycji na prawą stronę, stworzymy animację wlatywania fotek na mapę. Przesuńmy fotki tak aby kolejna wlatywała w momencie jak poprzednia zakończy swój ruch.

9.Dodajmy samolot tak aby pokrywał się z linią lotu, stwórzmy klatkę kluczową w Rotation oraz Position, następnie przesuńmy suwak animacji w miejsce gdzie kamera zatrzymuje się w punkcie docelowym i przenieśmy tam samolot także dopasowując kadłub do kierunku czerwonej linii. Wszystko pięknie tylko samolot porusza się po linii prostej zamiast po łuku. Wybierzmy Pen Tool i trzymając klawisz ALT kliknijmy na punkcie startowym trasy i przeciągnijmy w górę pojawią się kotwice Beziera teraz ustawmy je tak alby przerywana linia (animacja ruchu samolotu) pokrywała się z czerwoną linią trasy. Samolot powinien poruszać się dokładnie po czerwonej kresce linii lotu (jeśli gdzieś w trakcie samolot lekko zboczy z linii tworzymy klatkę kluczową w funkcji Position i ustawiamy go na odpowiednią wysokość).

10.Mamy pojawiający się punkt, wlatujące zdjęcia oraz latający samolot, teraz do tego dodamy pojawiającą się za samolotem czerwoną linię trasy. Używając mojego ulubionego narzędzia Pen Tool na warstwie z linią trasy stwórzmy niewielki prostokąt tak aby nie zawierał ani kawałka naszej linii. Linia powinna zniknąć, dzieje się to tak gdyż żółty prostokąt jest maską nałożoną na warstwę, wszystko poza obrębem prostokąta będzie niewidoczne. Stwórzmy klakę kluczową w funkcji Mask Shape i teraz powiększmy maskę klikając Pen Toolem dwa rogi po lewej stronie tak aby maska odsłaniała linię będącą za samolotem, jeśli w połowie samolot będzie leciał za szybko lub za wolno ponownie stwórzmy tak klatkę kluczową i dopasujmy kształt maski.

11.Przenieśmy ponownie na widok kompozycji samolocik tym razem dodając Gaussian Blur ok. 140-150 będzie to cień naszego samolotu. Z Cieniem postępujemy dokładnie tak jak z lotem samolotu, tworzymy maskę przesuwamy go tak aby ruch cienia pokrywał się z ruchem samolotu.

12.Na miejscu docelowym ponownie tworzymy pojawiający się punkt i wpadające zdjęcia dokładnie tak samo jak robiliśmy to wcześniej.

13.Dodajmy skalowanie samolotu na końcu i początku lotu, Stwórzmy klatkę kluczową w funkcji Scale na początku jego animacji i zmieńmy początkowo na 0 następnie przesuńmy parę klatek i zmieńmy na rozmiar właściwy (u mnie ok. 4%), podobnie na końcu zaczynamy od klatki kluczowej ustawionej na 4% a kończymy na 0. Dzięki czemu samolot będzie się pojawiał płynnie.

14.Na koniec naciskając klawisz 0 na klawiaturze numerycznej możemy obejrzeć nasze dzieło, jeśli chcemy zapisać animację do pliku wybieramy Composition->Add To Render Queue. Klikamy Output module i w polu format zaznaczamy plik wynikowy jaki chcemy otrzymać np. Avi a klikając Format Option wybieramy kodek np Xvid. Naciskamy Render i po chwili mamy stworzoną animację w pliku wynikowym.

I krótka animacja przelotu

Autor: Krzysztof Micielski