Tento článek vám ukáže, jak používat jednoduché kroky začít poznávat Adobe Flash CS5. Tématem lekce je jednoduchá animace, vytvoříme ji, aniž bychom se pouštěli do složitosti rozhraní a programu.

Vytvoření nového flash dokumentu

Otevřete program a vytvořte nový dokument"ActionScript 3.0".

Nakreslíme objekt pro následnou animaci

Nyní nakreslíme kruh. Vyberte oválný nástroj v pravém panelu a podržte jej levé tlačítko myši a tlačítka "shift" na klávesnici nakreslete kruh na bílém pozadí.

Pomocí nástroje pro výběr vyberte nově vytvořený objekt kliknutím na něj myší nebo přetažením do čtvercového výběru.

Převod objektu na symbol pro jednoduchou animaci

Pro další práci je potřeba převést objekt na symbol. Protože je kruh již vybrán, stiskněte pravé tlačítko myši a dovnitř kontextová nabídka vyberte "Převést na symbol".

Ze seznamu "Typ" vyberte "Grafické"

Nyní by se kolem našeho objektu měl objevit modrý čtverec.

Vytvořte klasickou animaci (Classic Tween)

Chcete-li vytvořit animaci, musíte určit „klíčový snímek“.

Na spodním panelu je měřítko animace, vyberte dvacátý pátý snímek a stiskněte pravé tlačítko myši, v zobrazené kontextové nabídce vyberte „Vložit klíčový snímek“.

Vyberte kruh a podržte levé tlačítko myši a posuňte jej doprava.

Vyberte první snímek na měřítku animace a v hlavní nabídce nahoře v položce „Vložit“ vyberte „Classic Tween“.

Zobrazit vytvořenou animaci

Nyní můžeme sledovat animaci. V hlavní nabídce v položce „Ovládání“ vyberte „Přehrát“.

Do kruhu přidáme efekt "mizí". Chcete-li to provést, vyberte objekt znovu a v pravém panelu v nabídce "barevný efekt" vyberte "alfa", nastavte hodnotu na "0".

Uvidíme, co se stane. Přejděte na položku „Ovládání“ a vyberte „Přehrát“.

Napadlo vás někdy, co se skrývá za krásnou animací bannerů na internetu? Nebo pro nové karikatury vytvořené pomocí počítačová technologie? Nejčastěji jsou založeny na "flesh", přesněji, takto je název technologie Flash přeložen z angličtiny. Dnes budeme mluvit o flashové animaci pro web:

Flash technologie

Multimediální rámec byl vyvinut společností Macromedia. Po jejím převzetí (sloučení) ale všechna práva k technologii přešla na nového vlastníka – Adobe Systems.

Rozsah moderních aplikací Adobe Flash:

• Vytváření webových aplikací je poměrně nový směr. Znamená to úplné nebo částečné použití Flash k vytváření webových stránek. S částečnou aplikací tato technologie vytváří jednotlivé prvky design: různá interaktivní menu, animovaná tlačítka atd.

Ve srovnání s konvenčními zdroji založené na html flash stránky mají některé funkce, které omezují jejich použití. Patří mezi ně vysoké náklady na vývoj, náročné serverové zdroje, dlouhé doby načítání s pomalým internetovým připojením a některé další aspekty:

• Implementace multimediálních schopností - pro poslech zvuku a přehrávání videa na stránkách se často používají přehrávače médií založené na Flash. Jejich vývoj zahrnuje použití jednoho ze skriptovacích jazyků (častěji JavaScript):

• V internetové reklamě - nejčastěji se technologie používá k vytváření animovaných bannerů. Zahrnují nejen přehrávání multimediální reklamy, ale také určitý druh interakce s uživatelem na herní bázi.

Základy a nástroje pro vývoj Flash

K vytvoření flashové animace se nejčastěji používají tradiční nástroje od Adobe:

• Adobe Flash Professional - program pro tvorbu interaktivní animace (animátor);
• Adobe Flash Builder - prostředí pro tvorbu rozhraní pro webové aplikace;
• Adobe Flash Player je přehrávač integrovaný do prohlížeče pro přehrávání Flash.

Kromě ní řada aplikace třetích stran. Nejoblíbenější z nich jsou Gnash, QuickTime a některé další:

Tato technologie umožňuje zobrazit jakýkoli typ grafiky ( rastr, vektor, 3D). A také podporuje streaming přenos audio a video dat. Zejména pro mobilní zařízení byla vyvinuta lehkost flash verze Lite.

Hlavním standardem pro soubory flash je přípona SWF. Zkratka znamená Small Web Format. Video zaznamenané ve Flashi má přípony souborů FLV, F4V.

Vývoj interaktivní animace ve Flashi je založen na Vektorová grafika. Díky tomu bylo možné implementovat podporu multimediální platformy a nezávislost kvality animace na rozlišení obrazovky.

Velikost souboru aplikace Flash je stejná pro všechny uživatele bez ohledu na to Specifikace Rozlišení obrazovky).

Interaktivní animace ve Flashi je založena na morphingu (vector type ), které se pomalu prolíná mezi klíčovými snímky. K přehrávání dat se používá flash player, jehož obsluha je v mnoha ohledech podobná práci virtuální stroj JavaScript. Softwarová složka technologie je implementována pomocí jazyka ActionScript.

Nevýhody technologie zahrnují následující body:

• těžké zatížení procesor klientský stroj. To je způsobeno nízkou účinností flash virtuálního stroje, který je vložen s přehrávačem v prohlížeči uživatele;
• Vysoká pravděpodobnost chyb – Přehrávání animace Flash může být velmi náchylné k chybám. Selhání přehrávání Flash navíc negativně ovlivňuje chod celé klientské aplikace (prohlížeče). To je způsobeno nedostatečnou kontrolou odolnosti programového kódu proti chybám při vytváření flash aplikací;
• Nelze indexovat – Veškerý textový obsah zobrazený v obsahu Flash není indexován. Toto omezení je problematické zejména u zdrojů, které jsou založeny na této technologii.

Přehled softwaru pro vytváření Flash třetích stran

Sothink SWF Quicker byl vzat jako prototyp aplikace, na které si předvedeme základy tvorby Flash. Podle mnoha profesionálů je program nejsrozumitelnější a snadno se učí.

Flash editor kromě vytváření a úprav „ví, jak“ pracovat se všemi ostatními typy webových animací (GIF, HTML a další standardy):

Po instalaci přejdeme do uživatelsky přívětivého rozhraní programu. Po bloudění všemi zákoutími přepínače jazyků rozhraní jsme jej bohužel nenašli.

Abychom pochopili, jak vytvořit flashovou animaci v této aplikaci, použijeme vestavěné šablony. Dialogové okno Nová šablona se zobrazí ihned po spuštění programu. Kromě toho jej lze vyvolat prostřednictvím položky hlavního menu "Soubor". Mezi navrhovanými možnostmi jsme vybrali vytvoření banneru:

V dalším okně průvodce je potřeba vybrat z rozevíracího seznamu šablonu, podle které bude animace vytvořena. Pod ním je malý snímek, ve kterém se přehrává vybraná šablona:

V dalších krocích je potřeba nastavit velikost banneru a zadat 5 frází textu, které se v animaci přehrají. Kromě toho musíte zadat adresu zdroje, na který bude uživatel přiveden kliknutím na banner:

Po zkompilování projektu a zavření okna průvodce si můžete výsledné video prohlédnout ve vestavěném přehrávači. Chcete-li to provést, klikněte na zelenou šipku v horní části:

Po zavření přehrávače se podíváme blíže na rozhraní aplikace. Upozorňujeme, že se skládá ze dvou hlavních oken: horní je pro úpravu časového intervalu videa a spodní je běžný grafický editor. Každý z prvků je umístěn na samostatné vrstvě, která je k dispozici pro úpravy standardní nástroje umístěný na postranním panelu.

Flash animace vidíme neustále, na internetu i v televizi. Vytvoření jednoduché flashové animace pomocí technologie Flash je docela jednoduché jednoduchý úkol, protože Flash nabízí hodně užitečné nástroje které celý proces usnadní. Pokud chcete vytvořit flashovou animaci nebo karikaturu, můžete ji načrtnout během několika hodin.

Kroky

Část 1

Flash animace snímek po snímku

Základy animace snímek po snímku. Tato metoda je považována za hlavní metodu pro vytváření "tradiční" animace, ve které každý následující snímek obsahuje jeden, ale mírně upravený obrázek. Při přehrávání všech snímků obraz „ožije“. Stejnou metodu používají animátoři kreslených filmů od ruky a je časově náročnější než twinning (viz další část).

• Ve výchozím nastavení se Flash vykresluje rychlostí 24 snímků za sekundu (FPS). To znamená, že za jednu sekundu se zobrazí 24 snímků, ale ne všechny se musí lišit. Toto nastavení můžete změnit (pokud chcete) na 12fps, ale při 24fps se bude animace přehrávat „plynuleji“.

1. Nainstalujte Flash Pro. Existuje mnoho programů pro tvorbu flash animací, ale nejvýkonnější je Adobe Flash Professional CC. Můžete nainstalovat zdarma zkušební verze tento program nebo použijte jiný produkt (pokud se nechcete registrovat do Adobe Creative Cloud). Zbývající část tohoto článku popisuje, jak pracovat s Flash Professional.

   Protože animace snímek po snímku vyžaduje několik obrázků (které se od sebe mírně liší), musíte tyto obrázky vytvořit ručně. K tomu použijte Adobe Flash Professional nebo nakreslete obrázky v libovolném grafickém editoru.

   • Pokud chcete, aby se velikost vašich obrázků dala snadno změnit bez ztráty kvality, vytvářejte obrázky ve vektorové než rastrové grafice. vektorové obrázky se při změně velikosti překreslí (tj. vyhnete se pixelování nebo vyhlazování). Bitmapy jsou tradiční obrázky, jako jsou fotografie, malované obrázky a tak dále. Pokud se pokusíte takové obrázky zvětšit, získáte velmi zkreslený obrázek.

2. Vytvořte první rámeček. Při prvním spuštění Adobe Flash Professional uvidíte prázdné plátno (vrstvu) a prázdnou časovou osu. Při přidávání snímků se časová osa automaticky vyplní. S vrstvami můžete pracovat stejně jako ve Photoshopu.

   • Před přidáním obrázku vytvořte základní pozadí pro animaci. Přejmenujte „Vrstvu 1“ na „Pozadí“ a poté ji ořízněte. Vytvořte druhou vrstvu a pojmenujte ji, jak chcete. Toto bude vrstva, na které vytvoříte animaci.
   • Přidejte kresbu na plátno prvního snímku. Kresbu můžete importovat z počítače nebo můžete použít kreslicí nástroje k vytvoření výkresu přímo v programu.
   • První snímek je „klíčový“ snímek. Klíčový snímek je snímek, který obsahuje obrázek a tvoří základ ("páteř") animace. Při každé změně obrázku vytvoříte nový klíčový snímek.
   • Klíčové snímky na časové ose jsou označeny černou tečkou.
   • Nepotřebujete klíčový snímek v každém následujícím snímku. Vytvořte klíčový snímek každé čtyři nebo pět snímků, abyste vytvořili dobrou animaci.

3. Převeďte obrázek na symbol. V tomto případě budete moci přidat obrázek do rámečku několikrát. To je zvláště užitečné, pokud potřebujete rychle přidat několik snímků stejného typu do jednoho rámečku (například ryby v akváriu).

   • Vyberte kresbu. Klikněte pravým tlačítkem na výkres a vyberte Převést na symbol. Obrázek bude přidán do knihovny, což usnadní budoucí použití.
   • Smažte výkres. Nebojte se – můžete jej přidat do rámečku jednoduchým přetažením z knihovny. Tímto způsobem můžete přidat stejný obrázek do rámečku několikrát.

4. Přidejte prázdné rámečky. Po dokončení prvního klíčového snímku vložte prázdné snímky a poté začněte vytvářet druhý klíčový snímek. Stisknutím klávesy F5 (čtyři nebo pětkrát) přidáte prázdné snímky za první klíčový snímek.

   Vytvořte druhý klíčový snímek (poté, co přidáte několik prázdných snímků). Existují dva různé cesty Chcete-li to provést: můžete zkopírovat existující klíčový snímek a provést v něm malé změny, nebo můžete vytvořit prázdný klíčový snímek a přidat k němu nový obrázek. Pokud používáte výkres vytvořený v jiném programu, použijte druhou metodu. Pokud vkládáte obraz vytvořený pomocí kreslicích nástrojů Adobe Flash Professional, použijte první metodu.

   • Chcete-li vytvořit klíčový snímek pomocí obsahu předchozího klíčového snímku, stiskněte F6. Chcete-li vytvořit prázdný klíčový snímek, klikněte pravým tlačítkem na poslední snímek na časové ose a vyberte Vložit prázdný klíčový snímek.
   • Jakmile vytvoříte druhý klíčový snímek, musíte provést změny v jeho obrazu, aby animace ožila. Pokud jste použili kreslicí nástroje Adobe Flash Professional, vyberte nástroj Transformovat prvek ve výkresu (například ruku postavy) a upravte jej.
   • Pokud do každého klíčového snímku vložíte nový obrázek, ujistěte se, že je na správném místě (podle logické sekvence snímků).

