Tento článok vám ukáže, ako používať jednoduché kroky začať sa zoznamovať s Adobe Flash CS5. Témou lekcie je jednoduchá animácia, vytvoríme ju bez ponorenia sa do zložitosti rozhrania a programu.

Vytvorenie nového flash dokumentu

Otvoríme program a vytvoríme nový dokument ActionScript 3.0.

Nakreslíme objekt pre následnú animáciu

Teraz nakreslíme kruh. Vyberte nástroj "ovál" na pravom paneli a podržte ho ľavé tlačidlo myšou a tlačidlom "shift" na klávesnici nakreslíte kruh na bielom pozadí.

Pomocou nástroja na výber vyberte novovytvorený objekt tak, že naň kliknete myšou alebo ho uchopíte do štvorcového výberu.

Preveďte objekt na symbol pre jednoduchú animáciu

Pre ďalšiu prácu musíte objekt previesť na symbol. Keďže kruh je už vybratý, stlačte pravé tlačidlo myši a dovnútra obsahové menu vyberte "Previesť na symbol".

Zo zoznamu "Typ" vyberte "Grafické"

Okolo nášho objektu by sa teraz mal objaviť modrý štvorec.

Ako vytvoriť klasické doplnenie

Ak chcete vytvoriť animáciu, musíte určiť „kľúčovú snímku“.

Na spodnom paneli je mierka animácie, vyberte dvadsiaty piaty snímok a stlačte pravé tlačidlo myši, v zobrazenej kontextovej ponuke vyberte možnosť „Vložiť kľúčovú snímku“.

Vyberte kruh a podržte ľavé tlačidlo myši a posuňte ho doprava.

Vyberte prvý snímok na mierke animácie a v hlavnom menu hore v položke „Vložiť“ vyberte „Classic Tween“.

Pozrite si vygenerovanú animáciu

Teraz môžeme sledovať animáciu. V hlavnom menu v položke „Ovládanie“ vyberte „Prehrať“.

Pridajme do kruhu efekt „miznutia“. Ak to chcete urobiť, znova vyberte objekt a v pravom paneli v ponuke „farebný efekt“ vyberte „alfa“ a nastavte hodnotu na „0“.

Pozrime sa, čo sa stalo. Prejdite na položku „Ovládanie“ a vyberte „Prehrať“.

Premýšľali ste niekedy nad tým, čo sa skrýva za krásnou animáciou bannerov na internete? Alebo novodobé karikatúry vytvorené pomocou počítačová technológia? Najčastejšie sú založené na „mäse“, alebo skôr, takto sa prekladá názov technológie Flash z angličtiny. Dnes budeme hovoriť o flashovej animácii pre webovú stránku:

Flash technológia

Multimediálny rámec bol vyvinutý spoločnosťou Macromedia. No po jej akvizícii (fúzii) prešli všetky práva na technológiu na nového vlastníka – Adobe Systems.

Oblasť moderného využitia Adobe Flash:

• Tvorba webových aplikácií je celkom nový smer. Zahŕňa úplné alebo čiastočné použitie Flash na vytváranie webových stránok. S čiastočnou aplikáciou táto technológia vytvára jednotlivé prvky dizajn: rôzne interaktívne menu, animované tlačidlá atď.

V porovnaní s konvenčnými zdrojmi na založené na html Stránky Flash majú niektoré funkcie, ktoré obmedzujú ich použitie. To zahŕňa vysoké náklady na vývoj, náročné serverové zdroje, dlhé časy sťahovania s pomalým internetovým pripojením a niektoré ďalšie aspekty:

• Implementácia multimediálnych schopností - na počúvanie zvuku a prehrávanie videa na stránkach sa často používajú prehrávače médií vytvorené na báze Flash. Ich vývoj zahŕňa použitie jedného zo skriptovacích jazykov (zvyčajne JavaScript):

