Príklady animácií Adobe. Príprava kreatív v HTML editoroch. Komponenty Motion Tween

Pre prípravu HTML kreatív na umiestnenie do ADFOXu je dôležité dodržať požiadavky na vloženie kódu, ktorý spracováva kliknutie na banner a počíta udalosti v banneri.
Pri vývoji HTML kódu môžete použiť editory, pre ktoré je táto inštrukcia napísaná:
- Adobe Animate CC;
– Google Web Designer;
- Adobe Edge Animate CC.

Požiadavky na kód HTML (pre vývojárov kódu)

Pripravte svoj projekt s nasledujúcimi požiadavkami:

1. Maximálny povolený počet znakov v kóde HTML je 65 000;
2. JavaScript a CSS by mali byť prednostne umiestnené v HTML kóde bannera;
Ak výsledný HTML kód presahuje maximálny povolený počet znakov, potom je potrebné zredukovať kód presunutím JavaScriptu a CSS do samostatných súborov:
- uložiť kód js a css do samostatných súborov s príponou .js alebo .css;
3. V projekte môže byť iba jeden súbor .html;
4. Maximálny povolený počet súborov v projekte je 50;
5. Povolené typy súborov v projekte: css, js, html, gif, png, jpg, jpeg, svg, json, flv, mp4, ogv, ogg, webm, avi, swf, otf, ttf, abf, acfm, gdr, etx , eot, fnt, fon, mf, ttc, woff;
6. Maximálna veľkosť každého súboru (platí aj pre súbory v archíve):
- 300 kb;
- 1 Mb pre video súbory.
7. Názvy súborov musia obsahovať iba čísla alebo písmená anglickej abecedy, podčiarkovníky. V názve súboru nie je dovolené používať ruské písmená, medzery, úvodzovky a špeciálne znaky;
8. Ruské písmená nemožno použiť v názvoch premenných a objektov.
Jedinou výnimkou je text na banneri.
9. Formát hotového projektu - PSČ archív.

Adobe Animate CC

1. Príprava redaktora.

Ak chcete vytvoriť nový projekt v aplikácii Adobe Animate CC, vyberte projekt „HTML5 Canvas“.

Kód tejto šablóny možno použiť ako základ pre vytváranie kreatív v editore.

Ak chcete použiť šablónu na projekt, v nastaveniach publikovania vyberte "Rozšírené nastavenia publikovania -> Importovať nové...".

Šablóna obsahuje skript adfox_HTML5.js

3. Spracovanie kliknutí

Ak má kreatíva cyklickú animáciu, použite kódy iba pre tlačidlá zo sekcie.

3.1 Ak chcete, aby sa na celú oblasť bannera dalo kliknúť a aby ste mali jeden odkaz, na ktorý môžete prejsť, pridajte nasledujúci kód do prvej snímky animácie:

canvas.style.cursor = "ukazovateľ"; canvas.addEventListener("click", function() ( window.callClick(); ));

3.2 Ak chcete pridať niekoľko tlačidiel na navigáciu s rôznymi odkazmi, pridajte hlavné tlačidlo na kliknutie na banner v hornej vrstve animácie, priraďte tlačidlu názov inštancie (Názov inštancie) a na tlačidlo napíšte kód:

