Jak importovat HTML do Adobe Edge Animate

Adobe Edge Animate CC je velmi přátelský k HTML. Máte-li existující – i když velmi základní – webovou stránku HTML, kterou chcete animovat, stačí na úvodní obrazovce kliknout na Otevřít soubor a začít s ní pracovat.

Ujistěte se, že všechny obrázky a související soubory jsou při otevření ve stejné složce jako soubor htm – nebo ve vnořené složce v souboru htm. Jinak se na scéně neobjeví.

Při importu existujícího HTML mějte na paměti následující:

  • Edge Animate nemusí mít rád vaše soubory CSS

  • Obrázky ve vašem souboru htm se zobrazí na panelu Knihovna.

  • Text se importuje jako prvek.

Možné problémy se soubory CSS

Mějte na paměti, že čím jednodušší stránku HTML importujete, tím snáze ji Edge Animate otevře.

Pokud máte potíže s otevřením souboru htm, zkuste odstranit všechny související soubory CSS. Můžete si dělat starosti se ztrátou dřívější práce, ale mějte na paměti, že všechnu tu návrhářskou práci můžete rychle nahradit Edge Animate.

Pokud otevřete existující soubor HTML s nabídkami a podobně, můžete nabídky a prvky animovat, ale nemůžete přeformátovat barvu a některé další aspekty.

Důvodem je to, že Edge Animate povoluje pouze animační sekvence pro importované HTML objekty, aby nedošlo k boji s jakýmkoliv CSS stylem, který jste již použili. Když na prvek použijete dva styly, může to být trochu chaotické, což může vést k neočekávaným výsledkům.

Obrázky se zobrazí na panelu Knihovna

Pokud stránka HTML, kterou importujete, obsahuje obrázky, pak Edge Animate importuje tyto obrázky do panelu Knihovna jako položku (viz tento obrázek).

Jak importovat HTML do Adobe Edge Animate

Zde byla původní ikona Edge Animate importována jako položka do panelu Knihovna.

S importovanými obrázky nyní můžete zacházet jako s prvky, které můžete animovat nebo přidat interaktivní atributy; můžete nechat obrázek pohybovat po obrazovce a/nebo vytvořit odkaz.

Text se importuje jako prvek

Když importujete soubor HTML s textem, aplikace Animate importuje tento text jako prvek. Můžete vybrat textové prvky a animovat je nebo k nim přidat akce; nemůžete však text upravovat.

Pokud původní soubor HTML používal pro text tagy H1 nebo odstavce, aplikace Animate tyto atributy rozpozná a zobrazí je v panelu Prvky, jak je znázorněno.

Jak importovat HTML do Adobe Edge Animate

Text se importuje jako prvek.

Leave a Comment

Manipulace s textem a grafikou v rozvržení InDesign CC

Manipulace s textem a grafikou v rozvržení InDesign CC

InDesign nabízí mnoho nástrojů pro efektivní manipulaci s textem a grafikou v rozvržení. Optimalizujte své návrhy s nejnovějšími technikami.

Pochopení ořezových cest v aplikaci InDesign CC

Pochopení ořezových cest v aplikaci InDesign CC

Ořezové cesty jsou silným nástrojem pro práci s obrazovými součástmi v aplikaci InDesign. Tento článek popisuje, jak efektivně vytvářet a používat ořezové cesty pro odstranění pozadí a úpravu obrázků.

Vytvářejte ořezové cesty v InDesign Creative Suite 5

Vytvářejte ořezové cesty v InDesign Creative Suite 5

Vytváření a používání ořezových cest v Adobe InDesign CS5 je užitečné pro blokování obrazových oblastí a obtékání textu. Naučte se užitečné tipy a triky, jak efektivně využít ořezové cesty.

Jak exportovat soubory JPEG a PNG Adobe InDesign CS6 pro tisk

Jak exportovat soubory JPEG a PNG Adobe InDesign CS6 pro tisk

Naučte se, jak efektivně exportovat JPEG a PNG soubory z Adobe InDesign CS6 pro tisk. Ideální pro online publikování a sdílení obrázků.

Jak formátovat odstavce ve Photoshopu CS6

Jak formátovat odstavce ve Photoshopu CS6

Naučte se, jak efektivně formátovat odstavce v Adobe Photoshopu CS6 pomocí funkce Panel Odstavec.

Jak používat novou perspektivní mřížku v Adobe Illustrator CS6

Jak používat novou perspektivní mřížku v Adobe Illustrator CS6

Objevte, jak efektivně používat perspektivní mřížku v Adobe Illustrator CS6 pro úspěšné ilustrace. Naučte se klíčové kroky a tipy pro tvorbu a úpravy.

Jak upravit příběhy InDesign CC

Jak upravit příběhy InDesign CC

Naučte se, jak efektivně upravit textové příběhy v Adobe InDesign CC pomocí vestavěného editoru příběhů a pokročilých funkcí.

Práce s obrázky v Adobe XD

Práce s obrázky v Adobe XD

Efektivní techniky pro práci s obrázky v Adobe XD, včetně úpravy velikosti, maskování, oříznutí, rotace a pokročilých úprav ve Photoshopu.

Jak přidat průhlednost do přechodu ve Photoshopu CS6

Jak přidat průhlednost do přechodu ve Photoshopu CS6

Naučte se, jak přidat <strong>průhlednost</strong> do přechodu ve Photoshopu CS6 a dosáhnout tak efektivního vzhledu pro své projekty.

Kreslení tvarů v publikaci InDesign CS5

Kreslení tvarů v publikaci InDesign CS5

Vytvářejte tvary, jako jsou obdélníky a elipsy, v dokumentu InDesign CS5 pomocí nástrojů tvarů. Získejte užitečné tipy pro optimalizaci vašeho designu.