Flash File Format (SWF) je založen na vektorová grafika a je navržen pro škálovatelnou, kompaktní grafiku pro web. Vzhledem k tomu, že tento formát souboru je založen na vektorové grafice, objekt si zachovává kvalitu obrazu při jakémkoli rozlišení a je ideální pro vytváření snímků animace. V Illustratoru můžete vytvořit samostatné snímky animace na vrstvách a poté exportovat vrstvy obrazu jako samostatné snímky pro použití na vašem webu. Můžete také definovat symboly v souboru Illustratoru, abyste zmenšili velikost animace. Při exportu je každý symbol definován v souboru SWF pouze jednou.

Export příkazu (SWF)

Poskytuje největší kontrolu nad animací a bitovou kompresí.

Poskytuje větší kontrolu nad kombinací formátů SWF a bitmap ve fragmentovaném rozvržení. Tento příkaz nabízí méně možností obrázku než příkaz Export (SWF), ale používá naposledy použité možnosti příkazu Export (viz).

Při přípravě objektu pro uložení ve formátu SWF mějte na paměti následující pokyny.

Pomocí Device Central můžete vidět, jak bude kresba aplikace Illustrator vypadat v aplikaci. Flash Player na různých ručních zařízeních.

Vkládání kresby aplikace Illustrator

Kresbu vytvořenou v Illustratoru lze rychle, snadno a snadno zkopírovat a vložit do Flash.

Při vkládání grafiky z Illustratoru do Flash se zachovají následující atributy.

Obrysy a tvary

• Tloušťka čáry

  Definice gradientů

  Text (včetně písem OpenType)

  Související obrázky

• Režimy míchání

Illustrator a Flash navíc při vkládání kresby podporují následující.

Při výběru vrstev v kresbě Illustratoru nejvyšší úroveň a jejich vložení do Flash zachová vrstvy a jejich vlastnosti (viditelnost a blokování).

Formáty barev Illustratoru bez RGB (CMYK, stupně šedi a vlastní formáty) jsou pomocí Flash převedeny na RGB. Barvy RGB se vkládají obvyklým způsobem.

Při importu nebo vkládání kresby Illustratoru můžete použít různé volby k zachování určitých efektů (jako je stín vržený textem) jako filtry Flash.

Flash ukládá masky aplikace Illustrator.

Export souborů SWF z aplikace Illustrator

Soubory SWF exportované z Illustratoru odpovídají kvalitě a kompresnímu poměru souborů SWF exportovaných z Flash.

Při exportu si můžete vybrat z řady předdefinovaných stylů pro optimální výstup a určit, jak se používá více kreslicích pláten, jak se převádějí symboly, vrstvy, text a masky. Symboly Illustratoru můžete například exportovat jako filmy nebo grafiku a vytvářet symboly SWF z vrstev Illustratoru.

Import souborů aplikace Illustrator do Flash

Chcete-li vytvořit kompletní rozvržení v Illustratoru a poté jej importovat do Flash v jednom kroku, můžete kresbu uložit v nativním formátu Illustratoru (AI) a importovat ji s vysokou věrností do Flash pomocí nabídky Soubor > Importovat do pracovní oblast Nebo Soubor > Importovat do knihovny.

Pokud váš soubor Illustratoru obsahuje více kreslicích pláten, vyberte kreslicí plátno k importu v dialogovém okně Import Flash a určete nastavení pro každou vrstvu v tomto kreslicím plátně. Všechny objekty na vybraném kreslicím plátně se importují do Flash program jako jedna vrstva. Když importujete jiné kreslicí plátno ze stejného souboru AI, objekty z tohoto kreslicího plátna se importují do Flash jako nová vrstva.

Při importu kresby Illustratoru jako AI, EPS nebo PDF příloha Flash zachovává stejné atributy jako při vložení grafické objekty Ilustrátor. Pokud navíc importovaný soubor aplikace Illustrator obsahuje vrstvy, můžete je importovat jedním z následujících způsobů.