• V online reklame sa technológia najčastejšie používa na vytváranie animovaných bannerov. Zahŕňajú nielen prehrávanie multimediálnych reklám, ale aj určitý druh interakcie s používateľom na základe hry.

Flash vývojový rámec a súprava nástrojov

Na vytváranie Flash animácií sa najčastejšie používajú tradičné nástroje od Adobe:

• Adobe Flash Professional - program na vytváranie interaktívnych animácií (animátor);
• Adobe Flash Builder – prostredie na tvorbu rozhrania webovej aplikácie;
• Adobe Flash Player je prehrávač integrovaný do prehliadača na prehrávanie Flash.

Okrem neho je možné prehrávať množstvo multimediálneho obsahu tohto typu aplikácie tretích strán... Najpopulárnejšie z nich sú Gnash, QuickTime a niekoľko ďalších:

Táto technológia vám umožňuje zobraziť akýkoľvek typ grafiky ( raster, vektor, 3D). A tiež podporuje streamingové prenosy audio a video dát. Špeciálne pre mobilné zariadeniaľahký Flash verzia Lite.

Hlavným štandardom pre súbory Flash je prípona SWF. Skratka znamená Small Web Format. Video zaznamenané vo formáte Flash má prípony súborov FLV, F4V.

Vývoj interaktívnej animácie na flash je založený na Vektorová grafika... Práve vďaka tomu bolo možné implementovať podporu multimediálnej platformy a nezávislosť kvality animácie od rozlíšenia obrazovky.

Veľkosť súboru flash aplikácie je rovnaká pre všetkých používateľov bez ohľadu na to technické vlastnosti Rozlíšenie obrazovky).

Flash interaktívna animácia je založená na morphingu (vektorový typ), v ktorom dochádza k pomalému toku medzi kľúčovými snímkami. Na prehrávanie údajov sa používa flash prehrávač, ktorého práca je v mnohých ohľadoch podobná práci virtuálny prístroj JavaScript. Softvérový komponent technológie je implementovaný pomocou jazyka ActionScript.

Nevýhody technológie zahŕňajú nasledujúce body:

• Veľké zaťaženie zapnuté CPU klientsky stroj. Je to spôsobené nízkou účinnosťou flash virtuálneho stroja, ktorý je vložený spolu s prehrávačom do prehliadača používateľa;
• Vysoká pravdepodobnosť chýb – Flash animáciu možno prehrať s vysokou pravdepodobnosťou chýb. Okrem toho zlyhania pri prehrávaní Flash negatívne ovplyvňujú chod celej klientskej aplikácie (prehliadača). Je to spôsobené nedostatočnou kontrolou chybovosti programového kódu pri vytváraní flash aplikácií;
• Zlyhanie pri indexovaní – všetok textový obsah zobrazený v obsahu Flash sa nezúčastňuje procesu indexovania. Toto obmedzenie je problematické najmä pre tie zdroje, ktoré sú založené na tejto technológii.

Prehľad softvéru na vytváranie Flash tretích strán

Sothink SWF Quicker bol braný ako prototyp aplikácie na demonštráciu základov vytvárania Flash. Podľa mnohých odborníkov je program najzrozumiteľnejší a najľahšie sa učí.

Flash editor okrem vytvárania a úprav „vie, ako“ pracovať so všetkými ostatnými typmi webových animácií (GIF, HTML a iné štandardy):

Po inštalácii prejdite do priateľského rozhrania programu. Žiaľ, po blúdení všetkými zákutiami prepínača jazykov rozhrania sme ho nenašli.

Aby sme pochopili, ako vytvoriť Flash animáciu v tejto aplikácii, použijeme vstavané šablóny. Dialógové okno "New From Template" sa zobrazí ihneď po spustení programu. Okrem toho ho možno vyvolať cez položku hlavného menu „Súbor“. Z navrhovaných možností sme sa rozhodli vytvoriť banner:

V ďalšom okne sprievodcu je potrebné z rozbaľovacieho zoznamu vybrať šablónu, podľa ktorej sa vytvorí animácia. Pod ním je malý rámček, v ktorom sa prehráva zvolená šablóna:

V ďalších krokoch je potrebné nastaviť rozmery banneru a zadať 5 fráz textu, ktoré sa prehrajú v animácii. Okrem toho musíte kliknutím na banner zadať adresu zdroja, na ktorý bude používateľ presmerovaný:

Po zostavení projektu a zatvorení okna sprievodcu si môžete pozrieť výsledné video v zabudovanom prehrávači. Ak to chcete urobiť, kliknite na zelenú šípku v hornej časti:

Po zatvorení prehrávača sa pozrime bližšie na rozhranie aplikácie. Upozorňujeme, že pozostáva z dvoch hlavných okien: horné je určené na úpravu časového intervalu videa a spodné je bežný grafický editor. Každý z prvkov je umiestnený na samostatnej vrstve, ktorú je možné meniť pomocou štandardné nástroje umiestnený na bočnom paneli.

Neustále sa stretávame s flashovou animáciou – na internete aj v televíznom vysielaní. Vytváranie jednoduchých animácií Flash pomocou technológie Flash je pekné jednoduchá úloha pretože Flash ponúka veľa užitočné nástroje ktoré celý proces zjednodušujú. Ak chcete vytvoriť flashovú animáciu alebo karikatúru, môžete ju načrtnúť za pár hodín.

Kroky

Časť 1

Flash animácia po jednotlivých snímkach

Základy časozbernej animácie. Táto metóda sa považuje za hlavnú metódu vytvárania „tradičnej“ animácie, v ktorej každý nasledujúci snímok obsahuje jeden, ale mierne upravený obrázok. Keď sa prehrajú všetky snímky, obraz ožije. Ide o rovnakú techniku, ktorú používajú animátori z voľnej ruky a je časovo náročnejšia ako tweening (pozri nasledujúcu časť).

• Flash štandardne prehráva 24 snímok za sekundu (FPS). To znamená, že za jednu sekundu sa zobrazí 24 snímok, ale nie všetky musia byť odlišné. Toto nastavenie môžete zmeniť (ak chcete) na 12 snímok za sekundu, ale pri 24 snímkach za sekundu bude animácia hrať plynulejšie.

1. Nainštalujte si Flash Professional. Existuje veľa Flash animačných programov, ale najvýkonnejší je Adobe Flash Professional CC. Môžete nainštalovať zadarmo skúšobná verzia tento program alebo použite iný produkt (ak sa nechcete zaregistrovať do Adobe Creative Cloud). Zvyšok tohto článku popisuje, ako pracovať s programom Flash Professional.

   Keďže animácia po jednotlivých snímkach vyžaduje viacero obrázkov (ktoré sa od seba mierne líšia), musíte tieto obrázky vytvoriť ručne. Ak to chcete urobiť, použite program Adobe Flash Professional alebo nakreslite obrázky v ľubovoľnom grafickom editore.

   • Ak chcete, aby sa veľkosť vašich obrázkov jednoducho menila bez straty kvality, vytvorte obrázky vo vektorovej, nie rastrovej grafike. Vektorové obrázky sa pri zmene veľkosti prekreslia (to znamená, že sa vyhnete pixelizácii alebo vyhladzovaniu). Bitové mapy- Ide o tradičné obrázky, napríklad fotografie, maľované obrázky atď. Ak sa pokúsite zväčšiť takéto obrázky, získate veľmi zdeformovaný obraz.

