Příručka uživatele Zrušit

Vytváření tlačítek v aplikaci Animate

  1. Příručka uživatele aplikace Adobe Animate
  2. Úvod do aplikace Animate
    1. Novinky v aplikaci Animate
    2. Grafický glosář
    3. Systémové požadavky pro aplikaci Animate
    4. Klávesové zkratky aplikace Animate
    5. Práce s různými typy souborů v aplikaci Animate
  3. Animace
    1. Základy animování v aplikaci Animate
    2. Používání snímků a klíčových snímků v aplikaci Animate
    3. Animace po jednotlivých snímcích v aplikaci Animate
    4. Práce s animacemi klasických doplnění v aplikaci Animate
    5. Nástroj Štětec
    6. Vodítko pohybu
    7. Doplnění pohybu a ActionScript 3.0
    8. O animacích s doplněními pohybu
    9. Animace s doplněním pohybu
    10. Vytvoření animace s doplněním pohybu
    11. Používání klíčových snímků vlastností
    12. Animování polohy pomocí doplnění
    13. Úpravy doplnění pohybu v editoru pohybu
    14. Úpravy cesty pohybu u animace s doplněním
    15. Úpravy doplnění pohybu
    16. Přidání vlastního náběhu nebo doběhu
    17. Vytváření a aplikování přednastavení pohybu
    18. Nastavení rozsahu doplnění animace
    19. Práce s doplněními pohybu uloženými jako soubory XML
    20. Srovnání doplnění pohybu a klasických doplnění
    21. Doplňování tvarů
    22. Používání animací nástroje Kost v aplikaci Animate
    23. Sestavování postav v aplikaci Animate
    24. Používání vrstev masek v aplikaci Adobe Animate
    25. Práce se scénami v aplikaci Animate
  4. Interaktivita
    1. Vytváření tlačítek v aplikaci Animate
    2. Převod projektů aplikace Animate na jiné typy dokumentů
    3. Vytváření a publikování dokumentů HTML5 Canvas v aplikaci Animate
    4. Přidání interaktivity pomocí fragmentů kódu v aplikaci Animate
    5. Vytváření vlastních komponent HTML5
    6. Používání komponent v dokumentech HTML5 Canvas
    7. Vytváření vlastních komponent: Příklady
    8. Fragmenty kódu pro vlastní komponenty
    9. Osvědčené postupy – Tvorba reklam v aplikaci Animate
    10. Vytváření a publikování virtuální reality
  5. Pracovní plocha a pracovní postupy
    1. Vytváření a správa malířských štětců
    2. Používání písem Google v dokumentech HTML5 Canvas
    3. Používání knihoven Creative Cloud v aplikaci Adobe Animate
    4. Používání vymezené plochy a panelu nástrojů v aplikaci Animate
    5. Pracovní postupy a pracovní plocha aplikace Animate
    6. Používání webových písem v dokumentech HTML5 Canvas
    7. Časové osy a ActionScript
    8. Práce s více časovými osami
    9. Nastavení předvoleb
    10. Používání vývojových panelů aplikace Animate
    11. Vytváření vrstev časové osy v aplikaci Animate
    12. Export animací pro mobilní aplikace a herní moduly
    13. Přemísťování a kopírování objektů
    14. Předlohy
    15. Příkaz Hledat a nahradit v aplikaci Animate
    16. Vrácení akce, její zopakování a panel Historie
    17. Klávesové zkratky
    18. Používání časové osy v aplikaci Animate
    19. Vytvoření rozšíření HTML
    20. Možnosti optimalizace obrázků a animovaných souborů GIF
    21. Export nastavení pro obrázky a soubory GIF
    22. Panel Datové zdroje v aplikaci Animate
  6. Multimédia a video
    1. Transformace a kombinování grafických objektů v aplikaci Animate
    2. Vytváření a práce s instancemi symbolů v aplikaci Animate
    3. Vektorizace obrazu
    4. Používání zvuku v aplikaci Adobe Animate
    5. Export souborů SVG
    6. Vytváření souborů videa používaných v aplikaci Animate
    7. Přidání videa v aplikaci Animate
    8. Práce se startovacími body videa
    9. Kreslení a vytváření objektů v aplikaci Animate
    10. Změna čar a tvarů
    11. Tahy, výplně a přechody v aplikaci Animate
    12. Práce s aplikacemi Adobe Premiere Pro a After Effects
    13. Panely barev v aplikaci Animate
    14. Otevírání souborů aplikace Flash CS6 v aplikaci Animate
    15. Práce s klasickým textem v aplikaci Animate
    16. Vložení grafiky do aplikace Animate
    17. Importované bitmapy v aplikaci Animate
    18. 3D grafika
    19. Práce se symboly v aplikaci Animate
    20. Kreslení čar a tvarů v aplikaci Adobe Animate
    21. Práce s knihovnami v aplikaci Animate
    22. Export zvuků
    23. Výběr objektů v aplikaci Animate
    24. Práce se soubory aplikace Illustrator (AI) v aplikaci Animate
    25. Nanášení vzorů pomocí nástroje Stopa spreje
    26. Používání režimů prolnutí
    27. Uspořádání objektů
    28. Automatizace úloh pomocí nabídky Příkazy
    29. Vícejazyčný text
    30. Používání kamery v aplikaci Animate
    31. Používání aplikace Animate s nástrojem Adobe Scout
    32. Práce se soubory aplikace Fireworks
    33. Grafické filtry
    34. Zvuk a ActionScript
    35. Předvolby kreslení
    36. Kreslení nástrojem Pero
  7. Platformy
    1. Převod projektů aplikace Animate na jiné typy dokumentů
    2. Podpora vlastní platformy
    3. Vytváření a publikování dokumentů HTML5 Canvas v aplikaci Animate
    4. Vytvoření a publikování dokumentu ve formátu WebGL
    5. Balení aplikací pro prostředí AIR for iOS
    6. Publikování aplikací prostředí AIR for Android
    7. Publikování pro prostředí Adobe AIR pro počítače
    8. Nastavení publikování jazyka ActionScript
    9. Osvědčené postupy – Uspořádání ActionScriptu v aplikaci
    10. Používání jazyka ActionScript v aplikaci Animate
    11. Osvědčené postupy – Pravidla usnadnění přístupu
    12. Usnadnění přístupu v pracovním prostoru aplikace Animate
    13. Psaní a správa skriptů
    14. Povolení podpory vlastních platforem
    15. Přehled podpory vlastních platforem
    16. Vytváření přístupného obsahu
    17. Práce se zásuvným modulem pro podporu vlastní platformy
    18. Ladění jazyka ActionScript 3.0
    19. Povolení podpory vlastních platforem
  8. Export a publikování
    1. Export souborů z aplikace Animate
    2. Publikování OAM
    3. Export souborů SVG
    4. Export grafiky a videa v aplikaci Animate
    5. Publikování dokumentů AS3
    6. Export animací pro mobilní aplikace a herní moduly
    7. Export zvuků
    8. Export videosouborů QuickTime
    9. Ovládání externího přehrávání videa s použitím jazyka ActionScript
    10. Osvědčené postupy – Tipy pro vytváření obsahu pro mobilní zařízení
    11. Osvědčené postupy – Konvence videa
    12. Osvědčené postupy – Pravidla pro vývoj aplikací SWF
    13. Osvědčené postupy – Strukturování souborů FLA
    14. Osvědčené postupy pro optimalizaci souborů FLA pro Animate
    15. Nastavení publikování jazyka ActionScript
    16. Nastavení publikování v aplikaci Animate
    17. Export souborů projektoru
    18. Export obrázků a animovaných souborů GIF
    19. Předlohy publikování HTML
    20. Práce s aplikacemi Adobe Premiere Pro a After Effects
    21. Rychlé sdílení a publikování animací