Převeďte vrstvy Illustratoru na vrstvy Flash.

Převeďte vrstvy Illustratoru na snímky Flash.

Převeďte všechny vrstvy aplikace Illustrator do jedné vrstvy Flash.

Nyní si úkol trochu zkomplikujeme – vyrobíme si animovaný Flash-banner. Povídejte si o plnohodnotné Flash animaci, in v tomto případě určitě to není nutné - existují na to specializované balíčky. K vytvoření jednoduchého amatérského videa ale můžete použít i Illustrator.

V Adobe Illustratoru nejsou žádné speciální nástroje a nástroje rozhraní, jako je časová osa, které jsou typické pro programy pro vývoj animací. Ale je tu jedna jemnost - můžete použít vrstvy jako rámce.

Vytvořte banner pouze s textem.

1. Seskupte znaky pomocí příkazu Objekt ›Skupina(Objekt ›Skupina).
2. Dalším úkolem je vytvořit obrysové objekty ze znaků písma, jinak nebude fungovat správné vytváření vrstev. Chcete-li to provést, vyberte skupinu a vyberte Zadejte ›Vytvořit obrysy(Písmo ›Trace).
3. Poté otevřete nabídku palety Vrstvy(Vrstvy) kliknutím na tlačítko se šipkou na paletě (obrázek 8.11).

Rýže. 8.11... Nabídka palety vrstev

Zajímá nás příkaz v této nabídce Uvolnění do vrstvy (sekvence)(Převést na vrstvy (postupně)), která převede každý jednotlivý objekt do nové vrstvy. Upozorňujeme, že při použití příkazu je třeba vybrat skupinu. Skupina, ne vrstva Vrstva 1.

Jak by měla paletka vypadat Vrstvy(Vrstvy) po provedení Uvolnění do vrstvy (sekvence)(Převést na vrstvy (sekvenční)), znázorněné na Obr. 8.12.

Rýže. 8.12... Paleta vrstev po provedení Release to Layer (sekvence)

Tím je příprava hotová, můžete ušetřit Uložit pro Web(Uložit pro web) ve formátu SWF. SWF je hlavní formát pro grafiku založenou na Flash. Přesnější by bylo říci, že se jedná o formát Flash (obr. 8.13).

Pravděpodobně dnes již všichni uživatelé Flash více či méně znají. V současnosti je nejrozšířenějším animačním formátem na internetu a používá se k vybudování velké většiny multimediálních internetových stránek.

V Adobe Illustratoru samozřejmě není implementována ani desetina možností Flashe, protože k tomu není program určen. Přesto v něm můžete udělat buď statický obrázek, nebo jednoduchou animaci.

Rýže. 8.13... Nastavení optimalizace pro formát SWF

Existují následující nastavení.

• Pouze ke čtení(Pouze čtení). Pokud políčko zaškrtnete, soubor se zapíše tak, že jej již nebude možné otevřít pro úpravy v žádném programu. To na jedné straně snižuje velikost souborů a na druhé straně chrání vaše autorská práva.
• Nastavení označené 1. Parametr určující typ uložení je obrázek nebo animace.
• Pokud zvolíte možnost Soubor AI do souboru SWF(soubor aplikace Illustrator v soubor SWF), obrázek se uloží jako statický obrázek, který zcela opakuje to, co vidíte na obrazovce při práci v Illustratoru.
• Vrstvy do rámců SWF(Vrstvy do snímků SWF) umožňuje animovat existující vrstvy, které mají být vykresleny jako snímky. Musíme zvolit tuto konkrétní možnost.
• Kvalita křivky(Kvalita křivky). Přesnost křivek v souboru pro opakování křivek původního obrázku. Snížením tohoto parametru se výrazně sníží kvalita, zejména v oblasti malých detailů, ale sníží se velikost souboru. Pro náš případ je optimální hodnota "7".
• Snímková frekvence(Snímkové zpoždění). Snímková frekvence a v důsledku toho i rychlost animace. Aby byl efekt správný, nastavte jej na maximálně 4 snímky za sekundu.
• Smyčka(Opakovat). Přehrajte animaci vícekrát. Vhodné pro animace, kde je důležitá opakující se smyčka. Banner je tohoto typu.

