Podręcznik użytkownika Anuluj

Dodawanie animacji do ilustracji

  1. Podręcznik użytkownika Adobe Fresco
  2. Wprowadzenie
    1. Co nowego w programie Adobe Fresco
    2. Omówienie programu Adobe Fresco
    3. Wymagania systemowe programu Adobe Fresco
    4. Uwagi do wydania programu Adobe Fresco
    5. Adobe Fresco na iPhone’ach
    6. Skróty klawiszowe
    7. Ułatwienia dostępu w aplikacji Fresco
    8. Adobe Fresco | Popularne pytania
    9. Rozpoczynanie pracy z interfejsem użytkownika
    10. Przejście na rozszerzony, płatny plan Adobe Fresco
    11. Rozszerzanie przestrzeni dyskowej Adobe Fresco
    12. Funkcje obsługiwane na urządzeniach iPad oraz Windows
  3. Rysowanie, malowanie, animowanie i udostępnianie
    1. Warstwy
    2. Używanie kształtów w aplikacji Adobe Fresco
    3. Pędzle pikselowe
    4. Pędzle aktywne
    5. Pędzle wektorowe
    6. Pędzle mieszające
    7. Pędzle tasiemkowe
    8. Dopasowywanie krzywej nacisku pisaka 
    9. Kolory
    10. Malowanie wewnątrz granic
    11. Dodawanie animacji do ilustracji
    12. Narzędzie Przekształcanie swobodne
    13. Narzędzie Różdżka
    14. Narzędzie Rozcieranie
    15. Narzędzie Skraplanie
    16. Dodawanie i modyfikowanie tekstu
    17. Publikowanie, eksportowanie i udostępnianie
    18. Maski warstw
    19. Dostęp do bibliotek Creative Cloud w programie Fresco
    20. Linijka
    21. Gumki
    22. Dodawanie własnej czcionki
    23. Wyrównywanie siatek 
    24. Symetria
  4. Adobe Fresco a aplikacje Creative Cloud
    1. Adobe Fresco i Photoshop
    2. Adobe Fresco i Illustrator
    3. Łatwa migracja z programów Draw i Sketch
  5. Dokumenty w chmurze
    1. Dokumenty w chmurze w aplikacji Adobe Fresco
  6. Rozwiązywanie problemów
    1. Nie można uzyskać dostępu do importowanych pędzli pikselowych w systemie Windows
    2. Obsługa programu Adobe Fresco na urządzeniach Windows ARM
  7. Przykłady, pomysły i inspiracje
    1. Tworzenie znaku logo
    2. Tworzenie efektów tie-dye
    3. Ilustracja kreatywna | Cyfrowa grafika koncepcyjna

Informacje o tym, jak dodać animację do ilustracji za pomocą metody klatka po klatce albo ścieżek ruchu we Fresco.

Możesz dodać animację do elementów ilustracji, by tworzyć atrakcyjne narracje graficzne. Gotową kompozycję można wyeksportować do pliku MP4, GIF lub PNG.

Dodawanie animacji do ilustracji

Animowanie grafiki lub jej elementów

Dostępne są metody animacji klatka po klatce oraz ścieżki ruchu. Obie te metody można łączyć w animowanej ilustracji lub jej elementach.

Klatka po klatce 

Grafika na każdej klatce różni się nieco od klatki poprzedniej, co przy odtwarzaniu klatek kolejno daje złudzenie ruchu. Z tej metody korzysta się wówczas, gdy cechy obiektu albo jego ruch zmieniają się z klatki na klatkę.

Ścieżka ruchu

Obrysowuje obiekty i podąża za zdefiniowaną ścieżką, Umożliwia przesuwanie elementów lub ilustracji na tle scenerii bez zmian ich wyglądu, tworząc efekt ruchu w pętli.

Zanim rozpoczniesz pracę

Zanim rozpoczniesz swoją animacyjną podróż, zapoznaj się z następującymi pojęciami i ograniczeniami: 

  • Jeśli animujesz skomplikowaną ilustrację, która wymaga modyfikowania wielu obiektów lub ich cech, najlepiej jest utworzyć takie obiekty na osobnych warstwach. Zapewnia to lepszą kontrolę nad modyfikacjami każdego z obiektów w kompozycji.
  • Oś czasu warstwy jest wyświetlana po zaznaczeniu obiektu lub kompozycji, która zawiera klatki. Oś czasu domyślnie obejmuje wszystkie obiekty w wybranej warstwie i wyświetla całkowitą liczbę utworzonych klatek oraz klatkę, nad którą aktualnie pracujesz. Na przykład odczyt 2/13 oznacza, że pracujesz obecnie na drugiej z 13 utworzonych klatek.
Oś czasu warstwy
Oś czasu warstwy

Animacja metodą klatka po klatce lub z użyciem ścieżek ruchu

Wybierz jedną z tych metod (poklatkową lub ścieżki ruchu) stosownie do stopnia złożoności zmian zachodzących z klatki na klatkę.

