10 důvodů, proč používat Adobe Edge Animate CC

Adobe Edge Animate byl nabízen jako náhrada za Adobe Flash. I když by to mohlo být zbožným přáním pro ty, kteří jsou připraveni překonat éru Flashe, je ještě příliš brzy na to. Edge Animate je však výkonný a intuitivní softwarový nástroj, který vám umožňuje vytvářet interaktivní animace pro web, iBooks a aplikace.

Zde je deset skvělých důvodů, proč začít používat Edge Animate.

Výměna HTML5, JavaScriptu a CSS

Adobe Edge Animate generuje kód pomocí HTML5 a JavaScriptu se zabudovaným CSS. To je skvělá zpráva pro vývojáře i designéry, kteří nevědí, jak kódovat.

Dobrou zprávou pro vývojáře je, že se mohou ponořit přímo do kódu a vylepšit své animace tak, aby vyhovovaly jejich vlastním představám. Dobrou zprávou pro designéry je, že mohou vytvářet funkční a efektivní animace, aniž by znali jediný řádek kódu.

Jevištěm je prohlížeč

Pódium je součástí rozhraní Edge Animate, kde provádíte většinu návrhářských prací. Na scéně je skvělé, že se chová většinou jako okno prohlížeče. To, co vidíte na pódiu, je to, co byste viděli, kdybyste si prohlíželi svůj projekt v moderním webovém prohlížeči. Můžete si dokonce zobrazit náhled animace přímo z jeviště.

Existují určitá omezení. Nemůžete například zobrazit náhled akcí, jako jsou smyčky a kliknutí, z jeviště. Ale to je malá překážka ve velkém schématu věcí.

Znovu použitelné symboly

Edge Animate umožňuje vytvářet symboly. Pomocí symbolů můžete ukládat prvky nebo skupiny prvků a jejich související akce pro opětovné použití v jiných projektech. Pokud například vytvoříte prezentaci pomocí aplikace Edge Animate a uložíte tento projekt jako symbol, můžete ji exportovat na plochu a poté importovat do jiného projektu Edge Animate.

Pokud dáváte přednost rychlejšímu pracovnímu postupu, můžete dokonce zkopírovat a vložit symbol z jednoho projektu do druhého. Symboly jsou skvělým způsobem, jak ušetřit čas a energii při práci s běžnými prvky, které rádi používáte vícekrát.

Responzivní web design

Další velkou věcí pro webový design je zajistit, aby byl responzivní (jasný a snadno použitelný na široké škále typů a velikostí zařízení) . Responzivním webovým designem se v současnosti může pochlubit jen několik webů. Když je uvidíte v akci, může to být působivé.

Pokud můžete svým klientům říci, že dokážete vytvořit online animaci, která vypadá stejně skvěle na 30″ monitoru jako na 4″ iPhonu, měli by být ohromeni. Pokud ne, potřebujete nové klienty.

Import písem

Adobe ví, že písma obsahují více než jen Arial a Helvetica. Proto usnadnili import písem z různých míst. To zahrnuje webová písma Google, Typekit a další.

Známé nástroje pro kreslení

Pokud jste někdy použili nástroj pro návrh k nakreslení obdélníku nebo kruhu, okamžitě přejdete na Edge

Nabídka kreslení aplikace Edge Animate. Adobe velmi zjednodušilo přidávání prvků na scénu, takže můžete vytvářet vše od čtverců po dokonalé kruhy (nebo animovat dokonalý kruh na čtverec). Nástroje pro kreslení zahrnují textový nástroj, nástroj obdélník, nástroj elipsy a další.

Intuitivní časová osa

Časová osa je místo, kde vytváříte animované sekvence s klíčovými snímky. Během chvilky se můžete stát profesionálem. Až zjistíte, jak to funguje, můžete pomocí časové osy oživit animace.

Interaktivita

Nemusíte se spokojit s plochými animacemi, které musí vaše publikum sedět a pasivně sledovat. Ach ne. Své publikum můžete nechat aktivně klikat myší nebo klepat na tablet a provádět různé akce. Od odkazů po smyčky a mnohem více můžete vytvářet animace tak rozmanité, jako je animovaná dětská kniha až po jednostránkový web restaurace.

Přizpůsobitelný pracovní prostor

Ne každý funguje stejně. Ne každý ocení stejné názory. Na základě toho Adobe udělalo rozhraní Edge Animate extrémně přizpůsobitelné. Můžete si dokonce uložit vlastní pohledy pro pozdější použití. Pokud omylem zavřete panel a nemůžete jej najít, můžete se vždy vrátit k výchozímu zobrazení.

Animační nástroj, který může použít každý

Edge Animate je jedním z těch nástrojů, které může ocenit mnoho různých typů lidí. Pokud jste profesionální designér, který nezná kód, stále můžete vytvářet složité animace. Pokud jste vývojář, který chce do projektu přidat nějaké další funkce, můžete to udělat také.