Adobe Illustrator a After Effects
Import a jednoduchá animace

Ahoj. Dnes recenzujeme jednoduchou animaci v After Effects.

Zdroje: Adobe Illustrator CC
Adobe After Effects CC

Začněme tím, že se naučíme kreslit v Illustratoru.

Kreslit
1) Nakreslíme si žlutý obdélník jako pozadí

Obrázek 1 - Obdélník

2) Nakreslete kruh a vyplňte jej přechodem
Pojďme trochu zapracovat na kruhu:
- odstraňte spodní bod na obrysu, získáme oblouk;
- nakreslete přímku, uzavřením spodní části oblouku dostaneme půlkruh

Obrázek 2 - 1) nakreslit kruh; 2) gradient; 3) smazat bod

3) Nakreslete obdélník a vytvořte jeho kopii
- jeden šedý obdélník;
- další obdélník je tmavě šedý
4) Nakreslete trojúhelník z hvězdičky nastavením počtu paprsků - 3

Obrázek 3 - 1) obdélníkové světlo; 2) obdélníková tmavá; 3) trojúhelník

5) Nakreslete kočku pomocí pera a jednoduchých tvarů

Obrázek 4 - 1) hlava; 2) krk; 3) tělo; 4) noha; 5) ocas

A teď nejvíc HLAVNÍ okamžik
Rozdělme obrázky do vrstev (co se bude animovat - na samostatnou vrstvu) takto:

Obrázek 5 - všechny obrázky (červeně označte důležité vrstvy)

Všechno, teď ušetříme.
Podívejme se na nastavení ukládání

Obrázek 6 - Uložit

A teď další krok. ZavřítAdobe Illustrator a otevřete After Effects.

Importovat do After Effects
Soubor - Import - Soubor - vyberte náš uložený soubor Ilustrátor.
Zvolme import vrstev z Illustratoru, pokud vložíme stopáž, získáme obrázek se sloučenými vrstvami, ale to nepotřebujeme.

Obrázek 7 - Importovat jako kompozici

Vše bylo dovezeno.
Nyní se podívejme, co máme. Dvakrát klikněte na kompozici co by se otevřelo a viděli bychom vrstvy (pokud je vše provedeno správně, bude vrstev několik). Chápeme to, viz obrázek

Obrázek 8 - Otevřená kompozice

A dnes jsme tu pro animaci.

Animace v After Effects
Nastavte otočný bod na šipku v jeho horní části pomocí nástroje Pan Behind ( klávesová zkratka- Y). Stačí vzít bod a přemístit jej, kam chcete. Ve výsledku to bude vypadat takto..

Obrázek 9 - Nástroj Pan a Vrstvy

Dobře, nyní přejdeme k vrstvám animace.
Potřebujeme vrstvu Arrow a vrstvu Head_cat.
Začněme šipkou.
Rozbalíme seznam, najdeme jej a klikneme na hodiny. Takto dáme první bod na nulovou sekundu. Animace zabere celkem 2 sekundy.
Toto jsou nastavení, která musíte provést (celkem vložte 3 body)

Druhý	0	1	2
	+66	- 70	+66

Takto to bude vypadat:

Obrázek 10 - Šipka otáčení

Nyní oživíme kočičí hlavu.
Rozbalíme head_cat a najdeme Pozice.
Budou 4 body.
Změní pouze poslední souřadnice, aniž by se dotkl ostatních.

Druhý	0.1	0.17	1.12	2.0
Pozice	689.3	729.3	729.3	689.3

Díváme se na obrázek.

Obrázek 11 - Umístěte hlavu