2. Vytvorte prvý rám. Keď prvýkrát spustíte Adobe Flash Professional, uvidíte prázdne plátno (vrstvu) a prázdnu časovú os. Pri pridávaní snímok sa časová os automaticky vyplní. S vrstvami môžete pracovať rovnako ako vo Photoshope.

   • Pred pridaním obrázka vytvorte základné pozadie pre svoju animáciu. Premenujte „Vrstvu 1“ na „Pozadie“ a potom ju ukotvte. Vytvorte druhú vrstvu a pomenujte ju ako chcete. Toto bude vrstva, na ktorej vytvoríte svoju animáciu.
   • Pridajte kresbu na plátno prvého rámu. Kresbu môžete importovať z počítača, alebo môžete použiť kresliace nástroje na vytvorenie kresby priamo v programe.
   • Prvý rámec je „kľúčový“. Kľúčová snímka je snímka, ktorá obsahuje obrázok a tvorí chrbticu animácie. Pri každej zmene obrázka vytvoríte novú kľúčovú snímku.
   • Kľúčové snímky na časovej osi sú označené čiernou bodkou.
   • Nepotrebujete kľúčovú snímku v každej ďalšej snímke. Vytvorte kľúčovú snímku každých štyri až päť snímok, aby ste vytvorili peknú animáciu.

3. Preveďte obrázok na symbol. V tomto prípade môžete obrázok pridať do rámu niekoľkokrát. To je užitočné najmä vtedy, ak potrebujete rýchlo pridať niekoľko obrázkov rovnakého typu do jedného rámu (napríklad ryby v akváriu).

   • Vyberte obrázok. Kliknite pravým tlačidlom myši na obrázok a vyberte možnosť „Previesť na symbol“. Obrázok bude pridaný do knižnice, čo uľahčí jeho použitie v budúcnosti.
   • Odstráňte kresbu. Nebojte sa – môžete ho pridať do rámca jednoduchým pretiahnutím myšou z knižnice. Týmto spôsobom môžete do rámu pridať rovnaký obrázok viackrát.

4. Pridajte prázdne rámy. Keď je vaša prvá kľúčová snímka pripravená, vložte prázdne snímky a pokračujte vo vytváraní druhej kľúčovej snímky. Stlačením klávesu F5 (štyri alebo päťkrát) pridáte za prvú kľúčovú snímku prázdne snímky.

   Vytvorte druhú kľúčovú snímku (po pridaní niekoľkých prázdnych snímok). Existujú dva rôzne cesty urobte toto: môžete skopírovať existujúcu kľúčovú snímku a vykonať v nej malé zmeny, alebo môžete vytvoriť prázdnu kľúčovú snímku a pridať k nej nový obrázok. Ak používate výkres vytvorený v inom programe, použite druhú metódu. Ak vkladáte obrázok vytvorený pomocou nástrojov na kreslenie Adobe Flash Professional, použite prvý spôsob.

   • Ak chcete vytvoriť kľúčovú snímku s použitím obsahu predchádzajúcej kľúčovej snímky, stlačte F6. Ak chcete vytvoriť prázdnu kľúčovú snímku, kliknite pravým tlačidlom myši na poslednú snímku na časovej osi a vyberte Vložiť prázdnu kľúčovú snímku.
   • Po vytvorení druhej kľúčovej snímky musíte upraviť jej obrázok, aby ste oživili animáciu. Ak ste použili kresliace nástroje Adobe Flash Professional, vyberte nástroj Transform, aby ste vybrali prvok v kresbe (napríklad ruku postavy) a upravili ho.
   • Ak vkladáte nový obrázok do každej kľúčovej snímky, uistite sa, že je na správnom mieste (podľa logickej postupnosti snímok).

5. Opakujte postup. Po vytvorení dvoch kľúčových snímok proces zopakujte – medzi jednotlivé kľúčové snímky pridajte niekoľko prázdnych snímok a uistite sa, že animácia beží hladko.

   • Urobte malé zmeny. Čím menšie (jemnejšie) zmeny, tým plynulejšie sa animácia prehrá. Napríklad, ak chcete, aby postava zdvihla ruku, druhá kľúčová snímka by nemala obsahovať kresbu, ktorá zobrazuje postavu s už zdvihnutou rukou. Namiesto toho použite viacero kľúčových snímok na pohyb z ramena nadol do ramena nahor. V tomto prípade bude animácia plynulejšia.

