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

Vytvoření animace s doplněním pohybu

  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. Kreslení a vytváření objektů v aplikaci Animate
    9. Změna čar a tvarů
    10. Tahy, výplně a přechody v aplikaci Animate
    11. Práce s aplikacemi Adobe Premiere Pro a After Effects
    12. Panely barev v aplikaci Animate
    13. Otevírání souborů aplikace Flash CS6 v aplikaci Animate
    14. Práce s klasickým textem v aplikaci Animate
    15. Vložení grafiky do aplikace Animate
    16. Importované bitmapy v aplikaci Animate
    17. 3D grafika
    18. Práce se symboly v aplikaci Animate
    19. Kreslení čar a tvarů v aplikaci Adobe Animate
    20. Práce s knihovnami v aplikaci Animate
    21. Export zvuků
    22. Výběr objektů v aplikaci Animate
    23. Práce se soubory aplikace Illustrator (AI) v aplikaci Animate
    24. Používání režimů prolnutí
    25. Uspořádání objektů
    26. Automatizace úloh pomocí nabídky Příkazy
    27. Vícejazyčný text
    28. Používání kamery v aplikaci Animate
    29. Grafické filtry
    30. Zvuk a ActionScript
    31. Předvolby kreslení
    32. 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. Usnadnění přístupu v pracovním prostoru aplikace Animate
    12. Psaní a správa skriptů
    13. Povolení podpory vlastních platforem
    14. Přehled podpory vlastních platforem
    15. Práce se zásuvným modulem pro podporu vlastní platformy
    16. Ladění jazyka ActionScript 3.0
    17. 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. Osvědčené postupy – Tipy pro vytváření obsahu pro mobilní zařízení
    9. Osvědčené postupy – Konvence videa
    10. Osvědčené postupy – Pravidla pro vývoj aplikací SWF
    11. Osvědčené postupy – Strukturování souborů FLA
    12. Osvědčené postupy pro optimalizaci souborů FLA pro Animate
    13. Nastavení publikování jazyka ActionScript
    14. Nastavení publikování v aplikaci Animate
    15. Export souborů projektoru
    16. Export obrázků a animovaných souborů GIF
    17. Předlohy publikování HTML
    18. Práce s aplikacemi Adobe Premiere Pro a After Effects
    19. Rychlé sdílení a publikování animací
  9. Řešení problémů
    1. Opravené problémy
    2. Známé problémy

 

Než začnete

Než se pustíte do animování, seznamte se s těmito pojmy:

Základní informace

Popis

Než začnete pracovat s doplněními pohybu, seznamte se s používáním časové osy a úpravou vlastností. Jednotlivé klíčové snímky vlastností můžete upravovat na vymezené ploše, v inspektoru vlastností nebo v nově přepracovaném Editoru pohybu.

V Animate lze doplňovat pouze instance symbolů a textová pole. Všechny ostatní typy objektů jsou při aplikování doplnění zahrnuty do symbolu. Instance symbolu mohou obsahovat vnořené symboly, které lze samostatně doplnit v jejich vlastní časové ose.

Nejmenší stavební jednotka každé vrstvy doplnění je rozsah doplnění. Rozsah doplnění ve vrstvě doplnění může obsahovat pouze jednu instanci symbolu nebo textové pole. Instance symbolu se označuje jako cíl rozsahu doplnění. Jeden symbol však může obsahovat mnoho objektů.

Když do rozsahu doplnění přidáte druhý symbol nebo textové pole, nahradíte tím původní symbol v doplnění. Ke změně cílového objektu doplnění použijte některou z následujících metod:

  • Přetáhněte jiný symbol z knihovny na rozsah doplnění v časové ose.
  • Použijte příkaz Změnit > Symbol > Zaměnit symbol.

Symbol můžete z vrstvy doplnění smazat, aniž byste tím doplnění odstranili nebo přerušili. Později pak můžete k doplnění přidat jinou instanci symbolu. Kdykoli také můžete změnit typ cílového symbolu nebo symbol upravit.

Pokud nějaké doplnění obsahuje pohyb, na vymezené ploše se zobrazí cesta pohybu. Cesta pohybu označuje polohu doplňovaného objektu v jednotlivých snímcích. Cestu pohybu na vymezené ploše můžete upravovat přetahováním jejích řídicích bodů. Do vrstvy doplnění/inverzní kinematiky nelze přidat vodítko pohybu. 

Viz také

Komponenty doplnění pohybu

Rozsah doplnění:

  • Rozsah doplnění je skupina snímků na časové ose, ve které se v průběhu času mění jedna nebo více vlastností nějakého objektu.
  • Rozsah doplnění pohybu se na časové ose zobrazuje jako skupina snímků v jedné vrstvě s barevným pozadím.
  • Rozsahy doplnění můžete vybrat jako jeden objekt a přetáhnout ho na časové ose jinam, třeba i do jiné vrstvy.
  • V každém rozsahu můžete animovat pouze jeden objekt na vymezené ploše. Tomuto objektu se říká cílový objekt daného rozsahu doplnění.

Klíčový snímek vlastnosti:

  • Klíčový snímek vlastnosti je snímek v rozsahu doplnění, ve kterém explicitně definujete jednu nebo více vlastností cílového objektu doplnění.
  • K těmto vlastnostem patří například poloha, alfa (průhlednost), barevný odstín atd.
  • Každá definovaná vlastnost má vlastní klíčové snímky.
  • Pokud v některém snímku nastavíte více než jednu vlastnost, budou v tomto snímku uloženy klíčové snímky všech těchto vlastností.
  • V Editoru pohybu se můžete podívat na všechny vlastnosti rozsahu doplnění a jejich klíčové snímky.
  • Chcete-li nastavit, které typy klíčových snímků vlastností se budou zobrazovat na časové ose, klikněte v kontextové nabídce rozsahu doplnění pravým tlačítkem na kteroukoli vlastnosti a zvolte Zobrazit klíčové snímky. 

Cílový objekt doplnění

V rozsahu každého doplnění pohybu se nachází jeden objekt, kterému se říká cílový objekt doplnění. Mít v každém doplnění jen jeden cílový objekt má několik výhod:

  • Doplnění si můžete uložit jako přednastavení pro pozdější použití.
  • Doplnění pohybu se dají snadno přesouvat na časové ose (stačí je přetáhnout) i na vymezené ploše.
  • Pokud chcete ve stávajícím doplnění použít novou instanci, postupujte některým z uvedených způsobů:
    • Zkopírujte a vložte novou instanci do doplnění.
    • Přetáhněte novou instanci z knihovny.
    • Použijte příkaz Zaměnit symbol. 

Doplnitelné objekty a vlastnosti

K typům objektů, na které lze použít doplnění pohybu, patří filmové klipy, grafika, symboly tlačítek a textová pole. Lze zahrnout následující vlastnosti těchto objektů:

  • Poloha X a Y v 2D prostoru
  • Poloha Z v 3D prostoru (pouze pro filmové klipy)

  • Otočení v 2D prostoru (okolo osy Z)

  • Otočení okolo osy X, Y a Z v 3D prostoru (pouze pro filmové klipy): soubor FLA v nastavení publikování je potřeba nastavit na ActionScript 3.0 a Flash Player 10 nebo vyšší. Prostředí Adobe AIR rovněž podporuje 3D pohyb.

  • Zkosení podle osy X a Y

  • Změna velikosti podle osy X a Y

  • Barevné efekty: zahrnuje alfu (průhlednost), jas, odstín a pokročilá nastavení barev. Barevné efekty lze doplnit pouze u symbolů a textu modulu TLF. Doplněním těchto vlastností dosáhnete toho, že objekty budou přecházet z jedné barvy do druhé. Chcete-li doplnit barevný efekt u klasického textu, převeďte daný text na symbol.

  • Vlastnosti filtrů (filtry nelze aplikovat na grafické symboly)

Vytvoření animace pomocí doplnění pohybu

Doplnění pohybu se dají vytvářet těmito třemi způsoby:

  • Vytvořte grafiku nebo instanci, kterou chcete doplnit, pak klikněte pravým tlačítkem na nějaký snímek a vyberte Vytvořit doplnění pohybu.
  • Vyberte grafiku nebo instanci, kterou chcete doplnit, a v hlavní nabídce vyberte Vložit > Doplnění pohybu.
  • Vytvořte grafiku nebo instanci, kterou chcete doplnit, pak na ni na vymezené ploše klikněte pravým tlačítkem a vyberte Vytvořit doplnění pohybu.

 Používání ActionScriptu v animaci je volitelné.

Vytvoření animace pomocí doplnění pohybu

Doplnění dalších vlastností pomocí inspektoru vlastností

Příkaz Vytvořit doplnění pohybu použijte k animaci vlastností instance symbolu nebo textového pole. Mezi podporované vlastnosti patří otočení, změna velikosti, průhlednost nebo odstín (pouze symboly a text TLF). Můžete například upravit vlastnost alfa (průhlednost) instance symbolu tak, aby se na obrazovce objevil postupně.

  1. Na vymezené ploše vyberte instanci symbolu nebo textové pole.

    Pokud výběr obsahuje jiné objekty nebo obsahuje více objektů z vrstvy, nabídne aplikace Animate převedení výběru na symbol filmového klipu.

  2. Zvolte Vložit > Doplnění pohybu.

    Pokud se zobrazí dialogové okno „Převést výběr na symbol pro doplnění“, kliknutím na tlačítko OK převedete výběr na symbol filmového klipu.

    Když doplnění aplikujete na objekt, který existuje pouze v jediném klíčovém snímku, přesune se přehrávací hlava na poslední snímek nového doplnění. V ostatních případech zůstává přehrávací hlava na stejném místě.

  3. Umístěte přehrávací hlavu do snímku rozsahu doplnění, kde chcete určit hodnotu vlastnosti.

    Přehrávací hlavu můžete umístit do kteréhokoli jiného snímku rozsahu doplnění. Doplnění začíná s hodnotami vlastností určenými v prvním snímku rozsahu doplnění, který je vždy klíčovým snímkem vlastnosti.

  4. U vybraného objektu na vymezené ploše nastavte hodnotu nepolohové vlastnosti, jako jsou například alfa (průhlednost), natočení nebo zkosení. Hodnotu můžete nastavit v inspektoru vlastností nebo pomocí některého z nástrojů na panelu Nástroje.

    Z aktuálního snímku rozsahu se stane klíčový snímek vlastnosti.

     Můžete zobrazit různé typy klíčových snímků vlastnosti v rozsahu doplnění. Klikněte pravým tlačítkem (Windows) nebo s podrženou klávesou Ctrl (Macintosh) na rozsah doplnění a v kontextové nabídce vyberte Zobrazit klíčové snímky > Typ vlastnosti.

  5. Přesouváním přehrávací hlavy po časové ose zobrazíte náhled doplnění na vymezené ploše.

  6. Chcete-li přidat další klíčové snímky vlastností, přesuňte přehrávací hlavu do požadovaného snímku v rozsahu a v inspektoru vlastnost nastavte hodnoty vlastností.

Přidání doplnění do stávající vrstvy doplnění

Do stávající vrstvy doplnění můžete přidávat další doplnění. To umožňuje při vytváření obsahu Animate s animací používat méně vrstev.

  1. Proveďte jeden z následujících úkonů:

    • Přidejte do vrstvy prázdný klíčový snímek (Vložit > Časová osa > Prázdný klíčový snímek), přidejte do tohoto klíčového snímku nějaké položky a pak tyto položky doplňte.
    • Vytvořte doplnění v samostatné vrstvě a poté rozsah přetáhněte do požadované vrstvy.
    • Přetáhněte statický snímek z jiné vrstvy do vrstvy doplnění a poté k objektu ve statickém snímku přidejte doplnění.
    • Přetažením se stisknutou klávesou Alt zduplikujete existující rozsahu ze stejné nebo jiné vrstvy.
    • Zkopírujte a vložte rozsah doplnění ze stejné nebo jiné vrstvy.

Získejte pomoc rychleji a snáze

Nový uživatel?