Princip animace byl tedy takový. Šipka se houpe ze strany na stranu, jakmile se ke kotěti přiblíží, vtáhne hlavu do sebe, v této poloze trochu setrvá a poté jej vrátí na své místo.

Poslední fáze

Výroba
Z vaší práce musíte vytvořit hotový produkt.
Jdeme do menu - Přidat do fronty vykreslení
Otevře se panel Render a ve výstupním modulu (dvě kliknutí) vyberte výstupní formát. Vzal jsem * .mov

Obrázek 12 - Vykreslení

Stiskněte tlačítko RENDER a získejte výsledek (jen nezapomeňte zadat cestu).
To je vše.

Ahoj všichni! Dnes se pokusím popsat možnosti programu Adobe ilustrátor porovnáním se schopnostmi splachování. Toto nebude globální analýza programu podle kostí, ale spíše popis některých zajímavých čipů, které jsem v tomto programu objevil. Sbíral jsem informace kousek po kousku, jak jsem je studoval, abych vše dal do jednoho příspěvku. Hned se musím přiznat, že nejsem žádný superzkušený uživatel ilustrátorů posledních šest měsíců Používám ho při kreslení (předtím jsem vše maloval flash). Mnoho lidí si stěžuje, že ilustrátor je složitý, ne vždy intuitivně jasný. Do jisté míry souhlasím s tím, že po spláchnutí je tento program obtížný. Tady ale nejde hlavně o to skončit, ale pokračovat ve studiu. A po několika týdnech se objevila myšlenka, jak jsem se bez něj mohl obejít!

Takže to, co se mi na ilustrátoru líbilo a co jsem pro sebe zjistil, není ve Flashi.
1. Začnu tím nejjednodušším, ale zároveň nezbytným. Zkuste bleskově uspořádat předměty do kruhu. Byl dříve Deco nástroj, ale byl odstraněn, zřejmě považován za nepotřebný. Rozhodli jsme se, že je zábavnější to dělat s pery. Illustrator má tuto funkci: Efekt – Deformace a transformace – Transformace.

Vše je rychlé a jednoduché, hodnoty (vzdálenost mezi objekty, počet kopií) si nastavujeme sami v nastavení.

2. Cik-cak

Ještě jednodušší, ale přesto užitečná věc. Zdálo by se to jako maličkost, ale bleskově musíte kreslit ručně, v ilustrátoru je to otázka vteřiny.

3. Deformace předmětů (Warp)

Nic takového bleskově neexistuje. V příkladu níže jsem ukázal pouze 2 způsoby deformace jednoduchých tvarů (Efekt - Warp - Arc / Fish). Ve skutečnosti jich je 15. Nejnovější verze programy.

4. Automatické zaoblení rohů (Round Corners)

Můžete to udělat ručně: na grafickém objektu se po výběru objeví v rohu (u všech očí) bílý bod a symbol zaoblené čáry. Táhneme myší, upravíme dle chuti.

Ale to platí jen pro tvary, s linkou tužkou trochu jinak - aplikujte efekt zaoblení ( Efekt - Stylizace - Zaoblené rohy). Na výstupu dostaneme stejný výsledek.

5. Zdrsnit (zhrubnout)

Efekt se aplikuje na jednoduché formy (Efekt – Deformace a transformace – Zdrsnění). Na výstupu dostaneme něco, co připomíná low-poly 3D model. Podle mě pohoda :) A hlavně - velmi jednoduché.

6. Pucker & Bloat(tahání a nadýmání)
Příklad na obrázku níže:

7. Rozšíření formuláře (Offset Path)

Flash má funkci Expand Fill, na rozdíl od ilustrátoru vůbec nepracuje s linkami tužkou.

8. Štětce (Art Brush, Pattern Brush, Scatter Brush)
Podívejte se na obrázek níže s příklady:

9. Štětec na texturu

