Za pomocą edytora HTML otwórz szablon HTML programu Animate, w którym będą wprowadzane zmiany. Te szablony znajdują się w następujących lokalizacjach:
- 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
Informacje o szablonach publikowania w formacie HTML
Szablon HTML programu Animate jest to plik zawierający statyczny kod HTML oraz kod szablonu ze specjalnymi zmiennymi (innymi niż zmienne z języka ActionScript). Po opublikowaniu pliku SWF program Animate zastępuje wartości tych zmiennych wartościami wybranymi na zakładce HTML w oknie dialogowym Ustawienia publikowania, a następnie generuje stronę HTML z osadzonym plikiem SWF.
Program Animate zawiera szereg szablonów, które uwalniają projektantów od konieczności ręcznego tworzenia stron HTML z plikami SWF i w większości sytuacji są wystarczające. Na rzykład, szablon Animate Only (Tylko Flash) pozwala testować pliki w przeglądarce. Plik SWF jest umieszczany na stronie HTML, dzięki czemu można sprawdzać jego działanie w przeglądarce (o ile jest zainstalowany program Flash Player).
W celu opublikowania strony HTML należy użyć tego samego szablonu i zmienić ustawienia. Za pomocą edytora HTML można też utworzyć własny szablon. Tworzenie szablonu przebiega tak samo jak tworzenie standardowej strony HTML. W tym pierwszym wypadku jednak wartości odnoszące się do pliku SWF należy zastąpić zmiennymi rozpoczynającymi się od znaku dolara ($).
Szablon HTML programu Animate ma następujące elementy i własności:
Jednowierszowy tytuł, który jest wyświetlany w wyskakującym menu Szablon, na zakładce HTML w oknie dialogowym Ustawienia publikowania.
Dłuższy opis, który jest wyświetlany w oknie dialogowym Ustawienia publikowania po kliknięciu przycisku Informacje z zakładki HTML.
Zmienne szablonu rozpoczynające się od znaku dolara ($) określają sposób podstawiania wartości parametrów w momencie generowania pliku wyjściowego przez program Animate.
Uwaga: Aby wprowadzić w dokumencie zwykły znak dolara, należy wpisać ukośnik, a po nim znak dolara (\$).
Znaczniki HTML object i embed, które muszą być zgodne z wymaganiami programów Microsoft Internet Explorer oraz Netscape® Communicator® lub Navigator®. Zgodność z tymi wymaganiami stanowi warunek konieczny poprawnego wyświetlania pliku SWF na stronie HTML. W programie Internet Explorer znacznik HTML object służy do otwierania plików SWF; w programie Netscape do tego celu służy znacznik embed.
Dostosowywanie szablonów publikowania w formacie HTML
Modyfikując zmienne szablonów HTML, można tworzyć mapy obrazów, raporty tekstowe lub raporty URL, a także wstawiać własne wartości dla najczęściej stosowanych znaczników HTML w programie Animate (znaczników object i embed dla parametrów). Dotyczy to przeglądarek, w których używane są odpowiednio: formanty ActiveX oraz wtyczki.
Szablony programu Animate mogą zawierać kod HTML projektowanych aplikacji, jak również kod przeznaczony dla interpreterów, takich jak ColdFusion i ASP.
-
System Windows XP lub Vista: dysk rozruchowy:\Documents and Settings\nazwa użytkownika\Local Settings\Application Data\Adobe\Flash CS5\język\Configuration\HTML\. Folder Application Data jest zwykle folderem ukrytym. Możliwe, że w celu wyświetlenia tego folderu konieczna będzie zmiana ustawień Eksploratora Windows.
System Mac OS X 10.3 lub nowszy: macOS HD/Applications/Adobe Flash CS5/język/First Run/HTML.
Dysk rozruchowy jest to dysk, z którego jest uruchamiany system operacyjny Windows (zwykle C:). Nazwa użytkownika jest to nazwa osoby zalogowanej w systemie operacyjnym Windows. Język jest oznaczany odpowiednim skrótem. Na przykład w Stanach Zjednoczonych język angielski jest oznaczany skrótem „en”, który oznacza język angielski.
-
Edytuj szablon.
-
Zapisz szablon w tym samym folderze, z którego został pobrany.
-
Aby zastosować ustawienia szablonu do pliku SWF, wybierz polecenie Plik > Ustawienia publikowania, kliknij opcję HTML i zaznacz zmodyfikowany szablon. Program Animate zmodyfikuje tylko zmienne w zaznaczonym szablonie.
-
Wybierz pozostałe ustawienia publikowania i kliknij przycisk OK.
Zmienne szablonu HTML
W poniższej tabeli zestawiono zmienne szablonów rozpoznawane przez program Animate:
Atrybut/Parametr |
Zmienna szablonu |
---|---|
Tytuł szablonu |
$TT |
Początek opisu szablonu |
$DS |
Koniec opisu szablonu |
$DF |
Tytuł Animate (pliku SWF) |
$T1 |
Tytuł Animate (pliku SWF) na potrzeby metadanych wyszukiwarek |
$TL |
Opis dla metadanych wyszukiwarek |
$DC |
Ciąg XML metadanych używany przez wyszukiwarki |
$MD |
Szerokość |
$WT |
Wysokość |
$HT |
Film |
$MO |
Wyrównanie HTML |
$HA |
Zapętlanie |
$LO |
Parametry obiektu |
$PO |
Parametry osadzania |
$PE |
Odtwarzanie |
$PL |
Jakość |
$QU |
Skala |
$SC |
Salign (przyciąganie z wyrównaniem) |
$SA |
Tryb Wmode |
$WM |
Czcionka urządzenia |
$DE |
Kolor tła |
$BG |
Tekst filmu (obszar na tekst filmu) |
$MT |
Adres URL filmu (lokalizacja adresu URL pliku SWF) |
$MU |
Szerokość obrazu (nieokreślony typ obrazu) |
$IW |
Wysokość obrazu (nieokreślony typ obrazu) |
$IH |
Nazwa pliku obrazu (nieokreślony typ obrazu) |
$IS |
Nazwa mapy obrazu |
$IU |
Lokalizacja znacznika mapy obrazu |
$IM |
Szerokość QuickTime |
$QW |
Wysokość QuickTime |
$QH |
Nazwa pliku QuickTime |
$QN |
Szerokość GIF |
$GW |
Wysokość GIF |
$GH |
Nazwa pliku GIF |
$GN |
Szerokość JPEG |
$JW |
Wysokość JPEG |
$JH |
Nazwa pliku JPEG |
$JN |
Szerokość PNG |
$PW |
Wysokość PNG |
$PH |
Nazwa pliku PNG |
$PN |
Używanie zmiennych stenograficznych
Zmienne $PO (dotyczące znaczników object) i $PE (dotyczące znaczników embed) stanowią bardzo przydatne elementy stenograficzne. Każda z nich powoduje, że program Animate wstawia do szablonu pewne niedomyślne wartości typowych parametrów object i embed, na przykład PLAY ($PL), QUALITY ($QU), SCALE ($SC), SALIGN ($SA), WMODE ($WM), DEVICEFONT ($DE) i BGCOLOR ($BG).
Przykładowy szablon HTML
Pokazany poniżej plik szablonu Default.HTML programu Animate zawiera wiele często używanych zmiennych szablonu:
$TTFlash Only $DS Wyświetlanie pliku Adobe SWF na stronie HTML. $DF <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> $CS <title>$TI</title> </head> <body bgcolor="$BG"> <!--url's used in the movie--> $MU <!--text used in the movie--> $MT <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.adobe.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="$WI" height="$HE" id="$TI" align="$HA"> <param name="allowScriptAccess" value="sameDomain" /> $PO <embed $PEwidth="$WI" height="$HE" name="$TI" align="$HA" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /> </object> </body> </html>
Tworzenie mapy obrazów do zastąpienia pliku SWF
Program Animate pozwala wygenerować mapę obrazu. Mapa taka zapewnia dostęp do wszystkich fragmentów obrazu i zachowuje działanie przycisków z łączami do adresów URL. Jeśli szablon HTML zawiera zmienną $IM, program Animate wstawia do pliku kod mapy obrazu. Zmienna $IU określa nazwę pliku GIF, JPEG lub PNG.
-
W dokumencie zaznacz klatkę kluczową, która ma stanowić mapę obrazu, i oznacz ją etykietą #Map w inspektorze Właściwości klatki (Okno > Właściwości). Użyj dowolnej klatki kluczowej z przyciskami, do których przypisano operacje języka ActionScript 1.0 lub 2.0 getURL.
Jeśli etykieta klatki nie zostanie utworzona, program Animate utworzy mapę obrazu na podstawie przycisków z ostatniej klatki pliku SWF. Ta opcja generuje osadzoną mapę obrazu, a nie osadzony plik SWF.
-
Aby wybrać klatkę w celu pokazania mapy obrazu, wykonaj jedną z następujących czynności:
W przypadku plików PNG i GIF oznacz klatkę etykietą #Static.
W przypadku pliku JPEG podczas operacji publikowania ustaw głowicę odtwarzania na klatce, która ma być używana na potrzeby wyświetlania.
-
Za pomocą edytora HTML otwórz szablon HTML programu, w którym będą wprowadzane zmiany.
-
Zapisz szablon.
-
Wybierz polecenie Plik > Ustawienia publikowania, kliknij opcję Format, wybierz format mapy obrazu i kliknij przycisk OK.
Na przykład wstaw w szablonie następujący kod:
$IM <img src=$IS usemap=$IU width=$IW height=$IH BORDER=0>
Po wykonaniu polecenia Publikuj ten kod może spowodować dodanie do dokumentu HTML następującego kodu:
<map name="mymovie"> <area coords="130,116,214,182" href="http://www.adobe.com"> </map> <img src="mymovie.gif" usemap="#mymovie" width=550 height=400 border=0>
Tworzenie raportów URL i raportów tekstowych
Użycie w szablonie zmiennej $MT powoduje, że program Animate wstawia do kodu HTML cały tekst z bieżącego pliku SWF i nadaje mu status komentarza. Jest to przydatne, gdy zawartość pliku SWF trzeba poindeksować i uczynić widoczną dla wyszukiwarek.
Użycie w szablonie zmiennej $MU powoduje, że program Animate generuje listę wszystkich adresów URL, do których odwołują się operacje z bieżącego pliku SWF, a ponadto wstawia tę listę jako komentarz. Dzięki temu narzędzia do sprawdzania poprawności łączy będą mogły wykryć i sprawdzić łącza z pliku SWF.
Osadzanie metadanych przeszukiwania
Zmienne szablonu $TL (tytuł pliku SWF) oraz $DC (metadane opisu) pozwalają dołączyć do pliku HTML metadane wyszukiwania. Dzięki temu plik SWF będzie lepiej widoczny dla wyszukiwarek, a wyniki wyszukiwania będą bardziej znaczące. Zmienna szablonu $MD pozwala dołączyć metadane wyszukiwania w postaci ciągu XML.