Szukaj
Loguj
IRC #wirtuals
Forum
  Home arrow Flash arrow Kurs Flash MX arrow Animacja po torze
Wstępnie
Home
Forum
Publikacje
Wiadomości
Prasa
HTML
CSS
PHP
Flash
JavaScript
Grafika
Czcionki
Recenzje programów
Wstawki
Statystyki
Wyszukaj
Newsletter








Forum Honda CBR
Animacja po torze | Drukuj |  Email
Napisał Mateusz Dutkiewicz (4234 odsłon)   
28.02.2006 23:46
Tym razem wykonamy animację po torze. Stworzony przez nas obiekt będzie miał określona trajektorię po której będzie się poruszał. W tym rozdziale poznamy nowy rodzaj warstwy, jest to warstwa Motion Guide czyli przewodnik ruchu. Warstwa ta nie jest wyświetlana w animacji. By dodać tego typu warstwę klikamy w polu warstw na mała ikonkę z symbolem Image. Animacja po torze składa się z dwóch warstw, warstwy toru i warstwy z obiektem który po torze się porusza. warstwa z obiektem powinna znajdować się pod warstwą toru. Jeżeli dwie warstwy są powiązane zmieni się symbol warstwy z torem na Kurs Flash'a MX. Jeżeli jednak warstwy nie są powiązane warstwa Motion Guide ma ikonkę Kurs Flash'a MX. By zmienić warstwę z obiektem na warstwę która uzależniona jest od toru klikamy na jej nazwę prawym klawiszem myszki i z rozwiniętej listy wybieramy opcję ostatnią czyli Properties... .

Tu zmieniamy typ warstwy (Type) na Guided. Zabieramy się do naszej animacji. Mamy już dwie powiązane warstwy. W warstwie toru przy pomocy narzędzia ołówek rysujemy tor ruchu. Ja narysowałem spiralę .  W warstwie niższej rysujemy nasz obiekt który po owym torze będzie się poruszał . Teraz dodajemy animację do obiektu. Jego ruch będzie rozpoczynał się od początku narysowanego toru do jego końca. Umieszczamy środek obiektu na linii toru (powinien do linii się przykleić). Tworzymy animację klikamy prawym klawiszem na klatkę nr 1 w warstwie z obiektem i wybieramy Create Motion Tween. Teraz musimy określić czas trwania naszej animacji ja ruch obiektu zakończę w klatce nr 200. W tej klatce wstawiam klatkę kluczową (F6). Nasz tor także musi trwać tyle co animacja więc w klatce nr 200 i warstwie z torem wciskamy klawisz F5. Będąc w klatce 200 warstwy z obiektem przenoszę go na koniec toru. Tak samo jak w klatce nr 1 powinien on przyciągnąć się do linii toru.

Można powiedzieć animacja gotowa, ale to jeszcze nie wszystko. Ja jako obiektu użyłem strzałki dobrze by było by obracała się poruszając się po torze. Klikamy na dowolną klatkę w warstwie z obiektem np. 50. Musimy mieć otwarty na ekranie panel Properties. W nim możemy teraz określić ustawienia trwającej animacji. W opcji Rotate możemy ustawić ilość obrotów obiektu podczas trwania animacji np. Rotate: CW 5 times oznacza 5 obrotów wg. wskazówek zegara lub Rotate: CCW 2 times 2 obroty przeciwnie do wskazówek zegara. Ja ustawiłem Auto i zaznaczyłem opcję Orient to path. Moja strzałka będzie obracać się w zależności od toru animacji. Możemy teraz dodać powrót obiektu do początku. Klikamy prawym klawiszem na klatkę nr 1 w warstwie z obiektem i webieramy opcję Copy Frames. Teraz klatkę tą wkleimy, ja wkleiłem ją (prawym klawiszem na klatkę i opcja Paste Frames) w klatce nr 400 by animacja powrotu trwała tyle samo co animacja początkowa. Pamiętajcie o przedłużeniu trwania warstwy z torem (F5 w klatce 400).

Brak warstwy z torem spowoduje ruch obiektu po linii prostej. Możecie to sprawdzić. Animacja powrotu trwa od klatki 200 do 400. Tak jak poprzednio możemy zaznaczając jedną z klatek z tego przedziału dodać obrót obiektu. Ja jednak tego nie zrobię by ukazać różnicę. Na potrzeby kursu skopiowałem tor ruchu i umieściłem go w nowej zwykłej warstwie by pokazać jak mój tor wygląda.  Całą animację zapisujemy, publikujemy i oglądamy. Moja wygląda tak.

< Poprzedni   Następny >
Czytaj więcej ...
Loading ...

FIREFOX.PL GOOGLE.PL OPERA.COM
GMAIL.COM KONNEKT.INFO SKYPE.COM
PhpSolmag.org
Kontakt | Mapa serwisu
STAT.PL
validator.w3.org jigsaw.w3.org
The Sopranos
15
pędzle, szczotki, miotły, producent pedzli, producent szczotek