5. Postup opakujte. Po vytvoření dvou klíčových snímků proces opakujte – mezi každý klíčový snímek přidejte několik prázdných snímků a ujistěte se, že animace hraje „hladce“.

   • Proveďte malé změny. Čím menší (menší) změny, tím plynuleji se animace přehrává. Pokud například chcete, aby postava zvedla ruku, druhý klíčový snímek by neměl obsahovat kresbu, která ukazuje postavu s již zvednutou rukou. Místo toho použijte několik klíčových snímků k přechodu ze spuštěné ruky do zvednuté ruky. V tomto případě bude animace plynulejší.

6. Převeďte výkres. Jakmile vytvoříte klíčové snímky a cestu, můžete obrázek transformovat tak, aby se plynule měnil, když se pohybujete po dráze dvojčete. Můžete změnit tvar, barvu, sklon, velikost a jakýkoli jiný aspekt obrázku.

   • Vyberte rám, ve kterém bude kresba transformována.
   • Otevřete panel vlastností výkresu. Chcete-li to provést, stiskněte F3.
   • Změňte hodnoty parametrů v okně vlastností výkresu. Můžete například změnit odstín nebo barvu, přidat filtry, změnit velikost.
   • Můžete také použít nástroj Volná transformace ke změně výkresu, jak chcete.

7. Přidejte konečné úpravy. Vytvořenou animaci zkontrolujte stisknutím Ctrl + Enter. Ujistěte se, že se kresba (znak) mění správně a že se animace přehrává správnou rychlostí. Pokud se animace přehrává příliš rychle, snižte hodnotu FPS nebo prodlužte dobu trvání doplnění.

   • Výchozí FPS je 24, takže zkuste snížit na 12. Změňte hodnotu FPS na panelu vlastností. Při FPS = 12 se však animace nemusí přehrávat dostatečně plynule.
   • Chcete-li změnit dobu trvání doplnění, vyberte vrstvu obsahující doplnění a pomocí posuvníku změňte dobu trvání doplnění. Pokud chcete zdvojnásobit délku doplnění, posuňte posuvník na 48 snímků. Nezapomeňte na prázdné rámečky nalepit pozadí, aby pozadí nezmizelo uprostřed animace. Chcete-li to provést, vyberte vrstvu pozadí, klikněte na poslední snímek animace (na časové ose) a poté stiskněte F5.

Část 3

Přidání zvukových efektů a hudby

1. Nahrajte nebo stáhněte zvukové efekty a hudbu. Do animace můžete přidat zvukové efekty, aby byla působivější. Hudba udělá animaci vzrušující a může proměnit dobrou animaci ve skvělou. Flash podporuje různé formáty zvukových souborů, včetně AAC, MP3, WAV a AU. Vyberte formát, který zaručuje vysokou kvalitu zvuku s nejmenší velikostí souboru.

   • Formát MP3 zaručuje vysokou kvalitu zvuku při minimální velikosti souboru. Soubory WAV jsou velké.

2. Importujte zvukové soubory do knihovny, abyste do animací mohli rychle přidávat zvuky a hudbu. Klikněte na "Soubor" - "Importovat" - "Importovat do knihovny". Najděte zvukový soubor v počítači. Ujistěte se, že zvukový soubor má snadno zapamatovatelný název, abyste jej mohli rychle najít.

   Vytvořte novou vrstvu pro každý zvukový soubor. To není vyžadováno a můžete přidat zvuk do stávajících vrstev, ale vložení zvukového souboru do samostatné vrstvy vám poskytne větší kontrolu. zvuková stopa animace.

   Vytvořte klíčový snímek, od kterého se zvuk začne přehrávat. Na zvukové vrstvě vyberte snímek animace, od kterého se zvuk začne přehrávat. Stisknutím klávesy F7 vložte prázdný klíčový snímek. Pokud například chcete vložit zvukový soubor, který se přehrává v průběhu animace, vyberte první snímek ve vrstvě zvukového souboru. Pokud přidáváte hlas postavy, vyberte rámeček, kde postava začíná mluvit.