This.btnMain.addEventListener("click", funkcia (e) ( var t = e.nativeEvent; if (t.which == 1 || t.button == 0) ( window.callClick(); ; )) ;

Pridajte ďalšie tlačidlá, po kliknutí sa používateľ presunie na rôzne stránky inzerovaného webu.
Umiestnite niektoré tlačidlá na vrchnú vrstvu nad určité časti animácie, zadajte názvy inštancií tlačidiel (Názov inštancie) a napíšte kód pre každé tlačidlo:

This.btnLeft.addEventListener("click", funkcia (e) ( var t = e.nativeEvent; if (t.which == 1 || t.button == 0) ( window.callClick(n); ); ) );

Kde n

3.3

This.btnText.addEventListener("presunutie myšou", function() ( window.callEvent(n); ));

Kde myšou- javascript udalosť, n- číslo udalosti od 1 do 30, na ktorú treba volať.

Funkcia vytvárania opakovanej animácie

Postup implementácie animácie v slučke do kreatívy v aplikácii Animate CC:
- nastavte možnosť "Časová os slučky" v nastaveniach publikovania;
- použite kódy pre tlačidlá z tejto časti a kódy pre bežné tlačidlá z bodov 3.1 a 3.2 je potrebné odstrániť.

Kreatívny kód s jedným tlačidlom a cyklickou animáciou:

Ak existuje niekoľko tlačidiel, potom do kódu volania udalosti ADFOX pridajte nasledujúci kód:

If (typeof(this.stopCycle) == "undefined") ( this.btnMain.addEventListener("click", funkcia (e) ( var t = e.nativeEvent; if (t.which == 1 || t.button) == 0) ( window.callClick(); ); )); this.btnLeft.addEventListener("kliknutie", funkcia (e) ( var t = e.nativeEvent; if (t.which == 1 || t. button == 0) ( window.callClick(n); ); )); this.stopCycle = true; )

Kde n- číslo udalosti od 1 do 30, na ktorú treba volať.

Pomocou priehľadných tlačidiel

Transparentné tlačidlá je možné použiť napríklad vtedy, ak potrebujete urobiť klikateľnosť na celú plochu bannera alebo len na jej časť. K nim, rovnako ako k bežným tlačidlám, treba pridať prechodový alebo eventový volací kód.

Tlačidlá v aplikácii Animate sú symboly, ktoré obsahujú štyri snímky. Prvé tri môžete nechať prázdne a posledné "Kliknutie" ("Zásah") vyplniť len pridaním obsahu (grafického prvku) cez Vložiť > Časová os > Kľúčová snímka (Vložiť > Časová os > Kľúčová snímka).

Obsah rámca „Kliknutie“ (Hit) je neviditeľný a definuje oblasť tlačidla, ktorá reaguje na kliknutie. Do tohto rámca môžete pridať obsah (grafický prvok) cez Vložiť> Časová os> Kľúčová snímka (Vložiť> Časová os> Kľúčová snímka). Ak zostávajúce snímky ostanú prázdne alebo neviditeľné, tlačidlo na ploche sa zobrazí ako priesvitné modré a bude mať tvar obsahu obsiahnutého v nasledujúcom snímku „Zásah“. Pri publikovaní projektu nebude viditeľná priehľadná modrá plocha.

Vlastnosť implementácie naťahovacieho (gumového) banneru

Aby sa banner roztiahol po šírke kontajnera, v ktorom bude na stránke umiestnený, vykonajte nastavenia: Vybrať Súbor > Nastavenia publikovania.
v taba Základné, vyberte Urobiť responzívny > Šírka, Výška alebo Oboje.
Vyberte Mierka na vyplnenie viditeľnej oblasti na zobrazenie výstupu v režime celej obrazovky.
Výberom možnosti „Prispôsobiť pohľadu“ sa upraví mierka obsahu tak, aby vyplnil dostupný priestor na obrazovke, pričom sa zachová pomer strán. Takže ak už bola dosiahnutá maximálna šírka, potom oblasť výšky obrazovky môže zostať prázdna a naopak.

Ak nemôžete dosiahnuť požadovaný výsledok pomocou nastavení programu, použite skripty.
Tu sú príklady kódov:
Stiahnite si kód na zmenu mierky s ohľadom na pomer strán.
Stiahnite si kód na zmenu mierky bez pomeru strán.
Stiahnite si kód pre umiestnenie prvkov kde an0..an4 je názov inštancie prvkov.

Funkcia vytvárania bannera s automatickým výbuchom