Illustrator také obsahuje spoustu texturových štětců, o kterých jsem psal a jak se v nich objevily nová verze spláchnout -. Bylo zjištěno, že používání štětců v Adobe Animate je extrémně pomalé. A je to:(

10. Nejsem si jistý, jestli je to přímočarý trik, ale chci se zaměřit na štětec s vtipným názvem. KapkaŠtětec... Nachází se v panelu nástrojů, velmi pěkný kartáč k použití. Má spoustu nastavení, líbí se mi to víc než obvykle. Je těžké slovy vysvětlit jeho výhody, je lepší to jednou vyzkoušet.

10. Rozdělit na mřížku

Užitečná je také funkce Split to Grid (Object-Path-Split to Grid), která umožňuje rozřezat tvar na stejné segmenty. Co nám to připomíná? Je to tak - okna jsou ve výškové budově. Pokud jde o mě, super věc na kreslení například měst;)

Ještě jeden užitečný nástroj představeno v Illustratoru, pravděpodobně od jeho prvního vydání. Může být použit k vytvoření například textur dřeva:

12. Přesunout (vpravo - Transformace - Přesunout)

Posunutí objektu o zadanou vzdálenost. V případě potřeby můžete okamžitě vytvořit kopii, která bude umístěna v požadované vzdálenosti od vybraného objektu vodorovně / nebo svisle. Dřívější verze Flash měla plugin, který ano tuto funkci... Bohužel si nepamatuji jeho název.

Je velmi pohodlné vytvářet bezešvé vzory v Illustratoru ( Object-Pattern-Make). Pamatuji si, jak jsem byl bleskově zběsilý s tvorbou. V ilustrátorské verzi CC 2015 je vše zautomatizováno, hromada nastavení pomůže vytvarovat vzor v desítkách variant a mít po ruce jen pár grafických prvků. Ve více rané verze všechny programy se musely dělat ručně, jako dosud ve flashi.

(Poznámka – ze vzoru lze vytvořit vektorový upravitelný objekt pomocí funkce parse ( Objekt - rozbalte položku Vzhled).

14. Objektová mozaika

Vytvoření barevné palety na základě existujícího obrázku. Poté importujeme obrázek, který se nám líbí, do ill (Open). Objekt – Vytvořte mozaiku objektů... V nastavení určíme frekvenci dělení na výšku a šířku.

A na výstupu dostaneme:

15. Smíchejte

Používá se k vytváření přechodů. Můžete vytvářet přechody krok za krokem, jako například na obrázku. Nebudu říkat, že ho používám často, ale někomu se může hodit. Myslím, že se dá použít k vytvoření jednoduchých obrázků na pozadí.

Nástroj lze také použít ke klonování objektů. Umístěte dva objekty do určité vzdálenosti od sebe a použijte Možnosti prolnutí, zvolte počet kroků (počet klonovaných objektů).

16. Nástroj Build Shape Tool. Velmi šikovná věc pro práci s primitivy. Bleskově se mi to zdálo méně pohodlné.

Podržením Alt a kliknutím na vybrané segmenty - segmenty smažte. Stačí táhnout myší přes několik vybraných oblastí - spojů.

Add-on je nástroj, který pomáhá automaticky stříhat, spojovat atd. zvýrazněné formuláře. Pokud jde o mě, není to příliš pohodlné, používám to častěji StavětTvarNářadí.

(kreslicí plátna)

18. Panel uživatelských nástrojů

Schopnost vytvořit si vlastní panel nástrojů, vyhodit nepotřebné a vybrat pouze ty, které používáte.

Ve Flash jsou kreslicí plátna, jmenovitě scény ( Scéna 1,2,3 ..) jsou umístěny samostatně a je potřeba mezi nimi přepínat (Shift + F2). V Illustratoru je můžete všechny umístit před oči. Je vhodné, když vytváříte několik verzí stejného výkresu, abyste měli všechny možnosti pro srovnání před očima.

19 izometrie s pomocí grafiky Styly

A poslední je vytvořit izometrii bez použití na 1 kliknutí (nebo přesněji na 3 kliknutí, protože máme 3 strany;) pomocí grafických stylů ( Grafické styly). Jak se to dělá, podepíšu příště.

Illustrator má s flashem společnou - možnost uložit objekt do symbolu a stejně snadno lze tento symbol přenést do flashe (otevřít .ai soubor ve flashi, Import – import do fáze).
Symbol v Illustratoru má stejné vlastnosti jako ve Flashi.
A na závěr napíšu, že v ilustrátoru je to podle mě podřadné než blesk. Ano, ano, a něco takového existuje. A toto je nástroj pro vyplnění ( Plechovka barvy). Bez ohledu na to, jak se snažím na to zvyknout v nemoci, je to pohodlnější ve flashi.
Pokud se vám mé poznámky staly užitečnými nebo pokud chcete přidat něco od sebe - vítejte v komentářích! Hodně štěstí všem;)