Kliknij odpowiednią kartę poniżej, aby dowiedzieć się, jak zastosować te techniki i skonfigurować ich ustawienia odpowiednio do pożądanego rezultatu.

Animację poklatkową dodaje się do ilustracji za pomocą osi czasu. Stopniowe zmiany grafiki na każdej z klatek podczas odtwarzania dają złudzenie ruchu lub transformacji projektu.

  1. Wybierz warstwę, którą chcesz animować, a następnie kliknij opcję Ruch . Oś czasu zawiera domyślnie wszystkie obiekty z wybranej warstwy.

  2. Aby dodać nową klatkę, wybierz klatkę zaznaczoną. Skorzystaj z wyświetlonych opcji, aby powielić, skopiować lub usunąć klatki.

  3. Aby zmienić kolejność klatek, wybierz klatkę, którą chcesz przesunąć, i przeciągnij ją na odpowiednie miejsce na osi czasu. Zanim rozpoczniesz edycję grafiki na nowej warstwie, włącz opcję Łuski cebuli.

  4. Wybierz opcję Odtwarzaj wszystko, aby wyświetlić podgląd dodanej animacji. Opcja Odtwarzanie w oknie Ustawienia animacji umożliwia wybór sposobu odtwarzania podglądu: jednokrotnie, w pętli lub w postaci bumerangu. 

  5. Skonfiguruj opcje na ekranie Ustawienia animacji , aby dostosować szybkość, zmienić opcje odtwarzania, zmodyfikować krycie i klatki w widoku Łuski cebuli, a także wyświetlić oś czasu dokumentu.

  6. Aby przyspieszyć kolorowanie animacji, zaznacz preferowaną warstwę animowaną i kliknij opcje Więcej opcji > Ustaw jako warstwę odniesienia, co pozwoli na wypełnianie poszczególnych klatek na aktywnej warstwie wypełnienia.

Wykonaj następujące kroki, by utworzyć animację obiektów poruszających się po zdefiniowanej ścieżce:  

  1. Wybierz warstwę zawierającą obiekt i kliknij ikonę   ponad linijką  .

  2. Z paska Ruch (na dole) wybierz opcję Ścieżka  aby otworzyć panel Właściwości warstwy.

  3. Wybierz jedną z opcji z menu Ustawienia predefiniowane ruchu, aby zastosować efekty ruchu.

  4. Narysuj ścieżkę, po której ma się poruszać obiekt. Aby utworzyć ścieżkę ponownie, usuń   i narysuj ścieżkę jeszcze raz.

    Rysuj swobodnie

    Rysuj za pomocą pomocy rysunkowych

  5. Okno Ustawienia zaawansowane zawiera następujące opcje:
    • Rozszerzanie/zmniejszanie: zwiększa lub zmniejsza rozmiar obiektu.
    • Obróć: Przełącz, aby wyświetlić opcje sterowania animacją — Kołysanie lub Wirowanie.
      • Kołysanie: Podaj wartości opcji animacji — Kąt i Liczba powtórzeń.
      • Wirowanie: Ustaw wartości opcji animacji — W lewo (włącz lub wyłącz) oraz Liczba powtórzeń.

    Dodawanie efektu Wirowanie lub Kołysanie

    • Zanikanie (wejście/wyjście): Zmienia krycie obiektu, aby utworzyć płynne przejścia na początku lub na końcu ścieżki ruchu.
    • Wyrównaj do ścieżki: Umożliwia wyrównywanie obiektów do określonej ścieżki.

    Wyłączona opcja Wyrównaj do ścieżki

    Włączona opcja Wyrównaj do ścieżki

    • Dodaj wielokrotności: Umożliwia dodanie wielu obiektów na tej samej ścieżce i wyświetlenie podglądu efektu w czasie rzeczywistym.
    • Rozpraszanie: Umożliwia stosowanie efektów do odpowiednich dodanych obiektów i wyświetlanie ich podglądu w czasie rzeczywistym.

    Dodawanie efektów wielokrotnych i rozpraszania

    • Opcje prędkości: Umożliwiają zmianę szybkości odtwarzania ścieżki ruchu.
    • Stopniowe rozpoczynanie/kończenie: Umożliwia dodawanie efektów powolnego pojawiania się i zanikania obiektów.
  6. Wybierz opcję Odtwarzaj wszystko, aby wyświetlić podgląd powstającej animacji. Wybierz opcję Ścieżka  , aby zobaczyć podgląd ze ścieżkami. W sekcji Ustawienia animacji można wybrać sposób odtwarzania podglądu: jednokrotnie, w pętli lub w postaci bumerangu.

  7. Zaznacz opcję Ustawienia animacji , aby dostosować szybkość, zmienić opcje odtwarzania, zmodyfikować krycie i klatki w widoku Łuski cebuli, a także wyświetlić oś czasu dokumentu.

Rysowanie wielu ścieżek

