Animacje ruchu w programie Flash CS6

• Może 11, 2024

W tym samouczku nauczymy się, jak tworzyć animację ruchu we Flashu^R CS6. Być może pamiętasz, że w poprzednim samouczku utworzyliśmy animację, która poruszała kółkiem po stole montażowym. W tej lekcji stworzyliśmy klasyczną animację Tween. Klasyczna animacja to oryginalny typ animacji Flash.

Teraz przyjrzymy się nowemu typowi animacji animacji. Tym razem stworzymy animację Motion Tween, która przesunie kwadrat na stole montażowym. Na pierwszy rzut oka te dwie animacje mogą wydawać się identyczne. Ale w miarę postępów w przyszłych lekcjach zobaczysz, dlaczego Motion Tween jest ulubioną opcją animacji animacji. Jest bardzo elastyczny i może służyć do tworzenia dość złożonych animacji.

1. Otwórz Flash CS6 i wybierz ActionScript 3.0 z kolumny Utwórz nowy na ekranie powitalnym.
   
   Zobaczysz, że mamy pustą scenę i jedną warstwę na osi czasu.
   
   
2. Kliknij dwukrotnie nazwę warstwy i zmień nazwę Warstwy 1 na „Kwadrat”.
   
   
3. Ustaw kolor obrysu na null.
   
   
4. Kliknij pole Kolor wypełnienia i wybierz dowolny kolor z Próbnika kolorów.
   
   
5. Za pomocą narzędzia Prostokąt narysuj kwadrat na scenie.
   
   W tym momencie kwadrat ma podstawowy kształt. Aby to potwierdzić, spójrzmy na informacje w panelu Właściwości.
   
   
6. Za pomocą narzędzia Zaznaczanie wybierz kwadrat na stole montażowym.
   
   W panelu Właściwości widzimy, że ten obiekt jest Kształtem. Możemy również zobaczyć pozycję, rozmiar i kolor obiektu.
   
   Pierwszym krokiem do utworzenia animacji ruchu jest konwersja kształtu na symbol. Szczegółowo omówimy symbole Flash w przyszłym samouczku.
   
   
7. Wybierz kwadrat na stole montażowym i na pasku menu kliknij przycisk Zmień - Konwertuj na symbol.
   
   
8. W oknie dialogowym Konwertuj na symbol nazwij symbol „Kwadrat” i ustaw Typ na Klip filmowy. Następnie ustaw Punkt rejestracji na środek, klikając małe środkowe pole w grupie małych pudełek. Kliknij OK.
   
   Zobaczysz, że wokół kwadratu pojawia się cienka niebieska linia, wskazująca, że ​​obiekt jest teraz Symbolem.
   
   
9. Kliknij prawym przyciskiem myszy klatkę 50 na osi czasu i wybierz opcję Wstaw klatkę, aby rozszerzyć klatki na osi czasu 50.
   
   
10. Kliknij dowolną ramkę na osi czasu prawym przyciskiem myszy i wybierz polecenie Utwórz animację ruchu.
    
    Zobaczysz, że Flash zmienił wszystkie ramki w inny kolor. Są to tak zwane Zakres animacji animacji ruchu.
    
    Przesuń głowicę odtwarzania wzdłuż osi czasu z powrotem do klatki 1. Podobnie jak w ostatnim samouczku obiekt nie porusza się. Wynika to z faktu, że nie dodaliśmy jeszcze drugiej klatki kluczowej wskazującej pozycję końcową animacji.
    
    
11. Kliknij prawym przyciskiem myszy ramkę 50 i wybierz z menu opcję Wstaw klatkę kluczową - Wszystko.
    
    
12. Będąc nadal w klatce 50, kliknij kwadrat i przeciągnij go na drugą stronę sceny, aby powiedzieć Flashowi, że będzie to pozycja końcowa animacji ruchu.
    
    

Teraz, kiedy przesuwasz głowicę, kwadrat przesuwa się stopniowo po stole montażowym.

Ale za pomocą Motion Tweens możemy łatwo modyfikować animację, tak aby kwadrat poruszał się po linii zakrzywionej zamiast po linii prostej.

Prawa autorskie 2018 Adobe Systems Incorporated. Wszelkie prawa zastrzeżone. Zrzuty ekranowe produktów Adobe zostały przedrukowane za zgodą Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst i Flash Paper jest / są [a] zarejestrowanym znakiem towarowym lub znakami towarowymi Adobe Systems Incorporated w Stanach Zjednoczonych i / lub innych krajach.

Instrukcje Wideo: TUTORIAL Adobe Flash Professional CS6 #1 | ApriL ArtAnimation (Może 2024).