Na druhou stranu, pokud jste student nebo fanoušek, který si chce jen pohrát s něčím novým a inovativním, můžete to udělat také. Kdo ví? váš koníček se může stát vaší profesí!


Jak použít průhlednost na SVG

Jak použít průhlednost na SVG

Naučte se, jak aplikovat průhlednost na grafiku SVG v Illustratoru. Prozkoumejte, jak vytisknout SVG s průhledným pozadím a použít efekty průhlednosti.

Práce s obrázky v Adobe XD

Práce s obrázky v Adobe XD

Po importu obrázků do Adobe XD nemáte velkou kontrolu nad úpravami, ale můžete měnit velikost a otáčet obrázky stejně jako jakýkoli jiný tvar. Rohy importovaného obrázku můžete také snadno zaoblit pomocí rohových widgetů. Maskování obrázků Definováním uzavřeného tvaru […]

Jak upravit vlastnosti textu v Adobe XD

Jak upravit vlastnosti textu v Adobe XD

Když máte v projektu Adobe XD text, můžete začít měnit vlastnosti textu. Mezi tyto vlastnosti patří rodina písem, velikost písma, tloušťka písma, zarovnání, mezera mezi znaky (vyrovnání párů a sledování), řádkování (proklad), výplň, ohraničení (tah), stín (vržený stín) a rozostření pozadí. Pojďme se tedy podívat, jak jsou tyto vlastnosti aplikovány. O čitelnosti a písmu […]

Práce s kreslicími plátny ve Photoshopu CC

Práce s kreslicími plátny ve Photoshopu CC

Stejně jako v Adobe Illustratoru poskytují kreslicí plátna Photoshopu možnost vytvářet samostatné stránky nebo obrazovky v rámci jednoho dokumentu. To může být zvláště užitečné, pokud vytváříte obrazovky pro mobilní aplikaci nebo malou brožuru. Kreslicí plátno si můžete představit jako zvláštní typ skupiny vrstev vytvořené pomocí panelu Vrstvy. Své […]

Tvary a mnohoúhelníky v InDesignu

Tvary a mnohoúhelníky v InDesignu

Mnoho nástrojů, které najdete na panelu Nástroje InDesignu, se používá pro kreslení čar a tvarů na stránku, takže máte několik různých způsobů, jak vytvářet zajímavé kresby pro vaše publikace. V InDesignu můžete vytvářet cokoli od základních tvarů po složité kresby, místo abyste museli používat kreslicí program, jako je […]

Zalomení textu v aplikaci Adobe Illustrator CC

Zalomení textu v aplikaci Adobe Illustrator CC

Zabalení textu v aplikaci Adobe Illustrator CC není úplně stejné jako zabalení dárku – je to jednodušší! Obtékání textu vynutí obtékání textu kolem grafiky, jak je znázorněno na tomto obrázku. Tato funkce může přidat trochu kreativity do každého kusu. Grafika nutí text, aby se kolem ní obtékal. Nejprve vytvořte […]

Jak změnit velikost tvarů v Illustratoru

Jak změnit velikost tvarů v Illustratoru

Při navrhování v aplikaci Adobe Illustrator CC často potřebujete, aby tvar měl přesnou velikost (například 2 x 3 palce). Po vytvoření tvaru je nejlepším způsobem, jak změnit jeho velikost na přesné rozměry, pomocí panelu Transformace, který je znázorněn na tomto obrázku. Nechte si vybrat objekt a poté zvolte Okno→Transformovat na […]

Jak vytvořit QR kódy v InDesign CC

Jak vytvořit QR kódy v InDesign CC

InDesign můžete použít k vytváření a úpravě grafiky kódu QR. QR kódy jsou formou čárového kódu, který může ukládat informace, jako jsou slova, čísla, adresy URL nebo jiné formy dat. Uživatelka naskenuje QR kód pomocí svého fotoaparátu a softwaru na zařízení, jako je chytrý telefon, a software využívá […]

Jak docílit toho, aby nová fotografie vypadala jako stará ve Photoshopu CS6

Jak docílit toho, aby nová fotografie vypadala jako stará ve Photoshopu CS6

Může nastat chvíle, kdy budete potřebovat novou fotku, aby vypadala staře. Photoshop CS6 vám pomůže. Černobílá fotografie je novější fenomén, než byste si mysleli. Daguerrotypie a další rané fotografie měly často nahnědlý nebo namodralý odstín. Můžete si vytvořit vlastní mistrovská díla v sépiovém odstínu. Tónované obrázky mohou vytvářet […]

Funkce Live Paint v Adobe CS5 Illustrator

Funkce Live Paint v Adobe CS5 Illustrator

Pomocí funkce Živé malování v Adobe Creative Suite 5 (Adobe CS5) Illustrator můžete vytvořit požadovaný obrázek a vyplnit oblasti barvou. Kbelík živé malby automaticky detekuje oblasti složené z nezávislých protínajících se cest a podle toho je vyplní. Barva v dané oblasti zůstává živá a teče automaticky, pokud existuje […]