Podręcznik użytkownika Anuluj

Edytowanie ścieżki ruchu animacji

  1. Podręcznik użytkownika programu Adobe Animate
  2. Wprowadzenie do programu Animate
    1. Nowości w programie Animate
    2. Słownik wizualny
    3. Wymagania systemowe programu Animate
    4. Skróty klawiaturowe programu Animate
    5. Praca z wieloma typami plików w programie Animate
  3. Animacja
    1. Podstawowe informacje o animacjach w programie Animate
    2. Korzystanie z klatek i klatek kluczowych w programie Animate
    3. Animacja klatka po klatce w programie Animate
    4. Praca z animacjami klasycznymi w programie Animate
    5. Narzędzie Pędzel
    6. Linie pomocnicze ruchu
    7. Animacje ruchu a język ActionScript 3.0
    8. Informacje o animacji ruchu
    9. Animacje ruchu
    10. Tworzenie animacji ruchu
    11. Używanie klatek kluczowych właściwości
    12. Animowanie położenia za pomocą klatek pośrednich
    13. Edytowanie animacji ruchu za pomocą Edytora ruchu
    14. Edytowanie ścieżki ruchu animacji
    15. Operacje na animacjach ruchu
    16. Dodawanie własnych krzywych dynamiki
    17. Tworzenie i stosowanie ruchów predefiniowanych
    18. Konfigurowanie zakresów animacji
    19. Praca z animacjami ruchu zapisanymi jako pliki XML
    20. Porównanie animacji ruchu i animacji klasycznych
    21. Animowanie kształtów metodą klatek pośrednich
    22. Animacja oparta na narzędziu Kość w programie Animate
    23. Tworzenie konstrukcji postaci w programie Animate
    24. Używanie warstw maskujących w programie Adobe Animate
    25. Praca ze scenami w programie Animate
  4. Funkcje interaktywne
    1. Tworzenie przycisków w programie Animate
    2. Konwertowanie projektów programu Animate na dokumenty innych typów
    3. Tworzenie i publikowanie dokumentów HTML5 Canvas w programie Animate
    4. Programowanie elementów interaktywnych za pomocą wycinków kodu w programie Animate
    5. Tworzenie własnych składników HTML5
    6. Używanie składników w zawartości HTML5 Canvas
    7. Tworzenie własnych składników: przykłady
    8. Wycinki kodu dla składników dostosowanych
    9. Sprawdzone procedury — reklama oparta na programie Animate
    10. Tworzenie i publikowanie materiałów rzeczywistości wirtualnej
  5. Przestrzeń robocza i obieg pracy
    1. Tworzenie pędzli malarskich i zarządzanie nimi
    2. Używanie czcionek Google Fonts w dokumentach HTML5 Canvas
    3. Korzystanie z Bibliotek Creative Cloud w programie Adobe Animate
    4. Korzystanie ze stołu montażowego i panelu Narzędzia w programie Animate
    5. Obieg pracy i przestrzeń robocza w programie Animate
    6. Używanie czcionek internetowych w dokumentach HTML5 Canvas
    7. Osie czasu a język ActionScript
    8. Praca z wieloma osiami czasu
    9. Ustawianie preferencji
    10. Korzystanie z paneli narzędziowych programu Animate
    11. Tworzenie warstw na osi czasu w programie Animate
    12. Eksportowanie animacji do aplikacji mobilnych i platform gier
    13. Przesuwanie i kopiowanie obiektów
    14. Szablony
    15. Znajdowanie i zamienianie w programie Animate
    16. Cofanie, ponawianie i panel Historia
    17. Skróty klawiaturowe
    18. Korzystanie z osi czasu w programie Animate
    19. Tworzenie rozszerzeń HTML
    20. Opcje optymalizacji obrazów i animowanych plików GIF
    21. Eksportowanie ustawień obrazów oraz plików GIF
    22. Panel Zasoby w programie Animate
  6. Multimedia i wideo
    1. Przekształcanie i łączenie obiektów graficznych w programie Animate
    2. Tworzenie i obsługa wystąpień symboli w programie Animate
    3. Obrys obrazu
    4. Używanie dźwięku w programie Adobe Animate
    5. Eksportowanie plików SVG
    6. Tworzenie plików wideo do używania w programie Animate
    7. Dodawanie wideo w programie Animate
    8. Rysowanie i tworzenie obiektów w programie Animate
    9. Przekształcanie linii i kształtów
    10. Obrysy, wypełnienia, i gradienty w programie Animate CC
    11. Korzystanie z programów Adobe Premiere Pro i After Effects
    12. Panel Kolory w programie Animate CC
    13. Otwieranie plików programu Flash CS6 w programie Animate
    14. Praca z tekstem klasycznym w programie Animate
    15. Umieszczanie kompozycji w programie Animate
    16. Zaimportowane bitmapy w programie Animate
    17. Grafika 3D
    18. Praca z symbolami w programie Animate
    19. Rysowanie linii i kształtów przy użyciu programu Animate
    20. Praca z bibliotekami w programie Animate
    21. Eksportowanie dźwięków
    22. Zaznaczanie obiektów w programie Animate CC
    23. Praca z plikami AI programu Illustrator w programie Animate
    24. Stosowanie trybów mieszania
    25. Układanie obiektów
    26. Automatyzacja zadań za pomocą menu Polecenia
    27. Teksty wielojęzyczne
    28. Korzystanie z kamery w programie Animate
    29. Filtry graficzne
    30. Dźwięk a język ActionScript
    31. Preferencje rysowania
    32. Rysowanie za pomocą narzędzia Pióro
  7. Platformy
    1. Konwertowanie projektów programu Animate na dokumenty innych typów
    2. Obsługa platform niestandardowych
    3. Tworzenie i publikowanie dokumentów HTML5 Canvas w programie Animate
    4. Tworzenie i publikowanie dokumentów WebGL
    5. Pakowanie aplikacji na potrzeby środowiska AIR for iOS
    6. Publikowanie aplikacji dla środowiska AIR for Android
    7. Publikowanie dla środowiska AIR na komputery
    8. Ustawienia publikowania kodu ActionScript
    9. Sprawdzone procedury — porządkowanie kodu ActionScript w aplikacji
    10. Korzystanie z kodu ActionScript w programie Animate
    11. Ułatwienia dostępu w przestrzeni roboczej programu Animate
    12. Pisanie skryptów i zarządzanie nimi
    13. Włączanie obsługi platform niestandardowych
    14. Omówienie obsługi platform niestandardowych
    15. Praca z wtyczkami obsługi platform niestandardowych
    16. Debugowanie kodu ActionScript 3.0
    17. Włączanie obsługi platform niestandardowych
  8. Eksportowanie i publikowanie
    1. Eksportowanie plików z programu Animate CC
    2. Publikowanie plików OAM
    3. Eksportowanie plików SVG
    4. Eksportowanie grafiki i wideo w programie Animate
    5. Publikowanie dokumentów ActionScript 3.0
    6. Eksportowanie animacji do aplikacji mobilnych i platform gier
    7. Eksportowanie dźwięków
    8. Sprawdzone procedury — wskazówki dotyczące tworzenia zawartości dla urządzeń przenośnych
    9. Sprawdzone procedury — konwencje dotyczące wideo
    10. Sprawdzone procedury — wskazówki dotyczące tworzenia aplikacji SWF
    11. Sprawdzone procedury — określanie struktury pliku FLA
    12. Sprawdzone procedury optymalizowania plików FLA dla programu Animate
    13. Ustawienia publikowania kodu ActionScript
    14. Określanie ustawień publikowania w programie Animate
    15. Eksportowanie plików projektora
    16. Eksportowanie obrazów i animowanych plików GIF
    17. Szablony publikowania w formacie HTML
    18. Korzystanie z programów Adobe Premiere Pro i After Effects
    19. Szybkie udostępnianie i publikowanie animacji
  9. Rozwiązywanie problemów
    1. Rozwiązane problemy
    2. Znane problemy

 