Základní kroky při vytváření tlačítek

  1. Rozhodněte, jaký typ tlačítka nejlépe vyhovuje vašim potřebám.

    Symbol tlačítka

    Většina lidí si zvolí symboly tlačítek pro jejich flexibilitu. Symboly tlačítek obsahují specializovanou interní časovou osu pro stavy tlačítka. Můžete snadno vytvářet vizuálně odlišné stavy Nahoře, Dole a Přes. Symboly tlačítek automaticky mění svůj stav v reakci na akce uživatelů.

    Tlačítko s filmovým klipem

    Symbol filmového klipu můžete použít, chcete-li vytvořit složité efekty tlačítka. Symboly filmových klipů mohou obsahovat prakticky jakýkoli typ obsahu, včetně animace. Symboly filmových klipů však nemají vestavěné stavy Nahoře, Dole a Přes. Tyto stavy můžete vytvořit sami pomocí jazyka ActionScript. Nevýhodou je, že soubory filmových klipů jsou větší než soubory tlačítek. 

    Komponenta představující tlačítko v jazyce ActionScript

    Komponentu Button použijte, pouze pokud požadujete standardní nebo přepínací tlačítko a nechcete je příliš přizpůsobovat. Komponenta představující tlačítko v jazyce ActionScript 2.0 i 3.0 obsahuje vestavěný kód, který umožňuje změny stavu. Takže nemusíte vzhled a chování stavů tlačítka definovat. Stačí přetáhnout komponentu do vymezené plochy.

    • Komponenty představující tlačítko v jazyce ActionScript 3.0 umožňují určité přizpůsobení. Můžete navázat tlačítko na jiné komponenty, abyste mohli sdílet a zobrazovat data aplikace. Mají vestavěné funkce, jako je podpora usnadnění přístupu. K dispozici jsou komponenty Button (tlačítko), RadioButton (přepínač) a CheckBox (zaškrtávací políčko)

    • Komponenty Button v jazyce ActionScript 2.0 nejsou přizpůsobitelné. Komponenta umožňuje změny stavu.

  2. Definujte stavy tlačítka.

    Snímek Nahoře

    Vzhled tlačítka, když s ním uživatel neinteraguje.

    Snímek Přes

    Vzhled tlačítka těsně předtím, než ho uživatel vybere.

    Snímek Dole

    Vzhled tlačítka, když ho uživatel vybere.

    Snímek Zásah

    Oblast, která reaguje na kliknutí uživatelem. Definování tohoto snímku Zásah je volitelné. Pokud je tlačítko malé nebo pokud jeho grafická oblast není spojitá, může být definování tohoto snímku užitečné.

    • Obsahy snímku Zásah nejsou ve vymezené ploše během přehrávání viditelné.

    • Grafika pro snímek Zásah je plná plocha velká alespoň tak, aby se do ní vešly všechny grafické prvky snímků Nahoře, Dole a Přes.

    • Pokud neurčíte snímek Zásah, použije se obraz stavu Nahoře.

      Můžete vytvořit tlačítko, které reaguje, klepne-li se do jiné oblasti vymezené plochy nebo se přes ni přejede (také nazývané rozdělený efekt přechodu). Umístěte grafiku snímku Zásah na jiné umístění než grafiky ostatních tlačítek snímku.

  3. Přiřaďte k tlačítku akci.

    Na časovou osu přidáte kód jazyka ActionScript, aby poté, co uživatel zvolí tlačítko, došlo k určité akci. Umístěte kód ActionScript do stejných snímků jako tlačítka. Panel Výstřižky kódu obsahuje předvytvořený kód jazyka ActionScript 3.0 pro mnoho běžných použití tlačítek. Další informace najdete v tématu Přidání interaktivity do fragmentů kódu

     ActionScript 2.0 není kompatibilní s jazykem ActionScript 3.0. Pokud vaše verze Animate používá ActionScript 3.0, nemůžete do tlačítka vložit kód ActionScript 2.0 (a obráceně). Před vkládáním jazyka ActionScript do tlačítek z jiného zdroje se ujistěte, zda se jedná o kompatibilní verzi.