Dnes nejsme úplně obyčejní Adobe tutoriál Ilustrátor. Protože tentokrát nebudeme dělat statický obrázek, ale skutečnou animaci. Představte si dopadá s s Adobe V Illustratoru můžete také kreslit karikatury :)

A nepotřebujeme k tomu vůbec nic. Kompetentní organizace vrstev a export výsledné práce ve formátu swf, kde je každá vrstva převedena na rámeček animace. V dnešním tutoriálu nakreslíme animaci odpočítávání ve stylu retro filmu. Výstupem by mělo být flash video právě s tímto odpočítáváním.

První věc, kterou musíte udělat, je nakreslit všechny potřebné prvky pro budoucí animaci. Za tímto účelem jsem v samostatném dokumentu vytvořil dvě polohy filmového rámečku, referenční kruh, který byl rozřezán na samostatné sektory, texturu a vertikální škrábanec pro přidání efektu starověku, stejně jako všechna čísla a nápisy .

Když jsou všechny části naší karikatury připraveny, můžete začít vytvářet samotnou animaci. Pro usnadnění je to nejlépe provést v novém dokumentu. V tomto případě budou vrstvy hrát roli animačních snímků. A hned v první vrstvě stačí zkopírovat rámeček filmového pásu. Umístěte jej doprostřed pracovní plochy.

Nyní vytvořte druhou vrstvu a zkopírujte do ní filmový pás, ve kterém jsou otvory po okrajích odsazeny. Také je potřeba ho vycentrovat.

Z těchto dvou vrstev již můžete získat animaci pohyblivého filmu. Později ale potřebujeme mnohem více vrstev. Vyberte tedy první dvě vrstvy, přejděte do možností panelu a vytvořte kopii vrstev.

Stejně tak potřebujeme nashromáždit 12 vrstev filmů filmu.

Nyní máme spoustu vrstev a všechny jsou viditelné. V tom smyslu, že horní vrstvy překážejí spodním, což není pro práci příliš vhodné. Některé vrstvy tedy můžete vypnout kliknutím na ikonu s okem vlevo od názvu vrstvy. Chcete-li vypnout nebo zapnout všechny vrstvy najednou, podržte při kliknutí na ikonu oka klávesu Alt. Zapnutím a vypnutím vrstev můžete přesně vidět, co se nachází v určitém snímku naší budoucí animace. A nyní, abychom k pohybu filmu přidali mírné chvění, musíme výsledné snímky mírně posunout v různých směrech. Chcete-li to provést, zahrňte pouze vrstvu, se kterou budete pracovat tento moment a poté posuňte rámeček o několik pixelů na obě strany.

Když projdete všechny vrstvy a přidáte mírný posun, můžete začít vytvářet animaci pohybujícího se kruhu. Chcete-li to provést, zkopírujte kruh sestávající ze sektorů z dokumentu s kreslenými díly a umístěte jej na první vrstvu přes rám filmového pásu.

Pokud kruh zrušíte, bude vypadat jako jeden celek. To je přesně to, co potřebujeme.