Ak chcete zobraziť banner z rozbaleného stavu, musíte pri pridávaní bannera do rozhrania zadať hodnotu áno v parametri „Automaticky rozbaliť vždy“ alebo „Rozbaliť pri inicializácii“ a pridať kód do kreatívy HTML:

Window.global_exp_banner = this.exp_banner; window.global_main_banner = this.main_banner; window.global_exp_banner.visible = false; if (window.isBannerExpanded) ( window.global_exp_banner.visible = true; window.global_exp_banner.btnCollapse.visible = true; window.global_main_banner.visible = false; window.global_main_banner.btnExpand.visible = nepravda; ) else( window. viditeľné = nepravda; window.global_exp_banner.btnCollapse.visible = nepravda; window.global_main_banner.visible = pravda; window.global_main_banner.btnExpand.visible = pravda; ) window.global_main_banner.btnExpand.addEventListener("click", expandBanthis )); window.global_exp_banner.btnCollapse.addEventListener("kliknutie", kolapsBanner.bind(toto)); window.onBannerExpand = function() ( window.callEvent(2); window.global_exp_banner.visible = true; window.global_exp_banner.btnCollapse.visible = true; window.global_main_banner.visible = false; window.global_main_banner.btnExpand.visible = false ; ) window.onBannerCollapse = function() ( window.callEvent(3); window.global_exp_banner.visible = false; window.global_exp_banner.btnCollapse.visible = nepravda; window.global_main_banner.visible = true; window.global_main_expand.visible.btn = pravda ;)

5. Publikácia projektu.

Dôležité! Pri náhľade projektu v prehliadači cez (Ctrl-Enter | Cmd-Enter) odkazy v názvoch súborov v HTML sú pripojené s náhodnými hodnotami formulára ?1468231208369 . Takéto hodnoty musia byť vylúčené z projektu pri jeho načítaní do ADFOX.
Na tento účel musí byť konečný projekt v editore zverejnený prostredníctvom Súbor > Nastavenia zverejnenia > Zverejniť (Shift-Ctrl-F12 | Shift-Cmd-F12).

Pri publikovaní projektu vyberte šablónu AdobeAnimate_Adfox_.html.

.PSČ

Google Web Designer

Kód tohto bannera môže byť použitý ako základ pre vytváranie kreatív v editore.

Šablóna obsahuje skript adfox_HTML5.js a súbor parametrov pre správne fungovanie prechodov a počítania udalostí:
%reference%, %user1%, %eventN%, kde N je číslo udalosti od 1 do 30.

2. Spracovanie kliknutí.

Všetky udalosti sú priradené ku konkrétnym prvkom animácie prostredníctvom karty Udalosti.

Ak chcete vyvolať akcie, použite komponent "Oblasť kliknutia".
Pridajte ho a vyberte udalosť "Hitable Area" - "Dotyk/kliknutie"(alebo "Tap Area > Touch/Click" v anglickej verzii).

Na karte „Vlastný kód“ zadajte volanie funkcie kliknutia.

2.1

callclick();

2.2

callclick(n);

Kde n

2.3 Ak potrebujete spustiť udalosť z animácie bez prechodu, použite nasledujúci kód:

CallEvent(n);

Kde n- číslo volanej udalosti.

Aby sa banner natiahol po šírke kontajnera, v ktorom bude umiestnený na stránke, na paneli Vlastnosti pre polohu a rozmery zadajte percentá namiesto pixelov.

Použite tiež možnosti "Zarovnať s kontajnerom" A "Gumové rozloženie" na hornom paneli nástrojov.
Ak povolíte Fluid Layout pred použitím ktoréhokoľvek z nástrojov na zarovnanie, po zmene veľkosti nadradeného kontajnera sa všetky prvky zarovnajú navzájom a s rozmermi kontajnera.
V tomto prípade môžete súčasne použiť relatívne veľkosti prvkov v percentách a absolútne veľkosti - v pixeloch.