Vytvoření tlačítka se symbolem tlačítka

Chcete-li, aby bylo tlačítko interaktivní, umístěte instanci symbolu tlačítka do vymezené plochy a přiřaďte této instanci požadované akce. Akce se přiřazují ke kořenové časové ose souboru FLA. Nepřidávejte akce do časové osy symbolu tlačítka. Chcete-li přidat akce na časovou osu tlačítka, použijte místo něj tlačítko s filmovým klipem.

  1. Volbou položek Úpravy > Zrušit výběr všeho nebo klepnutím na prázdnou oblast ve vymezené ploše zajistěte, aby na vymezené ploše nebylo nic vybráno.

  2. Zvolte položky Vložit > Nový symbol.

  3. V dialogovém okně Vytvořit nový symbol zadejte název. Jako typ symbolu vyberte volbu Button (Tlačítko).

    Animate přepne do režimu úprav symbolu. V časové ose se zobrazí čtyři po sobě jdoucí snímky označené jako Nahoře, Přes, Dole a Zásah. První snímek, Nahoře, je prázdný klíčový snímek.

  4. Chcete-li vytvořit obraz pro stav tlačítka Nahoře, vyberte v časové ose snímek Nahoře. Pak použijte kreslicí nástroje, naimportujte grafiku nebo umístěte instanci jiného symbolu ve vymezené ploše.

    Uvnitř tlačítka můžete použít grafické symboly nebo symboly filmových klipů, nikoli však další symbol tlačítka.

  5. časové ose klepněte na snímek Přes a pak zvolte položky Vložit > Časová osa > Klíčový snímek.

    Animate vloží do časové osy klíčový snímek, který duplikuje obsah předchozího snímku Nahoře.

  6. Ponechejte snímek Přes vybraný a změnou nebo úpravou obrazu tlačítka ve vymezené ploše vytvořte požadovaný vzhled stavu Přes.

  7. Zopakujte kroky 5 a 6 pro snímek Dole a volitelný snímek Zásah.

  8. Chcete-li k některému stavu tlačítka přiřadit zvuk, vyberte snímek daného stavu na časové ose a zvolte příkaz Okno > Vlastnosti. Poté vyberte zvuk z nabídky Zvuk v inspektoru Vlastnosti. V nabídce Zvuk se zobrazují pouze dříve importované zvuky.

  9. Po dokončení zvolte položky Úpravy > Upravit dokument. Animate se vrátí na hlavní časovou osu vašeho souboru FLA. Chcete-li vytvořit instanci tlačítka, které jste vytvořili ve vymezené ploše, přetáhněte symbol tlačítka z panelu Knihovna do vymezené plochy.

  10. Chcete-li otestovat funkčnost tlačítka, použijte příkaz Ovládání > Testovat. Náhled stavů symbolu tlačítka lze zobrazit také ve vymezené ploše pomocí příkazu Ovládání > Zapnout jednoduchá tlačítka. Tento příkaz umožňuje zobrazit stavy Nahoře, Přes a Dole symbolu tlačítka, aniž by bylo nutné použít příkaz Ovládání > Testovat.

Zapnutí, úpravy a testování symbolů tlačítek

Ve výchozím nastavení Animate ponechává symboly tlačítek během jejich vytváření vypnuté. Chcete-li vyzkoušet, jak tlačítko reaguje na akce myši, vyberte ho a zapněte ho. Osvědčeným postupem je vypínat tlačítka při práci a potom je povolit, abyste rychle odzkoušeli jejich chování.

  • Chcete-li vybrat tlačítko, použijte nástroj pro výběr a tažením vytvořte kolem tlačítka rámeček výběru.

  • Chcete-li zapnout nebo vypnout tlačítka na vymezené ploše, zvolte Ovládání > Povolit jednoduchá tlačítka. Tento příkaz slouží jako přepínání mezi dvěma stavy.

  • Chcete-li přesunout tlačítko, použijte klávesy se šipkami.

  • Chcete-li upravit tlačítko, použijte inspektor Vlastnosti. Pokud není viditelný, zvolte položky Okna > Vlastnosti.

  • Chcete-li tlačítko otestovat ve vývojovém prostředí, zvolte položky Ovládání > Povolit jednoduchá tlačítka.

  • Chcete-li tlačítko otestovat v přehrávači Flash Player, zvolte položky Ovládání > Testovat film [nebo Testovat scénu] > Testovat. Tato metoda představuje jediný způsob testování tlačítek s filmovými klipy.

  • Chcete-li tlačítko otestovat v panelu Náhled knihovny, vyberte tlačítko v panelu Knihovna a klepněte na tlačítko Spustit.

Řešení potíží s tlačítky

Informace o odstraňování nejčastějších problémů s tlačítky naleznete v následujících zdrojích:

Zdroje pro další tlačítka

Následující dokumenty TechNote obsahují pokyny pro některé specifické scénáře tlačítek:

Logo Adobe

Přihlaste se ke svému účtu.