Rýchly prehľad animovanej kompozície okrajov

Proces vytvárania kompozície Edge Animate sa príliš nelíši od vytvárania akéhokoľvek iného typu obsahu. Pri spustení by ste mali zvážiť, čo, kde a ako chcete, aby sa vaša animácia zobrazila. Bude vaša animácia súčasťou existujúcej webovej stránky? Pridávate animáciu na doplnenie knihy? Požaduje váš klient úplne nové animované logo?

Možno chcete vytvoriť reklamu, ktorá sa zobrazí na webe? Všetky tieto projekty môžete vytvoriť pomocou Edge Animate.

Tu je základná osnova na vytvorenie kompozície Edge Animate:

Určite, ako vy a vaše publikum použijete túto animáciu.

Zbierajte svoje obrázky a iné položky.

Napíšte osnovu.

Vytvárajte a ukladajte bežne používané prvky, ako sú tlačidlá, na neskoršie opätovné použitie.

Začnite animovať.

Uložte a exportujte dokončenú animáciu.

Skôr ako začnete s animáciou, zvážte, či sa vaša animácia bude zobrazovať v elektronickej čítačke, v prehliadači, v iBooks alebo či pôjde o aplikáciu na použitie na zariadeniach so systémom iOS aj Android.

Bez ohľadu na zariadenie, ak podporuje HTML5 a JavaScript, váš projekt Edge Animate pobeží hladko.

Zhromažďovanie majetku

Keď viete, čo chcete vytvoriť a kde to chcete zobraziť, je čas začať zhromažďovať svoje aktíva – elektronicky nakreslené obrázky, fotografie, odseky textu alebo kombináciu všetkých troch – ktoré vytvoria konečnú animáciu. Edge Animate uľahčuje import alebo vytváranie týchto aktív.

Vytvorenie načrtnutého prístupu k vašej animácii

V tomto bode ste definovali účel vašej animácie a umenie, aby bola krásna. Teraz musíte vytvoriť drôtový model, v podstate náčrt toho, ako chcete, aby sa vaša animácia prehrávala.

Iste, môžete to okrídľovať a vymýšľať za pochodu, ale skvelý nápad je predstaviť si svoju animáciu v hlave a potom dať na papier, ako si predstavujete, že sa vaša animácia bude hrať od začiatku do konca. Tento obrys poskytuje základ, z ktorého môžete pracovať.

Vytváranie symbolov pre často používané prvky

Ak viete, že vaša animácia bude obsahovať veľa podobných prvkov alebo tie isté prvky, ktoré sa budú opakovať stále dookola, musíte najskôr vytvoriť tieto prvky. Prvky sú rôzne časti, ktoré tvoria vašu animáciu. Prvok môže byť pole, ktoré nakreslíte, textové pole, ktoré určíte, obrázok, ktorý importujete atď.

Prvok, ktorý možno budete chcieť znova použiť, môže byť tlačidlo alebo prvok, ktorý opakovane použijete počas animácie, alebo akýkoľvek typ navigácie, ktorú môže publikum použiť.

Po vytvorení tohto prvku a jeho správaní sa tak, ako chcete, ho môžete uložiť ako symbol. Tento symbol potom môžete exportovať na použitie v iných projektoch. Týmto spôsobom, ak sa táto animácia stane súčasťou série animácií a chcete znova použiť rovnaké symboly, budete mať náskok pred hrou tým, že budete mať už uložené nejaké aktíva a pripravené na použitie, keď vytvoríte skutočnú animáciu.

Môžete dokonca uložiť celý projekt animácie ako symbol. Ak napríklad vytvoríte animáciu prezentácie, môžete celú túto prezentáciu uložiť ako symbol, ktorý potom môžete exportovať z Edge Animate – a potom importovať do iného projektu Edge Animate.

Animátori, začnite animovať

Keď máte pre svoju animáciu účel, všetky vaše prostriedky sú zoradené a pripravené na použitie a vy ste si uložili svoje viacúčelové prvky ako symboly, je čas začať animovať.

Ak chcete spustiť animáciu, naimportujte svoje prostriedky na plochu. Potom pomocou časovej osi vytvoríte kľúčové snímky. Kľúčový snímka predstavuje sekvenciu animácie. Ak napríklad animujete rámček pohybujúci sa z jednej strany plochy na druhú, táto animácia sa na časovej osi zobrazí ako kľúčová snímka.

Odtiaľ pridávate akcie k vašim prvkom pre interaktivitu. Pri vytváraní animácie si môžete zobraziť jej ukážku, aby ste sa uistili, že sa animácia správa tak, ako očakávate.

Uloženie a export vašej animácie

Po dokončení vytvárania projektu animácie chcete uložiť alebo exportovať kompozíciu na použitie vašim publikom alebo na použitie v inom projekte alebo nástroji na návrh. Edge Animate poskytuje veľa možností na export a uloženie vašej práce. Podobne existuje množstvo možností, ako môžete svoju prácu prezentovať online, v iBooks alebo na použitie s inými návrhárskymi nástrojmi.

Dokončenie procesu

Nakoniec ste týmto procesom vytvorili animáciu pomocou HTML5 a jQuery – bez zadania jediného riadku kódu. Vaše publikum možno nikdy nebude poznať technológie, ktoré umožnili animáciu, ktorú sledujú a s ktorou interagujú (v tomto prípade možno úplne nerozumiete pokročilým technikám kódovania, ktoré to umožňujú – alebo niekedy musíte).

Ale to je krása Adobe Edge Animate CC: Robí všetku ťažkú ​​prácu v zákulisí, čo vám umožňuje sedieť a robiť to, čo viete najlepšie – vytvárať nádherný animovaný a interaktívny obsah, ktorý dokáže reagovať na tvar a tvar s ľubovoľným počtom veľkosti obrazoviek a zariadení.