6. Preveďte kresbu. Po vytvorení kľúčových snímok a trajektórie môžete transformovať obrázok tak, aby sa plynulo menil pri pohybe po trajektórii dvojčiat. Môžete zmeniť tvar, farbu, sklon, veľkosť a akýkoľvek iný parameter obrázka.

   • Vyberte rám, v ktorom sa obrázok zmení.
   • Otvorte panel vlastností pre obrázok. Ak to chcete urobiť, stlačte F3.
   • Zmeňte hodnoty parametrov v okne vlastností obrázka. Môžete napríklad zmeniť odtieň alebo farbu, pridať filtre, zmeniť veľkosť.
   • Na zmenu obrázka môžete použiť aj nástroj Voľná ​​transformácia.

7. Pridajte dokončovacie úpravy. Otestujte vytvorenú animáciu stlačením Ctrl + Enter. Uistite sa, že sa kresba (postava) mení správne a že animácia sa prehráva správnou rýchlosťou. Ak sa animácia prehráva príliš rýchlo, znížte FPS alebo predĺžte trvanie dvojčiat.

   • Predvolená hodnota FPS je 24, preto skúste túto hodnotu znížiť na 12. Zmeňte hodnotu FPS na paneli vlastností. Pri FPS = 12 sa však animácia nemusí prehrať dostatočne plynulo.
   • Ak chcete zmeniť trvanie dvojčiat, vyberte vrstvu obsahujúcu dvojča a pomocou posúvača zmeňte trvanie dvojčiat. Ak chcete zdvojnásobiť trvanie dvojčiat, posuňte posúvač o 48 snímok. Nezabudnite vložiť pozadie do prázdnych snímok, aby pozadie nezmizlo uprostred animácie. Ak to chcete urobiť, vyberte vrstvu pozadia, kliknite na posledný snímok animácie (na časovej osi) a potom stlačte kláves F5.

Časť 3

Pridanie zvukových efektov a hudby

1. Nahrajte alebo stiahnite zvukové efekty a hudbu. Do animácie môžete pridať zvukové efekty, aby bola efektívnejšia. Hudba urobí animácie vzrušujúcejšími a dokáže premeniť dobré animácie na skvelé. Flash podporuje rôzne formáty zvukových súborov vrátane AAC, MP3, WAV a AU. Vyberte si formát, ktorý zaručuje vysokú kvalitu zvuku pri najmenšej veľkosti súboru.

   • Formát MP3 zaručuje vysokú kvalitu zvuku pri najmenšej veľkosti súboru. Súbory WAV sú veľké.

2. Importujte zvukové súbory do knižnice, aby ste do animácií mohli rýchlo pridávať zvuky a hudbu. Kliknite na Súbor – Importovať – Importovať do knižnice. Nájdite zvukový súbor v počítači. Uistite sa, že zvukový súbor má ľahko zapamätateľný názov, aby ste ho mohli rýchlo nájsť.

   Vytvorte novú vrstvu pre každý zvukový súbor. Toto je voliteľné a môžete pridať zvuk do existujúcich vrstiev, ale vloženie zvukového súboru do samostatnej vrstvy vám poskytne lepšiu kontrolu. zvuková stopa animácie.

   Vytvorte kľúčovú snímku, z ktorej sa spustí prehrávanie zvuku. Na zvukovej vrstve vyberte snímku animácie, od ktorej sa zvuk začne prehrávať. Stlačením klávesu F7 vložte prázdnu kľúčovú snímku. Napríklad, ak chcete vložiť zvukový súbor, ktorý sa bude prehrávať počas animácie, vyberte prvú snímku na vrstve zvukového súboru. Ak pridávate hlas postavy, vyberte rámček, v ktorom postava začína hovoriť.

Na toto webstránka Dávame do pozornosti programy na vytváranie a úpravu flash animácií. S ich pomocou môžete realizovať svoje vlastné nápady do animovaných videí pre vašu stránku.

