Ustal, jakiego typu przycisk najlepiej spełnia określone wymagania.
- 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
Podstawowa procedura tworzenia przycisków
-
Symbol przycisku
Symbole przycisków są często wybierane ze względu na ich elastyczność. Symbol przycisku zawiera specjalną, wewnętrzną oś czasu przechowującą stany przycisku. Pozwala to w prosty sposób utworzyć stany Up (Uniesienie), Down (Naciśnięcie) i Over (Najazd) o różnym wyglądzie. Symbole przycisków zmieniają stany automatycznie zależnie od działań użytkownika.
Przycisk klipu filmowego
Za pomocą symbolu klipu filmowego można tworzyć skomplikowane efekty przycisków. Symbole klipów filmowych mogą zawierać materiały prawie dowolnego typu, w tym animacje. Symbole klipów filmowych nie oferują wbudowanych stanów Up (Uniesienie), Down (Naciśnięcie) i Over (Najazd). Należy utworzyć je samodzielnie przy użyciu języka ActionScript. Wadą plików klipów filmowych są ich rozmiary — większe niż plików przycisków.
Składnik przycisku ActionScript
Składniku przycisku należy użyć, gdy jest potrzebny tylko zwykły przycisk lub przełącznik, który nie będzie dostosowywany w szerokim zakresie. Składniki przycisków języków ActionScript 2.0 i 3.0 zawierają wbudowany kod obsługujący zmiany stanu. Nie trzeba więc definiować wyglądu ani zachowania stanów przycisku. Wystarczy przeciągnąć zawartość na stół montażowy.
Składniki przycisków języka ActionScript 3.0 oferują pewne opcje dostosowywania. Przycisk można powiązać z innymi składnikami. Można też współużytkować dane aplikacji ekranowych. Wbudowane funkcje obejmują między innymi obsługę ułatwień dostępu. Są dostępne składniki Button (Przycisk), RadioButton (Przycisk opcji) i CheckBox (Pole wyboru).
Składników przycisków języka ActionScript 2.0 nie można dostosowywać. Składnik obsługuje zmiany stanu.
-
Zdefiniuj stany przycisku.
Klatka przycisku uniesionego
Wygląd przycisku, gdy użytkownik go nie używa.
Klatka najazdu na przycisk
Wygląd przycisku tuż przed jego kliknięciem przez użytkownika.
Klatka przycisku naciśniętego
Wygląd przycisku w momencie kliknięcia przez użytkownika.
Ramka celu
Obszar reagujący na kliknięcia użytkownika. Definiowanie ramki Hit (Cel) jest opcjonalne. Zdefiniowanie tej ramki może być przydatne, jeśli przycisk jest mały lub obszar graficzny jest nieciągły.
Zawartość ramki Hit (Cel) nie jest widoczna na stole montażowym podczas odtwarzania.
Grafika ramki Hit (Cel) musi być jednolitym obszarem o rozmiarze wystarczającym do pomieszczenia wszystkich elementów graficznych klatek Up (Uniesienie), Down (Naciśnięcie) i Over (Najazd).
Jeśli ramka Hit (Cel) nie zostanie określona, będzie używany stan Up (Uniesienie).
Można utworzyć przycisk, który będzie reagować, gdy inny obszar stołu montażowego zostanie kliknięty lub przewinięty. (Takie działanie jest określane jako najazd niezależny). Umieść grafikę klatki Hit (Cel) w innym miejscu niż pozostałe grafiki klatek przycisków.
-
Skojarz operację z przyciskiem.
Aby uruchamiać operację, gdy użytkownik wybierze przycisk, należy dodać kod ActionScript do osi czasu. Kod ActionScript należy umieścić w tych samych klatkach, w których znajdują się przyciski. Panel Wycinki kodu zawiera wstępnie napisany kod ActionScript 3.0 do obsługi szeregu typowych funkcji przycisków. Zobacz Dodawanie funkcji interaktywnych przy użyciu fragmentów kodu.
Języki ActionScript 2.0 i ActionScript 3.0 nie są zgodne. W przypadku korzystania z wersji programu Animate opartej na języku ActionScript 3.0 nie można wkleić do przycisku kodu ActionScript 2.0 (i odwrotnie). Przed wklejeniem kodu ActionScript do przycisku z innego źródła należy upewnić się, że jest to kod zgodnej wersji języka.
Tworzenie przycisku za pomocą symbolu przycisku
Aby uzyskać interaktywny przycisk, należy umieścić wystąpienie symbolu przycisku na stole montażowym i przypisać operacje do tego wystąpienia. Operacje należy przypisać do głównej osi czasu pliku FLA. Nie należy dodawać operacji do osi czasu symbolu przycisku. Aby dodać operację do osi czasu przycisku, należy zastosować przycisk klipu filmowego.
-
Wybierz polecenie Edycja > Wyczyść wszystko lub kliknij pusty obszar stołu montażowego, aby mieć pewność, że nic nie zaznaczono na stole montażowym.
-
Wybierz polecenie Wstaw > Nowy symbol.
-
Wprowadź nazwę w oknie dialogowym tworzenia nowego symbolu. W polu Typ symbolu wybierz opcję Przycisk.
Program Animate przechodzi do trybu edycji symbolu. Na osi czasu zostaną wyświetlone cztery kolejne klatki z podpisami Up (Uniesienie), Over (Najazd), Down (Naciśnięcie) i Hit (Cel). Pierwsza klatka, Up, jest pustą klatką kluczową.
-
Aby utworzyć obraz przycisku stanu Up, zaznacz klatkę Up na osi czasu. Następnie użyj narzędzi do rysowania, zaimportuj grafikę lub umieść wystąpienie innego symbolu na stole montażowym.
Wewnątrz przycisku można używać symboli graficznych lub symboli klipów filmowych, ale nie można używać innych symboli przycisków.
-
Na osi czasu kliknij klatkę Over i wybierz polecenie Wstaw > Oś czasu > Klatka kluczowa.
Program Animate wstawia klatkę kluczową będącą duplikatem zawartości poprzedzającej ją klatki Up.
-
Nie anulując zaznaczenia klatki Over, zmień lub edytuj obraz przycisku na stole montażowym, nadając mu wygląd oczekiwany w stanie Over.
-
Powtórz kroki 5 i 6 dla klatki Down i ramki Hit.
-
Aby do stanu przycisku przypisać dźwięk, zaznacz klatkę stanu na osi czasu i wybierz polecenie Okno > Właściwości. Następnie wybierz dźwięk z menu Dźwięk w inspektorze właściwości. W menu Dźwięk będą widoczne tylko dźwięki, które zostały wcześniej zaimportowane.
-
Po zakończeniu wybierz polecenie Edycja > Edytuj dokument. Program Animate powróci do głównej osi czasu pliku FLA. Aby utworzyć wystąpienie przycisku utworzonego wcześniej na stole montażowym, przeciągnij symbol przycisku z panelu Biblioteka na stół montażowy.
-
Aby sprawdzić działanie przycisku, użyj polecenia Sterowanie > Testuj. Podgląd stanów symbolu przycisku na stole montażowym można wyświetlić, wybierając polecenie Sterowanie > Włącz proste przyciski. To polecenie pozwala na sprawdzenia stanów symbolu przycisku (uniesiony, najazd, naciśnięty) bez korzystania z opcji Sterowanie > Testuj.
Włączanie, edytowanie i testowanie symboli przycisków
Domyślnie program Animate wyłącza nowo utworzone symbole przycisków. Aby sprawdzić, czy przycisk reaguje na aktywację myszą, zaznacz go i włącz. Sprawdzona procedura polega na wyłączaniu przycisków na czas pracy i włączaniu w celu testowania zachowania.
Aby zaznaczyć przycisk, za pomocą narzędzia Zaznaczanie przeciągnij ramkę zaznaczenia wokół przycisku.
Aby włączyć lub wyłączyć przyciski na stole montażowym, wybierz polecenie Sterowanie > Włącz proste przyciski. Polecenie to służy do przełączania dwóch stanów.
Aby przenieść przycisk, użyj klawiszy strzałek.
Aby edytować przycisk, skorzystaj z Inspektowa właściwości. Jeżeli nie jest on widoczny, wybierz polecenie Okno > Właściwości.
Aby przetestować przycisk w środowisku projektowym, wybierz polecenie Sterowanie > Włącz proste przyciski.
Aby przetestować przycisk w programie Flash Player, wybierz polecenie Sterowanie > Testuj film [lub Testuj scenę] > Testuj. Jest to jedyna metoda testowania przycisków klipów filmowych.
Aby przetestować przycisk w panelu Podgląd biblioteki, zaznacz przycisk w bibliotece i kliknij przycisk Odtwórz.
Rozwiązywanie problemów z przyciskami
Następujące zasoby są pomocne przy rozwiązywaniu typowych problemów z przyciskami:
Notatka techniczna: Dodawanie operacji do przycisków udostępnionych (Adobe.com)
Dodatkowe zasoby dotyczące przycisków
Następujące notatki techniczne zawierają instrukcje dotyczące określonych scenariuszy z przyciskami:
Notatka techniczna: Tworzenie nowego przycisku (Adobe.com)
Notatka techniczna: Tworzenie przycisków zaawansowanych (Adobe.com)
Notatka techniczna: Jak jeden przycisk może wykonywać różne operacje w różnym czasie? (Adobe.com)