Voľný program na vytváranie flash videí takmer akéhokoľvek stupňa zložitosti! Obsahuje takmer všetky potrebné nástroje pre každodennú prácu s bleskom a využijú ho začiatočníci aj profesionáli. Hlavným rozdielom a výhodou tohto programu je podpora pre ActionScript 2.0, bez ktorej si jednoducho nemožno predstaviť tvorbu profesionálneho flash obsahu.

Zdá sa, že Dima Bilan má pravdu, keď hovorí, že nemožné je možné :). Až donedávna museli weboví vývojári za možnosť pracovať s flashovou animáciou buď pirátiť, alebo zaplatiť pomerne veľa peňazí. A konečne prišla hodina, kedy sa objavila tretia plnohodnotná možnosť – použiť bezplatný flash editor.

Naša stránka už mala jeden podobný program, ale jeho nevýhodou bola určitá zastaranosť, obmedzená sada nástrojov a nedostatočná podpora programovacieho jazyka ActionScript, ktorý je potrebný na vytváranie akýchkoľvek funkčných stránok, hier atď.

Dnes vám predstavím úplne moderný flash editor, ktorý môže takmer rovnocenne konkurovať eminentom Adobe Flash - Vektoriánsky Giotto.

Porovnanie Vectorian Giotto s plateným analógom

Ako môžete vidieť, vývojári Vectorian Giotto urobili maximum a snažili sa do svojho programu vtesnať maximálnu možnú sadu funkcií podobných Adobe Flash. Väčšina klávesových skratiek je navyše rovnaká, takže pre tých, ktorí sú zvyknutí pracovať s editorom Adobe, nebude ťažké prejsť na bezplatná platforma Vektoriánsky Giotto!

No na „dezert“ in bezplatný editor je tu aj niečo, čo vo „veľkom bratovi“ niekedy tak veľmi chýba – vstavaná knižnica animačných efektov, ktorá osloví najmä tých, ktorí tvoria flash bannery.

Príprava na prácu

Aby sme mohli začať s Vectorian Giotto, musíme si stiahnuť archív s inštalátorom, ktorý, mimochodom, váži iba 8 megabajtov! Keď sa archív stiahne, otvorte ho a spustite súbor VectorianGiotto.exe.

Napriek tomu, že inštalácia (aj samotný program, žiaľ :)) je v angličtine, nemala by spôsobovať žiadne ťažkosti, keďže v predvolených nastaveniach nie je potrebné nič meniť. Stačí niekoľkokrát kliknúť na tlačidlo „Ďalej“ a počkať na dokončenie procesu inštalácie;).

Prvé zoznámenie sa s rozhraním

Na konci inštalácie, ak sme nič nezmenili v predvolené nastavenia, uvidíme na celej obrazovke pracovné okno Vektoriánsky Giotto:

Ako som už povedal, rozhranie programu je v angličtine, takže aby nedochádzalo k nedorozumeniam a nedorozumeniam pri vykonávaní ďalších krokov popísaných v článku, rád by som predstavil nejaký koncepčný aparát :). Začnime ako obvykle zhora nadol a zľava doprava.

Panel s ponukami. Toto je panel, na ktorom sú umiestnené všetky ponuky programu Vectorian Giotto. Pri práci s animáciou možno budete potrebovať sekcie ako „Súbor“ (na uloženie a export animácie do SWF), „Zobraziť“ (na nastavenie nastavení zobrazenia pracovného priestoru), „Upraviť“ (na ovládanie parametrov aktuálneho dokument a práca s efektmi knižnice) a "Okno" (na prispôsobenie zobrazených modulov a panelov programu).

Hlavný panel nástrojov. Tu sú tlačidlá ovládania akcií projektu a panel prehrávania animácií.

Panel kreslenia (zaberá celú ľavú časť okna programu). Tu sú všetky potrebné nástroje na vytvorenie ľubovoľných objektov pre vašu animáciu, ako aj tlačidlá, ktoré vám umožňujú konfigurovať parametre požadovaných nástrojov.

Storyboard (alebo časová os). Umožňuje spravovať bunky pre snímky a vytvorené vrstvy.

Ovládací panel farieb. S ním môžete rýchlo zmeniť farbu predtým vytvorených tvarov. Slúži tiež na výber typu výplne pre vaše objekty animácie (plné, gradient, atď.).

Pracovný priestor. Je to virtuálny hárok "papiera" určený na kreslenie vašich animácií :).

