Zobacz, jak łatwo można zrobić we Flashu animację z efektem ruchu po ścieżce, tzw.
Guided Motion Tween.
1.
Pierwszym krokiem będzie przygotowanie warstw. Warunkiem niezbędnym do
zastosowania efektu ruchu po ścieżce jest istnienie w projekcie (dokumencie FLA)
warstwy animacji oraz warstwy prowadzącej - Guide.
Jedna z nich - w naszym przykładzie warstwa obiekt - będzie zawierała element
poruszający się, a na drugiej - prowadzącej - umieścimy ścieżkę, po której obiekt ma
się poruszać.
Najpierw jednak nadajmy warstwie nazwę.
2.
Teraz do warstwy prowadzonej należy dodać warstwę prowadzącą.
Dokonamy tego za pomocą ikony zaznaczonej na poniższym rysunku czerwonym kółkiem.
Jej naciśnięcie spowoduje wstawienie nowej warstwy NAD zaznaczoną i automatyczne
nadanie jej nazwy Guide: obiekt.
3.
A więc mamy dwie warstwy: prowadzoną - obiekt - która zawiera obiekt, jaki chcemy
animować oraz prowadzącą - Guide: obiekt - na której narysujemy ścieżkę, po której
obiekt ma się poruszać.
W klatce nr 1 warstwy Guide: obiekt narysuj dowolnym narzędziem (może to być np.
Pencil) ścieżkę, po której chcesz animować obiekt.
4.
Teraz musimy określić, w którym momencie animacja obiektu po ścieżce ma się skończyć.
Musimy (np. w klatce nr 20) warstwy prowadzącej (Guide) wstawić klatkę (Frame)
wybierając z menu Insert polecenie Frame, lub klikając w wybranej klatce (nr 20)
prawym przyciskiem myszy i wybierając z menu kontekstowego polecenie Insert Frame
(lub klawisz F5).
5.
Dzięki temu, ścieżka wzdłuż której ma podążać obiekt będzie widoczna przez cały czas trwania
animacji.
Teraz w klatce nr 1 warstwy obiekt narysuj obiekt, który chcesz animować wzdłuż ścieżki.
W naszym przykładzie będzie to wypełniony na czerwono kwadrat.
UWAGA! Aby animacja Motion Tween mogła zadziałać, po narysowaniu kwadratu należy
go zgrupować, uprzednio zaznaczając całość warstwy obiekt i wybierając z menu
Modify polecenie Group, lub skrót klawiatury Ctrl+G. Więcej o grupowaniu
obiektu przed utworzeniem animacji przeczytasz w
tutorialu o efekcie Motion Tween.
Końcowy efekt, po narysowaniu i zgrupowaniu animowanego obiektu przedstawiono poniżej.
6.
Przed nami najważniejsza czynność, więc proszę o uwagę i skupienie :)
Teraz należy określić położenie początkowe animowanego obiektu, ale w ten sposób,
by obiekt rozpoczynał swój ruch na początku narysowanej przez nas ścieżki.
W tym celu musimy przesunąć obiekt narzędziem Arrow tak, aby kółko, które pojawi się
w środku kwadratu podczas przeciągania, "przykleiło się" do początku ścieżki - sytuację
przedstawia poniższy rysunek.
Jak rozpoznać, że obiekt "przykleił się" do ścieżki, czyli rozpoznał jej początek?
Zwróć uwagę, że wtedy kółko w środku kwadratu powiększy się.
7.
Poprawna realizacja punktu 6 jest niezbędna, by ruch po ścieżce zadziałał. Na początku
może sprawiać trochę problemów "utrafienie" obiektem na początek ścieżki, jednak po kilku
ćwiczeniach na pewno dojdziemy do wprawy.
Gdy już mamy nasz obiekt "zakotwiczony" do początku ścieżki, przyszedł czas na określenie
położenia końcowego animowanego po ścieżce obiektu.
Końcowe położenie obiektu musi znaleźć się w klatce kluczowej, wobec czego musimy
(w klatce nr 20) wstawić klatkę kluczową (Keyframe) wybierając z menu Insert
polecenie Keyframe, lub klikając w wybranej klatce (nr 20) prawym przyciskiem myszy
i wybierając z menu kontekstowego polecenie Insert Keyframe (lub klawisz F6).
8.
Teraz, podobnie jak w przypadku określania położenia początkowego, należy wskazać punkt
ścieżki, w którym animacja ma się skończyć.
Aby określić położenie końcowe, przeciągnij obiekt na koniec narysowanej
ścieżki, zwracając uwagę, by środek obiektu "przykleił się" (tak jak w pkt 6) do ścieżki
(wtedy na środku obiektu kółko "rozpozna" ścieżkę) - sytuację przedstawia poniższy rysunek.
9.
Pozostało teraz dodać efekt animacji poprzez wskazanie prawym przyciskiem myszy dowolnej klatki
z zakresu pomiędzy nr 1 a 20 warstwy obiekt i wybranie z menu kontekstowego polecenia
Create Motion Tween. To samo polecenie jest też dostępne po wybraniu menu
Insert.
10.
Teraz wystarczy przetestować nasz film i... gotowe! :)
Podsumowanie
Oto najważniejsze informacje, jakie należy zapamiętać podczas tworzenia efektu
animacji ruchu Motion Tween po ścieżce:
warstwa prowadząca (Guide) musi znajdować się NAD warstwą prowadzoną -
typ maski określamy w oknie właściwości maski (Type)
pamiętajmy, że zawartość warstwy prowadzącej (Guide), czyli ścieżka ruchu, musi być
widoczna przez cały czas trwania animacji (ruchu obiektu) - w tym celu na końcu animacji należy
wstawić ramkę (Frame) do warstwy prowadzącej
obiekty narysowane w położeniu początkowym i końcowym muszą być
zgrupowane - w przeciwnym razie efekt animacji Motion Tween nie zadziała
Polecam książki
Oto książki, z których dowiesz się więcej na temat opisywanych powyżej zagadnień.
Guided Motion Tween