Na toto webová stránka Vaše pozornost je věnována programu pro tvorbu a úpravu flash animací. S jejich pomocí můžete proměnit své vlastní nápady na animovaná videa pro svůj web.

Flash editor je program pro tvorbu flashových animací a úpravu hotových flash videí.

formát FLA je původní dokument vašeho klipu. Po jeho otevření se dostanete do programu Macromedia Flash a můžete klip dále upravovat.

formát SWF- jedná se o spustitelný Flash soubor, když na něj "kliknete" myší, máte možnost si klip prohlédnout pomocí programu Macromedia Flash Player.

Animace s Adobe Flash Professional

Adobe Flash Professional CS3- výhody a funkčnost tohoto programu lze popisovat velmi dlouho. Tento program je nesporným lídrem v prostředí flash technologie. Adobe Flash Professional používají jak profesionální vývojáři webových stránek, tak i flash designéři.

S pomocí tohoto programu lze bleskově realizovat i tu nejnepříznivější fantazii. Obecně platí, že pokud se rozhodnete vytvářet profesionální animované flash soubory, pak je Adobe Flash Professional přesně tím programem, bez kterého se neobejdete.

Objem závisí na verzi od 500 Mb.

Na tento moment Adobe Flash Professional CS5 novou verzi animační a multimediální software.

OS: Windows XP/Vista/7

Snímek obrazovky programu:

stáhněte si Adobe Flash Professional CS3

Možná pro začínajícího webmastera, který vytváří flashovou animaci pomocí software Adobe Flash Professional se bude zdát poněkud komplikovaný a nedostupný.

V tomto případě nezoufejte a ukončete to, co jste začali. Vyzkoušejte své bleskové nápady se Swishmax.

Swishmax - flash editor

SwishMAX je alternativní program s přívětivým a jednoduchým rozhraním pro tvorbu flashové animace, který je méně funkční než předchozí, ale zároveň umožňuje získat kvalitní výsledek. Hlavní výhodou spodního flash editoru je jeho snadné použití. Dokonce i začínající uživatel, který má po ruce video lekce, s ním bude moci v krátké době vytvářet profesionální flashová videa.

Objem: 9,27 MB.

Jazyk rozhraní je ruština.

Operační systém: Windows 98/Me/NT/2000/XP

Snímek obrazovky programu:

stáhnout swishmax

Alligator Flash Designer

Následující flash program je ještě jednodušší, a to jak z hlediska funkčnosti, tak obsahu rozhraní. Možnosti tohoto flash editoru vám umožní snadno vytvořit flash banner pro web během několika minut.

Existuje více než 130 efektů: fade, zoom, rotace. Animované kresby, tvary nebo text, a dokonce i zvuk, jsou plynule přidány do vaší Flash animace.

Zde můžete také určit OnClick nebo OnOver.

Objem: 5,3 MB.

Jazyk rozhraní je ruština.

OS: Windows XP/Vista/7

Snímek obrazovky programu:

stáhněte si Alligator_Flash_Designer_7.0

Další program, který není editorem flashových animací, ale jeho schopnosti jsou pro začínajícího webdesignéra zásadní.

Flash dekompilátor Trillix

Flash Decompiler Trillix - hlavním účelem tohoto programu je exportovat soubory SWF zpět do formátu FLA jedním kliknutím myši. Načte všechny objekty Flash z soubor SWF a uloží je do souboru FLA, který lze později upravit ve Flashi.

Výhodou Flash Decompiler je úprava zvuků, obrázků, barev, přechodů, čar, dynamických textů a odkazů bez převodu do FLA.

Objem: 7,27 MB.

Jazyk rozhraní je ruština.

OS: Windows XP/Vista/7

Snímek obrazovky programu:

Stáhněte si Flash Decompiler Trillix

13. října 2014