Ale protože se skládá z oddělených sektorů, můžete vytvořit animaci velmi rychle a snadno změnou jejich barvy. Chcete-li to provést, zkopírujte tento kruh do druhé vrstvy a zesvětlete první sektor. Pamatujete si, že se náš film při pohybu třese, takže není vůbec nutné dávat kruh přesně do středu snímku. Umístěte jej přes oko.

Podobně je potřeba zkopírovat kruh do každé další vrstvy, zatímco malujete světlejší barvou o jeden sektor více než minule. Dohromady těchto 12 vrstev tvoří filmové doplnění s plnicím kruhem.

Dále musíme přidat texturu do našich vrstev. Zapněte první vrstvu a zkopírujte tam texturu z původního souboru s náhradními díly.

Poté postupně zapněte další vrstvy a zkopírujte tam stejnou texturu. Aby to na každém snímku vypadalo jinak, stačí jej otočit o 90 stupňů. Jak jste možná uhodli, musíme přidat texturu do všech 12 snímků.

Pokud vás už kopírování nebaví, tak vás mohu potěšit - zbývá už velmi málo. Nejtěžší část je za námi. Zbývá přidat vertikální škrábance a téměř vše. Chcete-li to provést, znovu zkopírujte původní škrábanec a umístěte jej na libovolné místo v několika vrstvách. V mém případě se škrábance objevují pouze ve dvou vrstvách.

Nyní, když je hlavní smyčka s animací filmu hotová, zbývá doplnit čísla. Protože odpočítáváme od 3 do 1 plus slovo Go!!!, potřebujeme ještě více vrstev. Ne 12, ale 48. K tomu je potřeba udělat další tři kopie připravených vrstev s animací filmu.

A pak je vše jednoduché. Zapněte úplně první vrstvu a vložte tam číslo tři.

Poté musíte toto číslo zkopírovat do dalších vrstev, dokud animace kruhu neskončí. Když se dostanete k další kopii vrstev, kde bude kruh znovu zcela vyplněn, musíte již umístit číslo dvě. Stejným způsobem zkopírujte jedničku do požadovaných vrstev. A když se dostanete k finálním vrstvám pro titulek Go!!!, stačí před zkopírováním titulku do požadované vrstvy odstranit kruh.

To je vše s animací. Tady jde hlavně o to se nenechat zmást. Vrstvám můžete dát nějaké příhodné názvy, ale byl jsem nějak moc líný :) A přesto, až skončíte s prací, nezapomeňte všechny vrstvy znovu zapnout kliknutím na ikonu oka.

V okně s nastavením exportu nezapomeňte nastavit Export As: AI Layers na SWF Frames. Je to tato možnost, která změní vrstvy ilustrátoru na snímky animace. Poté klikněte na tlačítko Upřesnit.

Otevře další nastavení... Zde je třeba nastavit snímkovou frekvenci Frame Rate. Mám 12 snímků za sekundu. Zaškrtávací políčko Looping je zodpovědné za opakování animace. Díky ní se bude video přehrávat v kruhu. A možnost Pořadí vrstev: Zespodu nahoru reprodukuje vrstvy ilustrátora na panelu zdola nahoru. Přesně tak jsme postavili naši animaci.

Na výstupu získáme flash video s naší animací.

Nyní můžete vidět, že vytvořit jednoduchou animaci v Adobe Illustratoru není tak obtížné, jak se na první pohled zdá.

Ale pro vytváření dlouhých videí nebo interaktivních aplikací je stále lepší použít Adobe flash nebo jiné flash editory. Tuto kočku jsem například vyrobil ve starém Macromedia Flash, který jsem vykopal při své práci.

V poslední době se k vytváření animací stále častěji používají HTML5 a CSS3. Tento kód je podporován moderní prohlížeče a nevyžaduje použití flash přehrávače.

Roman aka dacascas hlavně pro blog

Přihlaste se k odběru našeho newsletteru, aby vám nic nového neuniklo: