- Podręcznik użytkownika programu Adobe Animate
- Wprowadzenie do programu Animate
- Animacja
- Podstawowe informacje o animacjach w programie Animate
- Korzystanie z klatek i klatek kluczowych w programie Animate
- Animacja klatka po klatce w programie Animate
- Praca z animacjami klasycznymi w programie Animate
- Narzędzie Pędzel
- Linie pomocnicze ruchu
- Animacje ruchu a język ActionScript 3.0
- Informacje o animacji ruchu
- Animacje ruchu
- Tworzenie animacji ruchu
- Używanie klatek kluczowych właściwości
- Animowanie położenia za pomocą klatek pośrednich
- Edytowanie animacji ruchu za pomocą Edytora ruchu
- Edytowanie ścieżki ruchu animacji
- Operacje na animacjach ruchu
- Dodawanie własnych krzywych dynamiki
- Tworzenie i stosowanie ruchów predefiniowanych
- Konfigurowanie zakresów animacji
- Praca z animacjami ruchu zapisanymi jako pliki XML
- Porównanie animacji ruchu i animacji klasycznych
- Animowanie kształtów metodą klatek pośrednich
- Animacja oparta na narzędziu Kość w programie Animate
- Tworzenie konstrukcji postaci w programie Animate
- Używanie warstw maskujących w programie Adobe Animate
- Praca ze scenami w programie Animate
- Funkcje interaktywne
- Tworzenie przycisków w programie Animate
- Konwertowanie projektów programu Animate na dokumenty innych typów
- Tworzenie i publikowanie dokumentów HTML5 Canvas w programie Animate
- Programowanie elementów interaktywnych za pomocą wycinków kodu w programie Animate
- Tworzenie własnych składników HTML5
- Używanie składników w zawartości HTML5 Canvas
- Tworzenie własnych składników: przykłady
- Wycinki kodu dla składników dostosowanych
- Sprawdzone procedury — reklama oparta na programie Animate
- Tworzenie i publikowanie materiałów rzeczywistości wirtualnej
- Przestrzeń robocza i obieg pracy
- Tworzenie pędzli malarskich i zarządzanie nimi
- Używanie czcionek Google Fonts w dokumentach HTML5 Canvas
- Korzystanie z Bibliotek Creative Cloud w programie Adobe Animate
- Korzystanie ze stołu montażowego i panelu Narzędzia w programie Animate
- Obieg pracy i przestrzeń robocza w programie Animate
- Używanie czcionek internetowych w dokumentach HTML5 Canvas
- Osie czasu a język ActionScript
- Praca z wieloma osiami czasu
- Ustawianie preferencji
- Korzystanie z paneli narzędziowych programu Animate
- Tworzenie warstw na osi czasu w programie Animate
- Eksportowanie animacji do aplikacji mobilnych i platform gier
- Przesuwanie i kopiowanie obiektów
- Szablony
- Znajdowanie i zamienianie w programie Animate
- Cofanie, ponawianie i panel Historia
- Skróty klawiaturowe
- Korzystanie z osi czasu w programie Animate
- Tworzenie rozszerzeń HTML
- Opcje optymalizacji obrazów i animowanych plików GIF
- Eksportowanie ustawień obrazów oraz plików GIF
- Panel Zasoby w programie Animate
- Multimedia i wideo
- Przekształcanie i łączenie obiektów graficznych w programie Animate
- Tworzenie i obsługa wystąpień symboli w programie Animate
- Obrys obrazu
- Używanie dźwięku w programie Adobe Animate
- Eksportowanie plików SVG
- Tworzenie plików wideo do używania w programie Animate
- Dodawanie wideo w programie Animate
- Rysowanie i tworzenie obiektów w programie Animate
- Przekształcanie linii i kształtów
- Obrysy, wypełnienia, i gradienty w programie Animate CC
- Korzystanie z programów Adobe Premiere Pro i After Effects
- Panel Kolory w programie Animate CC
- Otwieranie plików programu Flash CS6 w programie Animate
- Praca z tekstem klasycznym w programie Animate
- Umieszczanie kompozycji w programie Animate
- Zaimportowane bitmapy w programie Animate
- Grafika 3D
- Praca z symbolami w programie Animate
- Rysowanie linii i kształtów przy użyciu programu Animate
- Praca z bibliotekami w programie Animate
- Eksportowanie dźwięków
- Zaznaczanie obiektów w programie Animate CC
- Praca z plikami AI programu Illustrator w programie Animate
- Stosowanie trybów mieszania
- Układanie obiektów
- Automatyzacja zadań za pomocą menu Polecenia
- Teksty wielojęzyczne
- Korzystanie z kamery w programie Animate
- Filtry graficzne
- Dźwięk a język ActionScript
- Preferencje rysowania
- Rysowanie za pomocą narzędzia Pióro
- Platformy
- Konwertowanie projektów programu Animate na dokumenty innych typów
- Obsługa platform niestandardowych
- Tworzenie i publikowanie dokumentów HTML5 Canvas w programie Animate
- Tworzenie i publikowanie dokumentów WebGL
- Pakowanie aplikacji na potrzeby środowiska AIR for iOS
- Publikowanie aplikacji dla środowiska AIR for Android
- Publikowanie dla środowiska AIR na komputery
- Ustawienia publikowania kodu ActionScript
- Sprawdzone procedury — porządkowanie kodu ActionScript w aplikacji
- Korzystanie z kodu ActionScript w programie Animate
- Ułatwienia dostępu w przestrzeni roboczej programu Animate
- Pisanie skryptów i zarządzanie nimi
- Włączanie obsługi platform niestandardowych
- Omówienie obsługi platform niestandardowych
- Praca z wtyczkami obsługi platform niestandardowych
- Debugowanie kodu ActionScript 3.0
- Włączanie obsługi platform niestandardowych
- Eksportowanie i publikowanie
- Eksportowanie plików z programu Animate CC
- Publikowanie plików OAM
- Eksportowanie plików SVG
- Eksportowanie grafiki i wideo w programie Animate
- Publikowanie dokumentów ActionScript 3.0
- Eksportowanie animacji do aplikacji mobilnych i platform gier
- Eksportowanie dźwięków
- Sprawdzone procedury — wskazówki dotyczące tworzenia zawartości dla urządzeń przenośnych
- Sprawdzone procedury — konwencje dotyczące wideo
- Sprawdzone procedury — wskazówki dotyczące tworzenia aplikacji SWF
- Sprawdzone procedury — określanie struktury pliku FLA
- Sprawdzone procedury optymalizowania plików FLA dla programu Animate
- Ustawienia publikowania kodu ActionScript
- Określanie ustawień publikowania w programie Animate
- Eksportowanie plików projektora
- Eksportowanie obrazów i animowanych plików GIF
- Szablony publikowania w formacie HTML
- Korzystanie z programów Adobe Premiere Pro i After Effects
- Szybkie udostępnianie i publikowanie animacji
- Rozwiązywanie problemów
Co to jest SVG?
Format SVG (Scalable Vector Graphics) to język znaczników XML, który pozwala na opisywanie dwuwymiarowych obrazów. Pliki SVG są przeznaczone do Internetu i druku oraz zastosowań przenośnych. Format ten pozwala używać obrazów o wysokiej rozdzielczości i zapewnia niezależność od rozdzielczości przy zachowaniu małego rozmiaru. Pliki SVG, które obsługują także skrypty i animacje, można łączyć z arkuszami CSS. Wszystko to sprawia, że jest to ważna technologia internetowa.
Obrazy w niektórych popularnych w Internecie formatach — takich jak GIF, JPEG lub PNG — zajmują dużo miejsca i przeważnie oferują niską rozdzielczość. W porównaniu z nimi format SVG, który pozwala zapisywać obrazy jako połączenie wektorów, tekstu i filtrów, ma wiele zalet. Pliki w formacie SVG mają mały rozmiar, zapewniając mimo tego wysoką jakość odpowiednią do zastosowań w Internecie i na urządzeniach przenośnych o ograniczonej ilości zasobów. Plik SVG można powiększyć bez spadku ostrości, liczby szczegółów ani przejrzystości. Co więcej, format SVG zapewnia doskonałą obsługę tekstu i kolorów — obrazy wynikowe są wyświetlane w taki sam sposób jak na stole montażowym. Format SVG jest oparty całkowicie na standardzie XML, co czyni go użytecznym zarówno dla programistów, jak i użytkowników.
Teraz program Animate pozwala eksportować pliki SVG bez potrzeby tworzenia niechcianych definicji czy identyfikatorów. Program Animate 19.1 oferuje udoskonalony mechanizm tworzenia kompozycji SVG. Ta opcja eksportu pozwala uzyskać wyższą jakość plików SVG importowanych do programu Character Animator.
Obieg pracy eksportowania plików SVG w programie Animate
Program Animate umożliwia eksportowanie do formatu SVG 1.1. Rozbudowane wizualnie kompozycje utworzone przy użyciu zaawansowanych narzędzi do projektowania dostępnych w programie Animate można eksportować do plików SVG.
Program Animate umożliwia eksportowanie wybranych klatek i klatek kluczowych animacji. Kompozycje są eksportowane w formacie wektorowym, dzięki czemu można uzyskać większą rozdzielczość obrazu w przypadku skalowania do różnych rozmiarów.
Funkcja eksportowania do formatu SVG zastąpiła analogiczną funkcję obsługującą format FXG (usuniętą z programu Animate w czerwcu 2013). Wydajność eksportu do formatu SVG i jakość plików wyjściowych jest o wiele wyższa. Dodatkowo w porównaniu z formatem FXG format SVG zapewnia minimalny poziom strat treści.
Kompozycja z efektami filtrów
Wygląd filtrów zastosowanych w plikach SVG może się różnić od ich wyglądu w programie Animate. Nie istnieje idealne odwzorowanie między filtrami w programie Animate i plikach SVG. Jednak program Animate ma możliwość łączenia różnych prostych filtrów z formatu SVG tak, aby przybliżyć ich wygląd do pierwotnego.
Obsługa wielu symboli
Funkcja eksportu do formatu SVG pozwala na płynną obsługę wielu symboli bez utraty zawartości. Materiał wyjściowy jest bardzo zbliżony do kompozycji na stole montażowym w programie Animate.
Eksportowanie kompozycji w formacie SVG
- W programie Animate przeciągnij lub przesuń głowicę odtwarzania do odpowiedniej klatki.
- Wybierz polecenie Plik > Eksportuj> Eksportuj obraz. Można też wybrać polecenie Plik > Ustawienia publikowania (w sekcji Inne formaty wybierając opcję Obraz SVG).
- Wpisz lub wybierz lokalizację, w której chcesz zapisać plik SVG. Upewnij się, że na liście rozwijanej Zapisz jako jest wybrany typ pliku SVG.
- Kliknij przycisk OK.
- W oknie dialogowym Eksportuj SVG wybierz opcję Osadź lub Połącz dla pliku SVG.
- Uwzględniaj warstwy ukryte — eksportuje wszystkie ukryte warstwy z dokumentu Animate. Jeśli ta opcja nie jest zaznaczona, żadne warstwy ukryte (również warstwy zagnieżdżone wewnątrz klipów filmowych) nie są eksportowane do wynikowego pliku SVG. Ta opcja ułatwia testowanie różnych wersji dokumentów programu Animate.
- Osadź — osadza bitmapę w pliku SVG. Ta opcja umożliwia bezpośrednie osadzanie bitmap w plikach SVG.
- Połącz — tworzy połączenie ze ścieżką do plików bitmap. Tej opcji można użyć, jeśli pliki nie mają być osadzane. Pozwala ona wstawić w pliku SVG łącze do bitmap. Wybranie opcji Kopiuj obrazy do folderu powoduje zapisanie bitmap w folderze images utworzonym w lokalizacji eksportu pliku SVG. Gdy opcja Kopiuj obrazy do folderu nie jest zaznaczona, w pliku SVG jest umieszczane odniesienie do pierwotnej lokalizacji bitmap. Jeśli lokalizacja źródłowa bitmap nie jest dostępna, są one osadzane w pliku SVG.
- Kopiuj obrazy do folderu /Images: Bitmapa zostanie skopiowana do folderu /Images. Jeśli folder /Images jeszcze nie istnieje, zostanie on utworzony w lokalizacji, do której plik SVG będzie eksportowany.
- Optymalizuj dla programu Character Animator: Ta opcja umożliwia eksportowanie do pliku SVG, który współpracuje z programem Character Animator.
- Kliknij przycisk OK.
Format SVG nie obsługuje niektórych funkcji programu Animate. Zawartość utworzona przy użyciu tych funkcji jest przy eksporcie usuwana lub zastępowana domyślnymi obsługiwanymi funkcjami.
Okno dialogowe Ustawienia publikowania umożliwia eksportowanie plików z poziomu programu Animate (Plik > Ustawienia publikowania). Aby eksportować pliki SVG, należy wybrać opcję SVG w obszarze Inne formaty.
Zalecane jest wyświetlanie plików SVG tylko w nowoczesnych przeglądarkach z najnowszymi aktualizacjami. Niektóre filtry graficzne i efekty kolorów mogą nie być prawidłowo renderowane w starszych wersjach przeglądarek, takich jak Internet Explorer 9.
Wymiana plików SVG z programem Adobe Illustrator
Program Animate pozwala na wymianę zawartości z programem Adobe Illustrator. Opisany obieg pracy zastępuje funkcję eksportu plików FXG, która została usunięta w wersji 13.0 programu Animate Program Animate pozwala eksportować pliki SVG, a program Adobe Illustrator obsługuje ich importowanie. Więcej informacji o używaniu plików SVG w programie Adobe Illustrator można znaleźć w następującym temacie pomocy.
Przedstawiony obieg pracy ma zastosowanie, gdy należy wprowadzić precyzyjne zmiany w kompozycji i dodać do niej atrakcyjne szczegóły. Dzięki niemu w programie Illustrator można dodać do kompozycji efekty takie jak cień.
Aby przejść do edycji plików SVG w programie Adobe Illustrator i wprowadzić zmienioną zawartość do programu Animate, wykonaj następujące czynności:
- Wyeksportuj plik SVG w programie Animate.
- Otwórz plik SVG w programie Adobe Illustrator i wprowadź zmiany do kompozycji.
- Zapisz plik SVG w formacie AI i zaimportuj go do programu Animate. Tutaj można znaleźć więcej informacji o używaniu plików programu Illustrator w programie Animate.