Podczas umieszczania wystąpienia animacji na stole montażowym jest na nim wyświetlana jej ścieżka ruchu. Ścieżka ruchu to linia reprezentująca ruch animowanego wystąpienia w przestrzeni. Kropki na niej (określane jako punkty animacji lub punkty klatek) odpowiadają położeniu obiektu docelowego na ścieżce na osi czasu. Położenie obiektu docelowego jest odzwierciedlone jako pojedyncza klatka lub jako grupy klatek. 

Ścieżkę ruchu animacji z klatkami pośrednimi można edytować lub zmienić na jeden z następujących sposobów:

  • Zmiana położenia obiektu w dowolnej klatce zakresu animacji

  • Przeniesienie całej ścieżki ruchu w inne położenie na stole montażowym

  • Zmiana kształtu lub rozmiaru ścieżki za pomocą narzędzia Zaznaczanie, Zaznaczanie cząstkowe lub Przekształcanie swobodne

  • Zmiana kształtu lub rozmiaru ścieżki za pomocą panelu Przekształcenie lub inspektora właściwości

  • Użycie poleceń z menu Modyfikuj > Przekształć

  • Zastosowanie własnego obrysu jako ścieżki ruchu

  • Użycie Edytora ruchu

Zaznaczenie opcji Zawsze pokazuj ścieżki ruchu powoduje, że na stole montażowym widoczne są jednocześnie wszystkie ścieżki ruchu na wszystkich warstwach. Bywa to przydatne podczas projektowania wielu animacji realizowanych na różnych, przecinających się ścieżkach ruchu. Po zaznaczeniu ścieżki ruchu lub zakresu animacji można wybrać tę opcję z menu opcji inspektora Właściwości.

Zobacz także

Edytowanie kształtu ścieżki ruchu za pomocą narzędzi Zaznaczanie i Zaznaczanie cząstkowe

Narzędzia Zaznaczanie i Zaznaczanie cząstkowe umożliwiają modyfikowanie kształtu ścieżki ruchu. Narzędzie Zaznaczanie umożliwia zmianę kształtu segmentu przez przeciąganie. Klatki kluczowe właściwości w animacji są widoczne na ścieżce jako punkty kontrolne. Narzędzie Zaznaczanie cząstkowe umożliwia uaktywnienie punktów kontrolnych i uchwytów krzywych Beziera. Odpowiadają one poszczególnym klatkom kluczowym właściwości położenia. Uchwyty te umożliwiają zmianę kształtu ścieżki wokół punktów klatek kluczowych właściwości.

W przypadku nieliniowych ścieżek ruchu, np. ścieżki w postaci okręgu, niekiedy wskazane jest, aby animowany obiekt obracał się podczas ruchu po ścieżce. Aby obiekt zachowywał stałą orientację względem ścieżki, wybierz opcję Orientuj do ścieżki w inspektorze Właściwości.

Obiekt animowany niezorientowany na ścieżce ruchu (po lewej stronie) i zorientowany na ścieżce ruchu (prawa strona).

  1. W panelu Narzędzia kliknij narzędzie Zaznaczanie.

  2. Kliknij wystąpienie elementu docelowego animacji, tak aby ścieżka ruchu stała się widoczna na stole montażowym.

  3. Za pomocą narzędzia Zaznaczanie przeciągnij dowolny segment ścieżki ruchu, aby zmienić jej kształt. Przed przeciągnięciem nie klikaj segmentu w celu zaznaczenia go.

  4. Aby uaktywnić punkty kontrolne krzywej Beziera w punkcie klatki kluczowej właściwości na ścieżce, kliknij narzędzie Zaznaczanie cząstkowe, a następnie kliknij ścieżkę.

    Punkty klatek kluczowych właściwości na ścieżce ruchu są widoczne w postaci punktów kontrolnych (małych rombów).

  5. Aby przemieścić punkt kontrolny, przeciągnij go za pomocą narzędzia Zaznaczanie cząstkowe.

  6. Aby dopasować krzywą ścieżki wokół punktu kontrolnego, za pomocą narzędzia Zaznaczanie cząstkowe przeciągaj uchwyty krzywej Beziera w danym punkcie kontrolnym.

    Jeśli uchwyty nie są rozsunięte, można je rozsunąć, przeciągając punkt kontrolny przy wciśniętym klawiszu Alt (Windows) lub Option (Mac OS).

  1. Aby usunąć punkt kotwiczenia, użyj narzędzia Usuwanie punktów kotwiczenia. Większość punktów kotwiczenia wygenerowanych za pomocą narzędzia Zaznaczanie to punkty gładkie. Aby przekonwertować punkt kotwiczenia, użyj narzędzia Konwertowanie punktów kotwiczenia. Punkt kontrolny zmieni się w punkt kąta.
  1. Można wyciągnąć nowe uchwyty krzywych Beziera z punktu i ustawić je tak samo jak w przypadku normalnego punktu kotwiczenia.
Uwaga:

Narzędzie Dodawanie punktów kotwiczenia nie pozwala dodawać punktów kotwiczenia do ścieżki.

Zmienianie położenia animowanego obiektu

