- Příručka uživatele aplikace Adobe Animate
- Úvod do aplikace Animate
- Animace
- Základy animování v aplikaci Animate
- Používání snímků a klíčových snímků v aplikaci Animate
- Animace po jednotlivých snímcích v aplikaci Animate
- Práce s animacemi klasických doplnění v aplikaci Animate
- Nástroj Štětec
- Vodítko pohybu
- Doplnění pohybu a ActionScript 3.0
- O animacích s doplněními pohybu
- Animace s doplněním pohybu
- Vytvoření animace s doplněním pohybu
- Používání klíčových snímků vlastností
- Animování polohy pomocí doplnění
- Úpravy doplnění pohybu v editoru pohybu
- Úpravy cesty pohybu u animace s doplněním
- Úpravy doplnění pohybu
- Přidání vlastního náběhu nebo doběhu
- Vytváření a aplikování přednastavení pohybu
- Nastavení rozsahu doplnění animace
- Práce s doplněními pohybu uloženými jako soubory XML
- Srovnání doplnění pohybu a klasických doplnění
- Doplňování tvarů
- Používání animací nástroje Kost v aplikaci Animate
- Sestavování postav v aplikaci Animate
- Používání vrstev masek v aplikaci Adobe Animate
- Práce se scénami v aplikaci Animate
- Interaktivita
- Vytváření tlačítek v aplikaci Animate
- Převod projektů aplikace Animate na jiné typy dokumentů
- Vytváření a publikování dokumentů HTML5 Canvas v aplikaci Animate
- Přidání interaktivity pomocí fragmentů kódu v aplikaci Animate
- Vytváření vlastních komponent HTML5
- Používání komponent v dokumentech HTML5 Canvas
- Vytváření vlastních komponent: Příklady
- Fragmenty kódu pro vlastní komponenty
- Osvědčené postupy – Tvorba reklam v aplikaci Animate
- Vytváření a publikování virtuální reality
- Pracovní plocha a pracovní postupy
- Vytváření a správa malířských štětců
- Používání písem Google v dokumentech HTML5 Canvas
- Používání knihoven Creative Cloud v aplikaci Adobe Animate
- Používání vymezené plochy a panelu nástrojů v aplikaci Animate
- Pracovní postupy a pracovní plocha aplikace Animate
- Používání webových písem v dokumentech HTML5 Canvas
- Časové osy a ActionScript
- Práce s více časovými osami
- Nastavení předvoleb
- Používání vývojových panelů aplikace Animate
- Vytváření vrstev časové osy v aplikaci Animate
- Export animací pro mobilní aplikace a herní moduly
- Přemísťování a kopírování objektů
- Předlohy
- Příkaz Hledat a nahradit v aplikaci Animate
- Vrácení akce, její zopakování a panel Historie
- Klávesové zkratky
- Používání časové osy v aplikaci Animate
- Vytvoření rozšíření HTML
- Možnosti optimalizace obrázků a animovaných souborů GIF
- Export nastavení pro obrázky a soubory GIF
- Panel Datové zdroje v aplikaci Animate
- Multimédia a video
- Transformace a kombinování grafických objektů v aplikaci Animate
- Vytváření a práce s instancemi symbolů v aplikaci Animate
- Vektorizace obrazu
- Používání zvuku v aplikaci Adobe Animate
- Export souborů SVG
- Vytváření souborů videa používaných v aplikaci Animate
- Přidání videa v aplikaci Animate
- Kreslení a vytváření objektů v aplikaci Animate
- Změna čar a tvarů
- Tahy, výplně a přechody v aplikaci Animate
- Práce s aplikacemi Adobe Premiere Pro a After Effects
- Panely barev v aplikaci Animate
- Otevírání souborů aplikace Flash CS6 v aplikaci Animate
- Práce s klasickým textem v aplikaci Animate
- Vložení grafiky do aplikace Animate
- Importované bitmapy v aplikaci Animate
- 3D grafika
- Práce se symboly v aplikaci Animate
- Kreslení čar a tvarů v aplikaci Adobe Animate
- Práce s knihovnami v aplikaci Animate
- Export zvuků
- Výběr objektů v aplikaci Animate
- Práce se soubory aplikace Illustrator (AI) v aplikaci Animate
- Používání režimů prolnutí
- Uspořádání objektů
- Automatizace úloh pomocí nabídky Příkazy
- Vícejazyčný text
- Používání kamery v aplikaci Animate
- Grafické filtry
- Zvuk a ActionScript
- Předvolby kreslení
- Kreslení nástrojem Pero
- Platformy
- Převod projektů aplikace Animate na jiné typy dokumentů
- Podpora vlastní platformy
- Vytváření a publikování dokumentů HTML5 Canvas v aplikaci Animate
- Vytvoření a publikování dokumentu ve formátu WebGL
- Balení aplikací pro prostředí AIR for iOS
- Publikování aplikací prostředí AIR for Android
- Publikování pro prostředí Adobe AIR pro počítače
- Nastavení publikování jazyka ActionScript
- Osvědčené postupy – Uspořádání ActionScriptu v aplikaci
- Používání jazyka ActionScript v aplikaci Animate
- Usnadnění přístupu v pracovním prostoru aplikace Animate
- Psaní a správa skriptů
- Povolení podpory vlastních platforem
- Přehled podpory vlastních platforem
- Práce se zásuvným modulem pro podporu vlastní platformy
- Ladění jazyka ActionScript 3.0
- Povolení podpory vlastních platforem
- Export a publikování
- Export souborů z aplikace Animate
- Publikování OAM
- Export souborů SVG
- Export grafiky a videa v aplikaci Animate
- Publikování dokumentů AS3
- Export animací pro mobilní aplikace a herní moduly
- Export zvuků
- Osvědčené postupy – Tipy pro vytváření obsahu pro mobilní zařízení
- Osvědčené postupy – Konvence videa
- Osvědčené postupy – Pravidla pro vývoj aplikací SWF
- Osvědčené postupy – Strukturování souborů FLA
- Osvědčené postupy pro optimalizaci souborů FLA pro Animate
- Nastavení publikování jazyka ActionScript
- Nastavení publikování v aplikaci Animate
- Export souborů projektoru
- Export obrázků a animovaných souborů GIF
- Předlohy publikování HTML
- Práce s aplikacemi Adobe Premiere Pro a After Effects
- Rychlé sdílení a publikování animací
- Řešení problémů
Chcete-li kreslit přesné cesty jako zcela rovné čáry nebo hladké, plynulé křivky, použijte nástroj Pero. Při kreslení nástrojem Pero kliknutím vytváříte jednotlivé body na rovných segmentech čáry a tažením vytváříte body na zakřivených segmentech čáry. Rovné i zakřivené segmenty čáry můžete upravovat změnou bodů na čáře.
Následující výukové video ukazuje používání nástroje Pero v aplikaci Animate:
Stavy kreslení nástroje Pero
Nástroj Pero zobrazuje různé typy ukazatele a tím vás informuje o tom, v jakém stavu se právě nachází. Jednotlivé kreslicí stavy jsou indikovány následujícími ukazateli:
Ukazatel počátečního kotevního bodu
Toto je první ukazatel, který uvidíte, když vyberete nástroj Pero. Označuje, že příštím kliknutím myši ve vymezené ploše se vytvoří počáteční kotevní bod, který je začátkem nové cesty (všechny nové cesty začínají počátečním kotevním bodem). Veškeré existující nakreslené cesty se ukončí.
Ukazatel následujícího kotevního bodu
Indikuje, že příštím kliknutím myši se vytvoří kotevní bod a čára, která ho propojí s předchozím kotevním bodem. Tento ukazatel se zobrazuje při vytváření všech uživatelem definovaných kotevních bodů vyjma počátečního kotevního bodu cesty.
Ukazatel přidání kotevního bodu
Indikuje, že příštím kliknutím myši se do existující cesty přidá další kotevní bod. Chcete-li přidat kotevní bod, musí být cesta vybraná a nástroj Pero nesmí být umístěn na existujícím kotevním bodu. Existující cesta se překreslí s použitím přidaného kotevního bodu. Najednou lze přidat vždy jen jeden kotevní bod.
Ukazatel odstranění kotevního bodu
Indikuje, že příštím kliknutím myši se z existující cesty odstraní jeden kotevní bod. Chcete-li odstranit kotevní bod, musí být cesta vybraná nástroje pro výběr a ukazatel musí být umístěn na existujícím kotevním bodu. Existující cesta se překreslí na základě odstranění daného kotevního bodu. Najednou lze odstranit vždy jen jeden kotevní bod.
Ukazatel pokračování cesty
Z existujícího kotevního bodu vytvoří novou cestu. Aby se tento ukazatel aktivoval, musí být kurzor myši umístěn na existujícím kotevním bodu na cestě. Tento ukazatel je dostupný jen tehdy, když právě nekreslíte žádnou cestu. Kotevním bodem nemusí být žádný z koncových kotevních bodů cesty; pokračování cesty můžete vytvořit z libovolného kotevního bodu.
Ukazatel uzavření cesty
Uzavře kreslenou cestu propojením s počátečním bodem cesty. Uzavřít lze jen cestu, kterou právě kreslíte, přičemž existující kotevní bod musí být počátečním kotevním bodem téže cesty. Na uzavřený tvar výsledné cesty není aplikováno žádné nastavení barvy výplně; barvu výplně musíte aplikovat zvlášť.
Ukazatel spojení cest
Funguje podobně jako nástroj pro uzavírání cest, pouze s tím rozdílem, že kurzor myši nesmí být umístěn na počátečním kotevním bodu téže cesty. Ukazatel musí být na některém z koncových bodů jiné samostatné cesty. Segment může, ale nemusí být vybraný.
Poznámka: Spojením cest může, ale nemusí vzniknout uzavřený tvar.
Ukazatel zrušení beziérových táhel
Zobrazí se, když je kurzor myši umístěn na kotevním bodu, jehož Beziérova táhla jsou zobrazená. Při kliknutí myší se Bézierova táhla zatáhnou a ze zakřivené cesty procházející daným kotevním bodem se opět stanou rovné segmenty.
Ukazatel převedení kotevního bodu
Rohový bod bez směrových úseček se převede na rohový bod s nezávislými směrovými úsečkami. Chcete-li povolit ukazatel převedení kotevního bodu, přepněte nástroj Pero klávesovou zkratkou Shift + C.
Výukové video o nástroji Pero najdete na stránkách www.adobe.com/go/vid0120_cz.
Kreslení úseček nástrojem Pero
Nejjednodušší cesta, kterou můžete nástrojem Pero nakreslit, je rovná čára. Vytvoříte ji tak, že kliknutím nástrojem Pero umístíte dva kotevní body. Dalšími kliknutími vytvoříte cestu složenou z přímých segmentů, které jsou spojené rohovými body.
-
Vyberte nástroj Pero .
-
Umístěte nástroj Pero tam, kde chcete přímý úsek začít, a kliknutím vytvořte první kotevní bod. Pokud se objeví směrové úsečky, znamená to, že jste omylem nástrojem Pero potáhli; zvolte příkaz Upravit > Zpět a klikněte znovu.
První nakreslený segment nebude vidět, dokud kliknutím neumístíte druhý kotevní bod (pokud jste ovšem v kategorii Kreslení v dialogovém okně Předvolby nevybrali Zobrazovat náhled pera).
-
Dalším kliknutím určete, kde má první úsek končit (nebo při kliknutí podržte stisknutou klávesu Shift, chcete-li omezit úhel úseku na násobky 45 °).
-
Dalšími kliknutími vytvoříte kotevní body pro další přímé úseky.
-
Chcete-li cestu ukončit jako otevřený nebo uzavřený tvar, proveďte jeden z následujících úkonů:
Chcete-li dokončit otevřenou cestu, poklikejte na poslední bod, klikněte nástrojem Pero v panelu nástrojů nebo klikněte se stisknutou klávesou Ctrl (Windows) nebo Command (Macintosh) kdekoli mimo cestu.
Chcete-li cestu zavřít, umístěte nástroj Pero nad první (prázdný) kotevní bod. Když je nástroj pero správně umístěn, zobrazí se vedle jeho ukazatele malý kroužek . Kliknutím nebo tažením cestu zavřete.
Chcete-li tvar dokončit tak, jak je, zvolte Upravit > Zrušit výběr všeho, nebo v panelu nástrojů vyberte jiný nástroj.
Kreslení křivek nástrojem Pero
Chcete-li vytvořit křivku, přidejte kotevní bod v místě, kde se má změnit směr křivky, a tažením za směrové úsečky křivku vytvarujte. Délka a sklon směrových úseček určuje tvar zakřiveného úseku.
Úpravy křivek budou snadnější a počítač je bude rychleji vykreslovat a tisknout, pokud je nakreslíte s co nejmenším možným počtem kotevních bodů. Použití příliš velkého počtu bodů může způsobit vznik nežádoucích hrbolů na křivce. Místo toho kreslete kotevní body daleko od sebe a naučte se tvarovat křivky nastavením délky a úhlů směrových úseček.
-
Vyberte nástroj Pero .
-
Ukazatel nástroje Pero umístěte tam, kde má křivka začínat, a stiskněte tlačítko myši.
Objeví se první kotevní bod a ukazatel nástroje Pero se změní v šipku. (Ve Photoshopu se ukazatel změní teprve poté, co začnete táhnout myší.)
-
Tažením nastavte sklon vytvářeného křivkového segmentu, a pak tlačítko myši uvolněte.
Obvykle táhnete směrovou úsečku zhruba do třetiny vzdálenosti k následujícímu kotevnímu bodu, který plánujete nakreslit. (Později můžete směrové úsečky na jedné nebo na obou stranách upravit.)
Podržte stisknutou klávesu Shift, chcete-li omezit nástroj na násobky 45°.
A. Umístění nástroje Pero B. Začátek tažení (se stisknutým tlačítkem myši) C. Prodloužení směrových úseček tažením.
-
Umístěte nástroj Pero tam, kde má zakřivený segment končit, a proveďte jeden z následujících úkonů:
Chcete-li vytvořit křivku ve tvaru písmene „C“, táhněte opačným směrem, než jaký má předchozí směrová úsečka, a pak tlačítko myši uvolněte.
Chcete-li vytvořit křivku ve tvaru písmene „S“, táhněte stejným směrem, jaký má předchozí směrová úsečka, a pak tlačítko myši uvolněte.
-
Chcete-li vytvořit sérii hladkých křivek, pokračujte tažením nástrojem Pero z různých míst. Kotevní body umísťujte na začátek a konec každé křivky, ne doprostřed jejího oblouku.
Chcete-li rozdělit směrové úsečky kotevního bodu, stiskněte klávesu Alt a vytáhněte směrové úsečky.
-
Cestu dokončete jedním z následujících úkonů:
Chcete-li cestu zavřít, umístěte nástroj Pero nad první (prázdný) kotevní bod. Když je nástroj Pero správně umístěn, zobrazí se vedle jeho ukazatele malý kroužek. Kliknutím nebo tažením cestu zavřete.
Chcete-li nechat cestu otevřenou, klikněte se stisknutou klávesou Ctrl (Windows) nebo Command (Mac OS) kdekoli mimo všechny objekty, vyberte jiný nástroj nebo zvolte příkaz Upravit > Zrušit výběr všeho.
Přidávání a odstraňování kotevních bodů
Přidávání kotevních bodů vám umožní lépe nastavit tvar cesty nebo může prodloužit otevřenou cestu. Je ale dobré nepřidávat více bodů, než je nezbytně nutné. Cesty s menším počtem bodů se snadněji upravují, zobrazují a tisknou. Složitost cesty můžete snížit odstraněním nepotřebných bodů.
Paleta nástrojů obsahuje tři nástroje pro přidávání nebo odstraňování bodů: nástroj Pero , nástroj Přidat kotevní bod a nástroj Odstranit kotevní bod .
Ve výchozím nastavení se nástroj Pero změní na nástroj pro přidání kotevního bodu, když ho umístíte nad vybranou cestu, nebo na nástroj pro odstranění kotevního bodu, když ho umístíte nad kotevní bod.
K odstraňování kotevních bodů nepoužívejte klávesy Delete, Backspace nebo Smazat ani příkazy Upravit > Vyjmout a Upravit > Odstranit; tyto klávesy a příkazy odstraní nejen vybraný bod, ale i segmenty čáry, které jsou k tomuto bodu připojené.
-
Vyberte cestu, kterou chcete změnit.
-
Klikněte a podržte tlačítko myši na nástroji Pero , pak vyberte nástroj Pero , nástroj pro přidání kotevního bodu nebo nástroj pro odstranění kotevního bodu.
-
Chcete-li přidat kotevní bod, umístěte ukazatel na segment cesty a klikněte. Chcete-li odstranit kotevní bod, umístěte ukazatel na kotevní bod a klikněte.
Úpravy kotevních bodů na cestě
Při kreslení křivky nástrojem Pero vytváříte hladké body neboli kotevní body na souvislé, zakřivené cestě. Při kreslení úsečky nebo rovné čáry napojené na zakřivený segment vytváříte rohové body neboli kotevní body na rovné cestě nebo v místě spoje rovné a zakřivené cesty.
Ve výchozím nastavení se vybrané hladké body zobrazují jako prázdné kroužky a vybrané rohové body jako prázdné čtverečky.
Přesunutí nebo přidání kotevních bodů
Chcete-li kotevní bod přemístit, přetáhněte ho nástrojem pro dílčí výběr .
Chcete-li kotevní body posouvat po krocích, vyberte body nástrojem pro dílčí výběr a pak je posouvejte pomocí kláves se šipkami. Kliknutím se stisknutou klávesou Shift se vybere více bodů.
Chcete-li přidat kotevní bod, klikněte na segment čáry nástrojem Pero. Pokud lze k vybranému segmentu čáry přidat kotevní bod, objeví se vedle nástroje pero znaménko plus (+). Pokud ještě není segment čáry vybraný, klikněte na něj nástrojem Pero, čímž ho vyberete, a pak přidejte kotevní bod.
Odstranění kotevních bodů
Odstraněním nepotřebných kotevních bodů můžete křivku optimalizovat a zároveň zmenšit velikost výsledného souboru SWF.
Chcete-li odstranit rohový bod, klikněte na něj jednou nástrojem Pero. Pokud lze z vybraného segmentu čáry kotevní bod odstranit, objeví se vedle nástroje Pero znaménko minus (-). Pokud ještě není segment čáry vybraný, klikněte na něj nástrojem Pero, čímž ho vyberete, a pak kotevní bod odstraňte.
Chcete-li odstranit hladký bod, klikněte na něj jednou nástrojem Pero. Pokud lze z vybraného segmentu čáry kotevní bod odstranit, objeví se vedle nástroje Pero znaménko minus (-). Pokud ještě není segment čáry vybraný, klikněte na něj nástrojem Pero, čímž ho vyberete, a pak rohový bod odstraňte. (Jedním kliknutím bod převeďte na rohový a dalším kliknutím ho odstraňte.)
Převádění rovných segmentů na zakřivené a naopak
Chcete-li rovné segmenty čáry převést na zakřivené nebo naopak, převeďte rohové body na hladké nebo naopak. Můžete provést také opačný proces.
Chcete-li rohový bod převést na hladký, vyberte ho nástrojem pro dílčí výběr a pak ho se stisknutou klávesou Alt přetáhněte tak, aby se objevila tangenciální táhla.
Chcete-li hladký bod převést na rohový, klikněte na něj nástrojem Pero. Značka stříšky (^) vedle ukazatele ukazuje, že ukazatel je umístěn na hladkém bodu.
Úpravy segmentů
Chcete-li změnit úhel nebo délku segmentu, případně upravením zakřivených segmentů změnit sklon nebo směr křivky, upravte rovné segmenty.
Když přesunete tangenciální táhlo hladkého bodu, upraví se křivky na obou stranách od daného bodu. Když přesunete tangenciální táhlo rohového bodu, upraví se pouze křivka na té straně bodu, kde leží tangenciální táhlo.
Chcete-li upravit rovný segment, vyberte nástroj pro dílčí výběr a tím rovný segment vyberte. Nástrojem pro dílčí výběr přetáhněte kotevní bod segmentu do nové polohy.
Chcete-li upravit zakřivený segment, vyberte nástroj pro dílčí výběr a tím táhněte za segment.
Poznámka: Když kliknete na cestu, aplikace Animate zobrazí kotevní body. Upravením segmentu nástrojem pro dílčí výběr může dojít k přidání dalších bodů na cestu.
Chcete-li upravit body nebo tangenciální táhla na křivce, vyberte nástroj pro dílčí výběr a tím vyberte kotevní bod na zakřiveném segmentu.
Chcete-li upravit tvar křivky na jedné nebo druhé straně od kotevního bodu, táhněte za kotevní bod nebo za tangenciální táhlo. Chcete-li omezit křivku na násobky 45º, podržte při tažení klávesu Shift. Chcete-li upravit tangenciální táhla jednotlivě, táhněte s klávesou Alt.
Předvolby nástroje Pero
Nastavte předvolby pro vzhled ukazatele nástroje Pero, pro zobrazování náhledu segmentů čar při kreslení a pro vzhled vybraných kotevních bodů. Vybrané segmenty čar a kotevní body používají barvu obrysů vrstvy, ve které jsou zobrazeny.
-
Vyberte nástroj Pero a zvolte Úpravy > Předvolby (Windows) nebo Animate >Předvolby (Macintosh).
-
V seznamu Kategorie vyberte Kreslení.
-
Nastavte následující volby pro nástroj Pero:
Zobrazovat náhled pera
Během kreslení se zobrazuje náhled segmentů čáry. Náhled segmentu čáry se zobrazí, jakmile ve vymezené ploše přesunete ukazatel, než kliknutím vytvoříte koncový bod segmentu. Pokud tato volba není vybraná, nezobrazí se segment čáry dřív, než vytvoříte koncový bod.
Zobrazovat plné body
Zobrazí vybrané kotevní body jako prázdné kroužky a odznačené kotevní body jako plné kroužky. Pokud tato volba není vybraná, vybrané kotevní body jsou plné a odznačené kotevní body prázdné.
Zobrazovat přesné ukazatele
Určuje, že se ukazatel nástroje Pero namísto výchozího nastavení zobrazení v podobě ikony nástroje Pero zobrazuje jako zaměřovací kříž, který umožňuje přesnější umísťování čar. Chcete-li pro nástroj Pero zobrazovat výchozí ikonu nástroje Pero, zrušte výběr této volby.
Poznámka: K přepínání mezi zaměřovacím křížem a výchozí ikonou nástroje Pero použijte klávesu Caps Lock.
-
Klikněte na tlačítko OK.