Editor jazyka ActionScript. Ak potrebujete vytvoriť nie jednoduché bannery, ale niečo zložitejšie, vrátane tlačidiel a všetkých druhov interaktívnych objektov, potom sa bez editora skriptov nezaobídete.

Panel s klipovou štruktúrou. Zobrazuje všetky tvary, ktoré sú „v ráme“, a umožňuje medzi nimi rýchlo prepínať a spravovať ich poradie.

Panel vlastností. Každý objekt vo flashi má určité vlastnosti. Tento panel sa používa na ich správu.

Transformačný panel. Umožňuje rýchlo zmeniť veľkosť a polohu vybraného prvku animácie.

Knižnica prvkov. Predstavuje zoznam vytvorených alebo importovaných objektov, ktoré je možné (a opakovane!) vkladať do animácie.

Flash animácie vidíme neustále, na internete aj v televízii. Vytvorenie jednoduchej flashovej animácie pomocou technológie Flash je pomerne jednoduchá úloha, pretože Flash ponúka veľa užitočné nástroje ktoré celý proces uľahčia. 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 animácie po jednotlivých snímkach. 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. Pri prehrávaní všetkých políčok obraz „ožije“. Rovnakú metódu používajú animátori kreslených filmov od ruky a je časovo náročnejšia ako twinning (pozri nasledujúcu časť).

• Štandardne sa Flash vykresľuje rýchlosťou 24 snímok za sekundu (FPS). To znamená, že za sekundu sa zobrazí 24 snímok, ale nie všetky musia byť odlišné. Toto nastavenie môžete zmeniť (ak chcete) na 12fps, no pri 24fps sa bude animácia prehrávať „plynulejšie“.