4. Publikácia projektu.

Pri pridávaní bannera do ADFOX bude manažér potrebovať poznať súlad medzi tlačidlami a číslami udalostí. Pre každú udalosť si manažér predpíše vlastný prechodový odkaz, ktorý sa následne pomocou premennej prenesie do kódu banneru.

Po zverejnení projektu ho zazipujte vo formáte .PSČ. Vaša kreatíva je pripravená na odovzdanie do bannera ADFOX.

Adobe Edge Animate CC

Ak chcete začať, spustite súbor s príponou .an z archívu.

2. Spracovanie kliknutí.

Všetky udalosti sú priradené ku konkrétnym prvkom animácie prostredníctvom karty „Kód“.

Ak chcete prechádzať vybratým prvkom, musíte vybrať udalosť kliknite a zaregistrujte volanie funkcie kliknutia.

Tlačidlá musia mať priradený názov inštancie (Instance Name), napríklad: btnMain, btnRight.

2.1 Ak sa použije jedno tlačidlo skoku:

callclick();

2.2 Ak existuje viacero navigačných tlačidiel:

callclick(n);

Kde n- číslo volanej udalosti.

2.3 Ak potrebujete spustiť udalosť z animácie bez prechodu, použite nasledujúci kód:

CallEvent(n);

Kde n- číslo volanej udalosti.

Vlastnosť implementácie naťahovacieho (gumového) banneru.

Aby sa banner roztiahol po šírke kontajnera, v ktorom sa bude na stránke nachádzať, pri príprave bannera v editore na paneli Vlastnosti zadajte pre pozíciu a veľkosť percentá namiesto pixelov.

Na paneli Pozícia a Veľkosť sa pre prvky nachádzajú aj tlačidlá Zväčšiť veľkosť a Zmeniť polohu

4. Publikácia projektu.

Projekt by mal byť zverejnený s nasledujúcimi nastaveniami:

Po zverejnení projektu ho zazipujte vo formáte .PSČ. Vaša kreatíva je pripravená na odovzdanie do bannera ADFOX.

UPD 6. decembra 2015:
Povedal to produktový manažér pre Flash Runtime a Adobe AIR nemať plány prerušiť prácu na Flash Runtime a AIR a premenovanie produktu na vytváranie obsahu v žiadnom prípade nesúvisiace s osudom prehrávača Flash Player a priľahlý ekosystém.

Všetko by bolo v poriadku, s výnimkou jednej nuansy, ktorá výrazne mení význam - technická negramotnosť a všeobecné kopírovanie. Vydania sa navzájom pretlačia a pridávajú ďalšie a ďalšie „fakty“, ktoré nie sú v origináli. Jedným slovom - poškodený telefón.

Pôvodný článok http://blogs.adobe.com/conversations/2015/11/flash-html5-and-open-web-standards.html uvádza, že Adobe premenuje Flash Professional na Animate CC. Okrem toho uvádzajú, že zákazníci chcú získať viac podporovaných platforiem atď.

A neprekvapilo ma, že mnohí nevidia rozdiel medzi Flash a Flash Professional. Na spravodajských stránkach sa začali objavovať rôzne gagy s odvolaním sa na iné zdroje, ktoré sa spájajú ďalej v reťazci. A nie vždy originálne.

Slovo Flash je dnes vnímané ako zásuvný modul pre prehliadače. Technicky je to Flash Player. Existuje však nástroj na vytváranie obsahu - Flash Professional. Ak by Microsoft premenoval Word na TextMachine, ľudia by kričali, že "Microsoft prestal vyvíjať Word?" Aj keď je to napísané čiernobielo, bude podporovaná tvorba obsahu a upraviteľné dáta?

Z vlastných príkladov môžem ukázať živý obraz. Miestni klienti sa ma pýtajú, čo urobíme animáciu pre prezentáciu pre iOS. Hrdo oznamujem, že vo Flash Professional. A klient má stupor. Po chvíli to vydá:

"Ale na Habré píšu, že blesk je mŕtvy a na tablete nefunguje"

A tu upadám do strnulosti. Technická negramotnosť klientov a autorov článkov o flashi núti ľudí vzďaľovať sa od želaného výsledku. Klient našťastie podľahol presviedčaniu a s výsledkom bol spokojný.

Vráťme sa k pôvodnému článku. Uvádzajú, že html5 je vyspelý a už podporuje väčšinu funkcií Flash. Keď sa posunieme nadol, vidíme, že samotná spoločnosť Adobe považuje Flash za kľúčový prostriedok poskytovania prémiového obsahu, ako sú webové hry a prémiové videá. Nehovorí sa však o tom, že by podporu pre Flash upustili.

A čo viac... Jasne uvádzajú, že pracujú v spolupráci so spoločnosťami Microsoft a Google na zlepšení kompatibility a zabezpečenia Flash Player. A nezabudnite dodať, že úzko spolupracujeme s Facebookom na zlepšení spoľahlivosti a bezpečnosti hier Flash Player. Takže, kde je slovo, že sa zbavujú Flash?

Ak sa bavíme o vývoji Flasha všeobecne – áno, zastavil sa už dávno. Vykonali sa iba menšie (ale významné) vylepšenia a opravy bezpečnostných chýb. Ale je to naozaj také zlé? Z môjho pohľadu má Flash všetko, čo potrebuje. Samozrejme, chcel by som viac. Ale prečo?

Ak chcete získať viac, mali by ste prejsť na samostatný formát hier. A je tu Adobe AIR (ak vezmeme do úvahy Flash). Ukončenie podpory Adobe AIR nie je opravené. Mám informácie o dostupnosti plánov na rok 2016. Zomrie však flash prehliadača? určite. Ale určite nie zajtra.

A pre tých, ktorí radi v šablónach hovoria, že Flash vybíja batériu – ukážte, ako ju Canvas nabíja.

Za zmienku tiež stojí, že projekt Adobe Edge Animate sa už nebude aktívne rozvíjať. Ale odvtedy Mám blízko k vývoju Flash Professional – ubezpečujem vás, že Edge Animate nebude vyvíjaný vôbec (okrem kritických chýb). Toto rozhodnutie bolo urobené v prospech Adobe Flash Professional (budúce Animate CC).

Pre ľudí, ktorí sa chcú neustále zlepšovať, niečo sa učiť a stále niečo nové učiť, sme špeciálne spravili túto kategóriu. Obsahuje výlučne vzdelávací, užitočný obsah, ktorý sa vám určite bude páčiť. Veľké množstvo videí môže dokonca konkurovať vzdelávaniu, ktoré nám poskytuje škola, vysoká škola alebo univerzita. Najväčšou výhodou inštruktážnych videí je, že sa snažia poskytovať najnovšie a najaktuálnejšie informácie. Svet okolo nás v ére technológií sa neustále mení a tlačené vzdelávacie publikácie jednoducho nemajú čas rozdávať čerstvé informácie.

Medzi videami nájdete aj náučné videá pre deti predškolského veku. Tam sa vaše dieťa naučia písmená, čísla, počítanie, čítanie atď. Súhlasím, veľmi dobrá alternatíva ku karikatúram. Pre žiakov základných škôl môžete nájsť aj výučbu anglického jazyka, pomoc pri štúdiu školských predmetov. Pre starších študentov boli vytvorené tréningové videá, ktoré pomôžu pripraviť sa na testy, skúšky alebo jednoducho prehĺbiť vedomosti z konkrétneho predmetu. Získané vedomosti môžu kvalitatívne ovplyvniť ich mentálny potenciál, ako aj potešiť výbornými známkami.