Flash editor Je program na vytváranie flash animácií a úpravu hotových flash videí.

formát FLA je zdrojový dokument pre váš klip. Po jeho otvorení sa dostanete do programu Macromedia Flash a môžete klip ďalej upravovať.

formát SWF je spustiteľný súbor Flash, keď naň kliknete, môžete si klip pozrieť pomocou prehrávača Macromedia Flash Player.

Animácia s Adobe Flash Professional

Adobe Flash Professional CS3- o výhodách a funkcionalite tohto programu sa dá popísať veľmi dlho. Tento program je nesporným lídrom v prostredí technológie flash. Adobe Flash Professional používajú profesionálni vývojári webových stránok aj flash dizajnéri.

Pomocou tohto programu možno bleskovo zrealizovať aj tú najchorľavejšiu fantáziu. Vo všeobecnosti, ak sa rozhodnete vytvárať profesionálne animované flash súbory, Adobe Flash Professional je presne ten program, bez ktorého sa nezaobídete.

Objem závisí od verzie od 500 Mb.

zapnuté tento moment Adobe Flash Professional CS5 - nová verzia programy na prácu s animáciou a multimédiami.

OS: Windows XP / Vista / 7

Snímka obrazovky programu:

stiahnite si Adobe Flash Professional CS3

Možno pre začínajúceho webového majstra vytvára flashovú animáciu pomocou programy Adobe Flash Professional sa vám bude zdať ako niečo zložité a nedostupné.

V tomto prípade nezúfajte a vzdávajte sa toho, čo ste začali. Vyskúšajte svoje bleskové nápady so Swishmax.

Swishmax - flash editor

SwishMAX Ide o alternatívny program s priateľským a jednoduchým rozhraním na vytváranie flash animácií, ktorý je menej funkčný ako predchádzajúci, ale zároveň vám umožňuje získať kvalitný výsledok. Hlavnou výhodou spodného flash editora je jednoduchosť použitia. Dokonca aj začínajúci používateľ, ktorý má po ruke video lekcie, bude môcť s jeho pomocou v krátkom čase vytvoriť profesionálne flashové videá.

Veľkosť: 9,27 MB.

Jazyk rozhrania je ruština.

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

Snímka obrazovky programu:

stiahnuť Swishmax

Alligator Flash Designer

Ďalší flash program je ešte jednoduchší, čo sa týka funkčnosti aj obsahu rozhrania. Možnosti tohto flash editora vám umožňujú jednoducho vytvoriť flash banner pre webovú stránku v priebehu niekoľkých minút.

Existuje viac ako 130 efektov: fade, zoom, rotácia. Do animácie Flash možno jednoducho pridať animované kresby, tvary alebo text a dokonca aj zvuk.

Tu môžete tiež určiť OnClick alebo OnOver.

Veľkosť: 5,3 MB.

Jazyk rozhrania je ruština.

OS: Windows XP / Vista / 7

Snímka obrazovky programu:

stiahnite si Alligator_Flash_Designer_7.0

Ďalší program, ktorý nie je editorom flash animácií, ale jeho schopnosti sú potrebné pre začínajúceho webového dizajnéra.

Flash dekompilátor trillix

Flash Decompiler Trillix - hlavným účelom tohto programu je exportovať súbory SWF späť do formátu FLA jedným kliknutím myši. Načíta všetky objekty Flash z súbor SWF a uloží ich do súboru FLA, ktorý je možné ďalej upravovať vo Flashi.

Výhodou Flash Decompiler je úprava zvukov, obrázkov, farieb, prechodov, čiar, dynamických textov a odkazov bez konverzie do FLA.

Veľkosť: 7,27 MB.

Jazyk rozhrania je ruština.

OS: Windows XP / Vista / 7

Snímka obrazovky programu:

stiahnite si Flash Decompiler Trillix

13. októbra 2014