1. Nainštalujte Flash Pro. Existuje veľa programov na vytváranie flash animácií, 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 registrovať 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 niekoľko 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 ľahko zmenila bez straty kvality, vytvorte obrázky vo vektorovej, nie rastrovej grafike. Vektorové obrázky sa pri zmene veľkosti samy prekreslia (t. j. vyhnete sa pixelizácii alebo vyhladzovaniu). Bitové mapy sú tradičné obrázky, ako sú fotografie, maľované obrázky atď. Ak sa pokúsite zväčšiť takéto obrázky, získate veľmi skreslený 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 orezajte. Vytvorte druhú vrstvu a pomenujte ju, ako chcete. Toto bude vrstva, na ktorej vytvoríte animáciu.
   • Pridajte kresbu na plátno prvého rámu. Kresbu môžete importovať z počítača alebo môžete použiť nástroje na kreslenie 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í základ ("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é štyri alebo päť snímok, aby ste vytvorili dobrú animáciu.

3. Preveďte obrázok na symbol. V takom prípade budete môcť 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 kresbu. Kliknite pravým tlačidlom myši na kresbu 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ámčeka jednoduchým pretiahnutím z knižnice. Týmto spôsobom môžete pridať rovnaký obrázok do rámčeka niekoľkokrát.

4. Pridajte prázdne rámy. Po dokončení prvej kľúčovej snímky vložte prázdne snímky a potom začnite vytvárať druhú kľúčovú snímku. 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ôznymi spôsobmi Ak to chcete urobiť: 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 možnosť Vložiť prázdnu kľúčovú snímku.
   • Keď vytvoríte druhú kľúčovú snímku, musíte vykonať zmeny v jej obrázku, aby animácia ožila. 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 do každej kľúčovej snímky vložíte nový obrázok, 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 každú kľúčovú snímku pridajte niekoľko prázdnych snímok a uistite sa, že animácia hrá „hladko“.

   • Urobte malé zmeny. Čím menšie (menš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 niekoľko kľúčových snímok na prechod zo spustenej ruky do zdvihnutej ruky. V tomto prípade bude animácia plynulejšia.

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

   • Vyberte rám, v ktorom bude kresba transformovaná.
   • Otvorte panel vlastností výkresu. Ak to chcete urobiť, stlačte F3.
   • Zmeňte hodnoty parametrov v okne vlastností výkresu. Môžete napríklad zmeniť odtieň alebo farbu, pridať filtre, zmeniť veľkosť.
   • Môžete tiež použiť nástroj Voľná ​​transformácia na zmenu kresby, ako sa vám páči.

7. Pridajte posledné úpravy. Vytvorenú animáciu skontrolujte stlačením Ctrl + Enter. Uistite sa, že sa kresba (znak) 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 hodnotu FPS alebo predĺžte trvanie doplnenia.

   • Predvolená hodnota FPS je 24, skúste ju teda 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 doplnenia, vyberte vrstvu obsahujúcu doplnenie a pomocou posúvača zmeňte trvanie doplnenia. Ak chcete zdvojnásobiť dĺžku doplnenia, posuňte posúvač na 48 snímok. Nezabudnite nalepiť pozadie na prázdne rámčeky, aby vám pozadie v strede animácie nezmizlo. 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. Nahrávajte alebo sťahujte zvukové efekty a hudbu. Do animácie môžete pridať zvukové efekty, aby bola pôsobivejšia. Hudba urobí animáciu vzrušujúcejšou a môže premeniť dobrú animáciu na skvelú. Flash podporovaný rôznych formátov audio súbory vrátane AAC, MP3, WAV a AU. Vyberte si formát, ktorý zaručuje vysoká kvalita zvuk pri minimálnej veľkosti súboru.

   • Formát MP3 zaručuje vysokú kvalitu zvuku s minimálnou veľkosťou 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. Nie je to potrebné a do existujúcich vrstiev môžete pridať zvuk, ale prilepenie zvukového súboru do samostatnej vrstvy vám poskytne väčšiu kontrolu nad zvukovou stopou animácie.

   Vytvorte kľúčovú snímku, od ktorej sa začne prehrávať zvuk. 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 prehrá 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ť.

Tento článok vám ukáže, ako začať s Adobe Flash CS5 pomocou jednoduchých krokov. Téma lekcie jednoduchá animácia, vytvoríme ho bez toho, aby sme sa ponorili do zložitosti rozhrania a programu.

Vytvorenie nového flash dokumentu

Otvorte program a vytvorte nový dokument"ActionScript 3.0".

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

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

Pomocou nástroja na výber vyberte novovytvorený objekt kliknutím naň myšou alebo potiahnutím do štvorcového výberu.

Prevod objektu 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šou a v kontextovom menu zvoľte "Previesť na symbol".

Zo zoznamu "Typ" vyberte "Grafické"

Teraz by sa okolo nášho objektu mal objaviť modrý štvorec.

Vytvorte klasickú animáciu (Classic Tween)

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

Na spodnom paneli je mierka animácie, vyberte dvadsiatu piatu snímku a stlačte pravé tlačidlo myši, v kontextovej ponuke, ktorá sa zobrazí, 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“.

Zobraziť vytvorenú 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", nastavte hodnotu na "0".

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

Na toto webstránka Vaša pozornosť je venovaná programu na vytváranie a úpravu flash animácií. S ich pomocou môžete premeniť svoje vlastné nápady na animované videá pre vašu stránku.

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

formát FLA je originálny dokument vášho klipu. Po jej otvorení sa dostanete do programu Macromedia Flash a môžete klip ďalej upravovať.

formát SWF- ide o spustiteľný Flash súbor, keď naň "kliknete" myšou, máte možnosť si klip pozrieť pomocou programu 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.

Na tento moment Adobe Flash Professional CS5 nová verzia animačný a multimediálny softvér.

OS: Windows XP/Vista/7

Snímka obrazovky programu:

stiahnite si Adobe Flash Professional CS3

Pre začínajúceho webového majstra sa môže vytvorenie flash animácie pomocou Adobe Flash Professional zdať trochu komplikované a nedostupné.

V tomto prípade nezúfajte a prestaňte s tým, čo ste začali. Vyskúšajte svoje bleskové nápady so Swishmax.

Swishmax - flash editor

SwishMAX je alternatívny program s prívetivým a jednoduchým rozhraním na vytváranie flash animácií, ktorý je menej funkčný ako predchádzajúci, no zároveň 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, s ním bude môcť v krátkom čase vytvárať profesionálne flashové videá.

Objem: 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šie flash program je ešte jednoduchší, pokiaľ ide o funkčnosť a obsah rozhrania. Možnosti tohto flash editora vám umožňujú jednoducho vytvoriť flash banner pre stránku v priebehu niekoľkých minút.

Existuje viac ako 130 efektov: vyblednutie, priblíženie, otočenie. Animované kresby, tvary alebo text a dokonca aj zvuk sa bez problémov pridajú do vašej Flash animácie.

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

Objem: 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 flashových animácií, ale jeho schopnosti sú pre začínajúceho webového dizajnéra nevyhnutné.

Flash Decompiler 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. Extrahuje všetky objekty Flash zo súboru SWF a uloží ich do súboru FLA, ktorý možno ď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.

Objem: 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