Pre mladých ľudí, ktorí sú mimo školy, na univerzite alebo mimo nej, je k dispozícii množstvo zábavných vzdelávacích videí. Môžu im pomôcť prehĺbiť si vedomosti o profesii, ktorú študujú. Alebo získajte povolanie, ako je programátor, webový dizajnér, SEO optimalizátor a podobne. Univerzity zatiaľ takéto povolanie nevyučujú, takže špecialistom v tejto pokročilej a relevantnej oblasti sa môžete stať iba sebavzdelávaním, čomu sa snažíme pomôcť zbieraním tých najužitočnejších videí.

Pre dospelých je táto téma tiež dôležitá, pretože sa často stáva, že po rokoch práce v tejto profesii pochopíte, že to nie je vaše a chcete sa naučiť niečo vhodnejšie a zároveň ziskové. Aj medzi touto kategóriou ľudí sú často videá o spôsobe sebazdokonaľovania, šetrenia času a peňazí, optimalizácie svojho života, v ktorých nachádzajú spôsoby, ako žiť oveľa lepšie a šťastnejšie. Aj pre dospelých je téma vytvorenia a rozvoja vlastného podnikania veľmi vhodná.

Medzi náučnými videami sú aj videá všeobecného zamerania, ktoré sú vhodné takmer pre každý vek, v ktorých sa dozviete o tom, ako vznikol život, aké existujú evolučné teórie, fakty z histórie atď. Dokonale rozširujú obzory človeka, robia z neho oveľa erudovanejšieho a príjemnejšieho intelektuálneho partnera. Je skutočne užitočné sledovať takéto informatívne videá pre každého bez výnimky, pretože vedomosti sú sila. Prajeme vám príjemné a užitočné prezeranie!

V našej dobe je jednoducho potrebné byť tým, čomu sa hovorí „na vlne“. Netýka sa to len správ, ale aj rozvoja vlastnej mysle. Ak sa chcete rozvíjať, objavovať svet, byť v spoločnosti žiadaní a zaujímaví, potom je táto sekcia pre vás.

Vytvorme si nový súbor, spravíme ho na veľkosť 800x600 a prenesieme doň nejaké súbory, konkrétne týchto pár obrázkov a „mp3 lesný šum“, teda zvuk. Presúvam to sem. Výsledkom je takýto obrázok - toto je les, nazýva sa to "bg", "play" a "pause", to sú tlačidlá. Teraz ich posuniem dole, posuniem, takto - najjednoduchšia možnosť.

Teraz spustím animáciu, stlačím cntr + enter, je to len les a len dve tlačidlá, nič nefunguje. Ak chcem, aby sa mi zvuk automaticky prehrával, volá sa to „lesný hluk“, potom musím vybrať túto vrstvu a tu zvoliť „automatické prehrávanie“, teraz keď stlačím cntr + enter, prehrám zvuk. Úžasný.

Ako pridať klikateľný odkaz do videa v aplikácii Adobe Edge Animate.

Ak sme len nakreslili nejaké tlačidlo a existuje nejaké pozadie, potom ak naň klikneme, nikde nebude žiadny prechod. Pridať kliknuteľný odkaz musíme vybrať toto tlačidlo, kliknúť pravým tlačidlom myši na otvorenie akcie, na tlačidlo faul, ja som to tak nazval, a kliknúť na kliknutie, teda čo sa spraví po kliknutí. A tu musíme vybrať Open you are raol.

V tomto videu ukážem, ako na to, nie je to nič zložité, ale musíte správne pochopiť, kam potrebujete skopírovať správny kód a kam ho vložiť.

Povedzme, že máte video vytvorené v adobe edge animate, keď naň kliknete, otvorí sa požadovaná cieľová stránka, je vo formáte edge animate a je uložená v priečinku so zdrojovým kódom a Java skriptami. Otvárame ho v akomkoľvek textovom editore, môžete použiť akékoľvek testovacie editory, napríklad: poznámkový blok atď.