Edytowanie ścieżki ruchu odbywa się przez przesuwanie wystąpienia docelowego animacji na stole montażowym w obrębie dowolnej klatki zakresu animacji. Jeśli bieżąca klatka nie zawiera jeszcze klatki kluczowej właściwości, program Animate doda do niej taką klatkę.

  1. Ustaw głowicę odtwarzania w klatce, w której chcesz zmienić położenie obiektu docelowego.
  2. Przeciągnij wystąpienie docelowe narzędziem Zaznaczanie do nowego położenia na stole montażowym.

Ścieżka ruchu zostanie zaktualizowana tak, aby uwzględniała nowe położenie. Położenie pozostanie niezmienione we wszystkich pozostałych klatkach kluczowych właściwości na ścieżce ruchu.

Zmienianie położenia ścieżki ruchu na stole montażowym

Można przeciągnąć całą ścieżkę ruchu na stół montażowy lub ustawić jej położenie w inspektorze Właściwości.

  1. W panelu Narzędzia kliknij narzędzie Zaznaczanie.

  2. Zaznacz ścieżkę ruchu, wykonując jedną z następujących czynności:

    • Kliknij zakres animacji na osi czasu, a następnie kliknij ścieżkę ruchu na stole montażowym.
    • Kliknij animowany obiekt na stole montażowym i kliknij ścieżkę ruchu.
    • Przeciągnij ramkę zaznaczenia wokół ścieżki ruchu i obiektu docelowego, aby zaznaczyć oba te elementy.
    • (Tylko CS5.5) Aby zaznaczyć wiele ścieżek ruchu, można klikać ścieżki ruchu wszystkich animacji z klatkami pośrednimi, które mają być edytowane, trzymając wciśnięty klawisz Shift. Można też przeciągnąć ramkę zaznaczenia w celu wybrania wszystkich ścieżek ruchu.
  3. Zmień położenie ścieżki ruchu, wykonując jedną z następujących czynności:

    • Przeciągnij ścieżkę do odpowiedniego położenia na stole montażowym.
    • Ustaw wartości x i y ścieżki w inspektorze Właściwości. Wartości x i y określają położenie lewego górnego rogu obwiedni ścieżki ruchu.
    • Użyj klawiszy strzałek, aby zmienić położenie ścieżki ruchu.

Edytowanie ścieżki ruchu za pomocą narzędzia Przekształcanie swobodne

  1. Kliknij narzędzie Przekształcanie swobodne w panelu Narzędzia.
  2. Kliknij ścieżkę ruchu narzędziem Przekształcanie swobodne. Nie klikaj docelowego obiektu animacji.
  3. Zmodyfikuj skalę, pochylenie lub obrót ścieżki za pomocą narzędzia Przekształcanie swobodne.

Usuwanie ścieżki ruchu z animacji

  1. Zaznacz ścieżkę ruchu na stole montażowym, klikając ją narzędziem Zaznaczanie.
  2. Naciśnij klawisz Delete.

Kopiowanie ścieżki ruchu jako pociągnięcia

  1. Kliknij ścieżkę na stole montażowym, aby ją zaznaczyć.
  2. Wybierz polecenie Edycja > Kopiuj.

Następnie można wkleić ścieżkę do innej warstwy jako obrys lub jako ścieżka ruchu dla innej animacji ruchu.

Stosowanie własnego obrysu jako ścieżki ruchu

W charakterze ścieżki ruchu dla animacji można zastosować obrys z odrębnej warstwy lub odrębnej osi czasu.

  1. Zaznacz obrys na warstwie innej niż warstwa animacji i skopiuj go do schowka.
    Obrys nie może być zamknięty. Możliwe jest używanie wyłącznie obrysów ciągłych.
  2. Zaznacz zakres animacji na osi czasu i wklej obrys. Program Animate zastosuje obrys jako nową ścieżkę ruchu dla wybranego zakresu animacji z klatkami pośrednimi. Docelowy obiekt animacji porusza się teraz wzdłuż nowego obrysu.
  3. Aby zamienić miejscami punkty początkowy i końcowy animacji, kliknij zakres animacji prawym przyciskiem myszy (Windows) lub z wciśniętym klawiszem Ctrl (Mac OS) i z menu kontekstowego zakresu animacji wybierz polecenie Ścieżka ruchu > Odwróć ścieżkę.

Adobe

Pomoc dostępna szybciej i łatwiej

Nowy użytkownik?

Adobe MAX 2024

Adobe MAX

The Creativity Conference

14–16 października, plaża Miami Beach i online

Adobe MAX 2024

Adobe MAX

The Creativity Conference

14–16 października, plaża Miami Beach i online