Na wybranej warstwie można narysować jedną lub wiele ścieżek. Narysowanie wielu ścieżek powoduje również, że obiekt lub ruch obiektu są duplikowane na tej samej warstwie. W związku z tym nie trzeba tworzyć wielu obiektów, chyba że chcesz zastosować inną animację do każdego z nich. Jeśli pracujesz nad jedną lub wieloma ścieżkami, wybierz opcję Ustawienia > Oś czasu dokumentu > Pokaż ścieżki jako klatki, aby włączyć oś czasu ścieżek umożliwiającą konwersję ścieżek na klatki. 

Teraz, po utworzeniu projektów, zastosuj te ustawienia ruchu do swoich animacji: 

Klatki/s

Określa szybkość odtwarzania animacji jako liczbę klatek na sekundę (ang. FPS — kl./s). Zwiększenie lub zmniejszenie liczby klatek na sekundę powoduje odpowiednio przyspieszenie lub zwolnienie animacji.

Odtwarzanie

Wyświetla opcje odtwarzania i podglądu. Dostępne są następujące sposoby odtwarzania: Pętla, Bumerang oraz Odtwórz raz.

Oś czasu dokumentu

Wyświetla wszystkie ścieżki jako klatki. Można także włączyć inną opcję: Pokaż ścieżki jako klatki, aby przekonwertować ścieżkę na klatkę na osi czasu.

Łuski cebuli

Ten efekt ułatwia pracę, wyświetlając na ekranie również zawartość poprzedniej i następnej klatki.

Klatka, na której znajduje się karetka odtwarzania, jest wyświetlana w pełnych kolorach.

Włącz i wyłącz funkcję efekt łusek cebuli w ustawieniach paska Animacje:

  • Klatki: umożliwia dostosowanie liczby klatek, które mają być wyświetlane przed i po wybranej klatce.
  • Krycie: umożliwia zmianę poziomu przezroczystości klatek z efektem łusek cebuli, co pozwala poprawić ich widoczność. Możesz także łatwo tworzyć proste efekty pojawiania się i zanikania za pomocą elementów sterujących kryciem na poziomie klatki. Poprzednia klatka wygląda jak cień, a jeśli dalej znajduje się następna klatka, będzie wyświetlana w kolorze, co ułatwia określenie pozycji poszczególnych klatek.

Efekt łusek cebuli umożliwia podgląd rysunku w ramce, ułatwiając precyzyjne śledzenie lub wprowadzanie drobnych zmian. Możesz także dostosować liczbę klatek, które chcesz zachować. Obejrzyj poniższy film, aby dowiedzieć się więcej.

Zastosuj ustawienia ruchu do swoich animacji

Przekształcanie ścieżek ruchu i klatek

Aby przenieść lub zmienić rozmiar wcześniej utworzonych ścieżek ruchu wraz z treścią, wykonaj następujące czynności:

  1. Wybierz warstwę ruchu, którą chcesz przekształcić, i kliknij dwukrotnie ikonę Przekształć na pasku narzędzi.

  2. Wybierz z rozwijanej listy opcję Wszystkie klatki i ścieżki ruchu.

  3. Wybierz opcję Przekształć, aby przesunąć lub zmienić rozmiar ścieżki ruchu lub klatki.

Udostępnianie animowanej ilustracji

  1. Wybierz ikonę Eksportuj , a następnie opcje Publikuj i eksportuj > Animacja.

  2. Wybierz jeden z formatów eksportu:

    • GIF: Format używany w przypadku animacji wyświetlanych w Internecie.
    • MP4: Format służący do zapisywania materiałów audio i wideo. Program Fresco oferuje trzy ustawienia predefiniowane formatu MP4:
      1. Automatyczny: Eksportuje dane wyjściowe w najwyższej rozdzielczości. Może to spowodować, że rozmiar pliku będzie duży.
      2. Do Internetu: Optymalizuje dane wyjściowe do wyświetlania w Internecie.
      3. Zestaw PNG: Format umożliwiający zapisywanie animacji z obiektami przezroczystymi. Taki plik PNG file można wyeksportować do dalszej edycji w programie Adobe After Effects.
    Wskazówka:

    Za pomocą suwaka Pętla można ustawić liczbę pętli i czas trwania animacji MP4.

  3. Aby wyświetlić podgląd materiału wyjściowego, kliknij opcję Generuj klatki.

  4. Wybierz opcję Eksportuj , aby udostępnić lub zapisać ilustrację.

    Określanie liczby pętli w plikach animowanych MP4 za pomocą udoskonalonych opcji eksportu

Zasoby pokrewne

Teraz, gdy już umiesz stosować ruch do swoich kompozycji w Adobe Fresco, zrób krok naprzód i naucz się pracować z warstwami i pędzlami.

Dołącz do naszej społeczności, aby nawiązywać kontakty, uczyć się i angażować

Zapytaj społeczność

Inspiracje, porady ekspertów i rozwiązania typowych problemów są dostępne na forum użytkowników Adobe Fresco. Spotkaj się z naszym zespołem i innymi użytkownikami, aby wymieniać się pomysłami, pokazywać swoje dzieła, być na bieżąco z najnowszymi funkcjami i ogłoszeniami oraz przekazywać opinie.

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

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

Adobe MAX

The Creativity Conference

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