Ako zacykliť animáciu v Adobe Edge Animate, teda ako ju spraviť tak, aby keď sa prehrá do konca, začala znova od začiatku a bola nekonečná.

Tu môžete skopírovať kľúčové snímky, to znamená, že vyberiem jednu snímku, stlačím cntr + c, kliknete na požadované pole, stlačíte cntr + v, animácia sa zacyklí, to znamená, že sa nezacyklí, ale v tomto prípade prejdite z východiskový bod späť do východiskového bodu. Ak spustím toto video, stlačím cntr+enter, vidíme, že animácia trvá len 1 sekundu, ide jedným smerom a druhým sa vracia.

V tomto videu ukážem, ako na to, nie je to nič zložité, ale musíte správne pochopiť, kam potrebujete skopírovať správny kód a kam ho vložiť.

Povedzme, že máte banner vytvorený v adobe edge animate, keď naň kliknete, otvorí sa požadovaná vstupná stránka, je vo formáte edge animate a je uložený v priečinku so zdrojovým kódom a Java skriptami. Otvárame ho v akomkoľvek textovom editore, môžete použiť akékoľvek testovacie editory, napríklad: poznámkový blok atď.

Ďalej chcem vložiť tento banner na stránku. Čo treba urobiť? Musíte si stiahnuť indexový súbor, potom ho otvoriť aj v textovom editore, skopírovať adobe edge kód a na záver pridať kód sem pred „hlavu“, potom pred názov miesta, kde budeme pridávať náš banner, pred div. Pre presnejšie prevedenie je tu návod, ktorý vám pomôže: https://docs.google.com/document/d/1-kTj3QhCbzT47-dReqpgVCBN_YuPy3hqxAMp94KcnZ0/edit. Potom, čo uložíme a prejdeme na službu FTP, mám filezillu, nájdite miesto uloženia pre vašu stránku a skopírujte priečinok indexu do vášho súboru na serveri, čím nahradíte aktuálne súbory. Ďalej načítame všetky Java skripty a aktualizujeme stránku. Všetko je pripravené – funguje animácia a otvorí sa aj karta so vstupnou stránkou.

Ak máte záujem o takéto lekcie, prihláste sa na odber môjho kanála, pretože. v blízkej budúcnosti bude veľa nových videí - http://www.youtube.com/user/danilfimushkin?sub_confirmation=1

00:32 – povedzme, že máte banner vytvorený v adobe edge animate

01:30 - pridajte banner na stránku

02:09 - pridajte kód pred značku "hlava".

02:50 - návod na pridanie banneru na stránku

03:31 - nahrajte súbory na server

05:29 - aktualizujeme stránku a hotovo!

Pripojte sa a pýtajte sa:

Stiahnite si tri bezplatné šablóny Muse: http://website/free-landing.html

http://vk.com/adobeedgeanimate

Som na vkontakte: http://vk.com/danilfimushkin

Na webinári som povedal a ukázal, ako sa dá z vektorovej ilustrácie vyrobiť plnohodnotný animovaný banner.

00:17 - začnite animovať vektorovú ilustráciu v Edge Animate
14:06 - vytvorte pohyb labkami postavy
16:54 - výhody vnoreného charakteru
17:48 - čo je vnorený symbol
18:24 - predpisovanie zacyklenej animácie
19:42 - zacyklená animácia je pripravená
23:40 - vytvorte blikajúce oči
26:54 - určiť názvy súborov pri ukladaní
27:57 - animácia "rozbaľovacieho" textu
28:39 - priloženie pohybovej krivky - zmena osi animácie
30:03 - medzisúčet animácií, vytváranie zasneženej krajiny a animovanie snehovej vločky
33:39 - Prehľad Edge Animate
34:52 - domáca úloha
35:25 – ako pridať aktívny odkaz
39:09 - vytvorte viacero tlačidiel a pripojte odkazy

Pripojte sa a pýtajte sa: http://vk.com/adobeedgeanimate