Adobe Edge Animate CC: 6 funkcií, ktoré interagujú a prispôsobujú sa

Adobe Edge Animate CC je oveľa viac než len presúvanie prvkov po obrazovke. Mnohé z jeho funkcií môžete použiť na vytvorenie interaktivity pre vaše publikum – a mnohé ďalšie doladiť, aby ste nakonfigurovali softvér tak, aby vyhovoval vašim preferenciám:

• Interaktivita: Môžete vytvárať plne interaktívne animácie s takými ovládacími prvkami a akciami, ako sú tlačidlá, odkazy a slučky.

• Symboly: Môžete uložiť prvky, ktoré vytvoríte (napríklad tlačidlá), a použiť ich znova v inej animácii.

• Responzívny webový dizajn: Edge Animate vám umožňuje vytvoriť kompozíciu, ktorá zodpovedá veľkosti okna prehliadača a zariadenia.

• Viaceré možnosti publikovania: Edge Animate ponúka množstvo spôsobov, ako publikovať svoju animáciu na použitie v rôznych aplikáciách – ako sú rôzne webové prehliadače a iBooks – alebo môžete importovať Adobe Edge Animation do rôznych produktov Adobe, ako sú InDesign alebo Muse.

• Možnosti písma: Edge Animate ponúka množstvo možností písma. Ak máte problém s konkrétnymi typmi písma, dobrou správou je, že ak nejaké písmo nájdete na webe, s najväčšou pravdepodobnosťou ho môžete použiť vo svojej animácii.

• Vyberte si svoj jazyk: Ak angličtina nie je vaším rodným jazykom a uprednostňujete prácu v (povedzme) nemčine, španielčine, francúzštine alebo japončine, Edge Animate vám pomôže.

Inteligentná implementácia interaktivity

Adobe Edge Animate CC vám umožňuje robiť oveľa viac, než len kresliť a animovať prvky. Môžete tiež urobiť tieto prvky interaktívnymi, čo umožní vášmu publiku kliknúť na položky, aby sa uskutočnili rôzne akcie.

Môžete napríklad vytvoriť tlačidlá Zastaviť, Prehrať a Pozastaviť pre interaktívnu prezentáciu. Môžete tiež vytvoriť ponuku pridaním odkazov, ktoré umožnia vášmu publiku prejsť na rôzne časti vašich animácií – alebo na úplne iné webové stránky.

Keď vaše publikum pohybuje kurzorom po vašej animácii, môžete vykonať rôzne akcie, keď sa kurzor presunie cez konkrétne oblasti. Tento druh pohybu kurzora sa nazýva prejdenie myšou. Alebo ak vaše publikum používa na zobrazenie vašej animácie tablety alebo chytré telefóny, môžete im umožniť jednoduchým klepnutím na prvok vyvolať akciu.

Používanie symbolov na vytváranie opakovane použiteľných predmetov

Spočiatku môže byť používanie symbolov trochu skľučujúce, ale keď získate skúsenosti s prácou s nimi, stanú sa nepostrádateľnými.

Takže, čo presne je symbol? Ide v podstate o vnorenú animáciu, ktorú vytvoríte, ktorá má vlastnú nezávislú časovú os a interaktívne možnosti. Povedzme napríklad, že sa ocitnete pri vytváraní rovnakého prvku s rovnakými akciami znova a znova pre mnoho rôznych projektov. Uložením tohto opakujúceho sa prvku ako symbolu ho môžete znova použiť a s ním spojené akcie pre akýkoľvek projekt.

Hlavným príkladom symbolu je tlačidlo. Ak zistíte, že znova vytvárate rovnaké tlačidlo – povedzme tlačidlo Prehrať pre prezentáciu – možno budete chcieť toto tlačidlo Prehrať uložiť ako symbol na opätovné použitie neskôr.

Svoje symboly nájdete na paneli Knižnica, ako je znázornené.

Začlenenie responzívneho webového dizajnu

Spolu s HTML5 je responzívny webový dizajn najnovšou módnou terminológiou, pokiaľ ide o vývoj webu. Responzívny webový dizajn umožňuje vhodne zmeniť veľkosť animácie v závislosti od veľkosti okna prehliadača.

To môže znamenať veľa vecí. Povedzme, že si niekto prezerá vašu animáciu na stolnom počítači. Ak používateľ zmení veľkosť okna prehliadača tak, aby ho zväčšil alebo zmenšil, prvky vo vašej animácii sa primerane zmenia, pričom nové veľkosti budú založené na percentách.

Napríklad, ak je okno prehliadača maximalizované na 100 %, obrázky a tak ďalej vo vašej animácii sa zobrazia na 100 %. Ak sa okno prehliadača zmenší na 50 % svojej veľkosti, zmenší sa aj vaše obrázky na 50 % svojej normálnej veľkosti.

Ide o veľmi výkonnú funkciu, pretože v súčasnosti existuje široká škála veľkostí obrazoviek. Nikdy neviete, či si vaše publikum prezerá vašu animáciu na 60-palcovom displeji, 4-palcovom iPhone alebo na čomkoľvek medzi tým. Tablety zvyšujú rozmanitosť veľkostí obrazoviek.

Počítanie viacerých možností publikovania

V súčasnosti máte viac ako jeden spôsob, ako publikovať animácie – a Adobe Edge Animate CC vás pokryl a ponúka množstvo možností (ako je znázornené na tomto obrázku). Svoju animáciu môžete publikovať ako samostatnú webovú stránku alebo ju môžete vložiť do existujúcej webovej stránky.

Nájdete tu aj možnosti, ktoré vám umožnia exportovať vašu animáciu na použitie v iBooku. Svoju animáciu môžete dokonca publikovať ako statickú stránku HTML na použitie v starších webových prehliadačoch, ktoré nepodporujú HTML5 alebo animácie.

Písma v aplikácii Adobe Edge Animate

Na webe môžete použiť množstvo písiem a Adobe Edge Animate CC vám to pomôže. Okrem štandardného predvoleného zoznamu písiem, ktoré máte k dispozícii (pozri obrázok), vám Edge Animate umožňuje importovať písma z celého webu.

Ak žiadne z týchto písiem nespĺňa vaše potreby, môžete importovať písma z mnohých rôznych zdrojov – vrátane Google Web Fonts. Môžete tiež použiť webové písma Adobe Edge, ktoré je súčasťou aplikácie Animate. A ak poznáte Typekit (ďalší bezplatný nástroj na vytváranie písiem), môžete oslavovať, keď viete, že tento nástroj funguje aj s Edge Animate.

Práca vo vami zvolenom jazyku

Adobe Edge Animate CC je globálny v mnohých ohľadoch – vrátane jazyka, ktorý vidíte v ponukách a paneloch. Ak sa cítite pohodlnejšie pri práci v inom jazyku ako v angličtine, Edge Animate vám uľahčuje zmenu jazyka používaného v softvéri na jeden z mnohých obľúbených jazykov.

V ponuke Pomocník, ako je znázornené na tomto obrázku, si môžete vybrať z niekoľkých rôznych jazykov. Keď vyberiete jazyk z ponuky Pomocník, tento jazyk sa zobrazí v softvéri. Medzi jazyky, z ktorých si môžete vybrať, patrí nemčina, angličtina, španielčina, francúzština a japončina.

Ak vyberiete iný jazyk, musíte zatvoriť a reštartovať Edge Animate, aby sa zmena prejavila. Po výbere požadovaného jazyka sa rozhranie automaticky neaktualizuje, jednoducho zatvorte program a potom ho znova otvorte, aby ste videli novo vybratý jazyk.