FLASH XXI - dokončení - Grafika.cz - vše o počítačové grafice

Odběr fotomagazínu

Fotografický magazín "iZIN IDIF" každý týden ve Vašem e-mailu.
Co nového ve světě fotografie!

 

Zadejte Vaši e-mailovou adresu:

Kamarád fotí rád?

Přihlas ho k odběru fotomagazínu!

 

Zadejte e-mailovou adresu kamaráda:



Webdesign

FLASH XXI - dokončení

27. dubna 2000, 00.00 | Dokončení minulého tutoriálu o vytvoření efektu vlnění a kruhů na vodě s akcí po najetí myší.

Dokončíme minulý tutoriál. Máme připravený klip1, vrátíme se na scénu 1 a Ctrl + F8 -- Movie Clip -- klip2. Tady postupujeme stejně jako v případě prvního klipu, z knihovny přetáhneme na střed jeviště jeviště symbol kolo1, dle obrázku upravíme jeho výšku:

Postupně vložíme všech 7 symbolů (každý do samostatné vrstvy, které si pojmenujeme kruh1-7) a dbáme na to, aby do sebe pěkně zapadly, aby výsledný obrázek vypadal takto:

Tentokrát začneme animovat od horní vrstvy, to znamená vrstvy kruh7. Na poli 3 -- F6. Na klávesnici směrovou šipkou posuneme symbol o dvě kliknutí dolů. Přesuneme se do vrstvy kruh6, na poli 5 -- F6 a opět posuneme symbol o dvě kliknutí dolů. To samé provedeme ve vrstvě kruh5, na poli 7. (viz obr.)

Provedeme posun u všech vrstev směrem dolů. Skončíme na vrstvě kruh1, na poli 15. Na poli 17 -- F6 a vrátíme zase symbol o dvě kliknutí nahoru a to u každé vrstvy. Na posledním rámu umístíme akci Go to and Play (3), aby se nám animace přehrávala jen od pole 3. Vaše timeline pak bude vypadat takto:

Máme hotový i druhý klip a vrátíme se na scénu 1 a začneme kompletovat. Z knihovny vložíme na jeviště Movie Clip -- klip1. Objeví se nám jako malé kolečko. Dvojklikem otevřeme jeho Instance Properties a do kolonky Instance Name napíšeme jméno -- klip1. Přidáme vrstvu a vložíme klip2. Opět dvojklikem otevřeme Instance Properties a napíšeme jméno -- klip2. Přidáme další vrstvu a tady nakreslíme přes klip2 stejný ovál nástrojem kruh, bez okraje a barvou, která bude mít Alpha = 0. Označíme jej -- Insert -- Convert to Symbol -- Button -- a jméno. Dvojklikem otevřeme jeho Instance Properties a začneme vkládat akce:

Začneme akcí On MouseEvent, zde zadáme Roll Over. Určíme cíl -- Tell Target, v pravém okně se nám objevily oba klipy, dvojklikem na klip2 jej umístíme do okna Target. Cíl jsme určili a musíme přikázat, co má udělat, proto akce Go to and Stop na poli 17. (Na tomto poli proto, že zde vykukuje nejmenší symbol a animace klip1 nám začíná vyjetím právě nejmenšího symbolu). Po najetí myši se nám zastaví klip2 na poli 17, nyní musíme přikázat, co má udělat klip1, proto opět určíme cíl -- Tell Target -- klip1. Chceme aby se spustila animace, proto zadáme akci Go to and Play a víme, že pole 1 máme prázdné, musíme tedy zadat pole 2.

Tím máme hotovy akce po najetí myši a přidáme akce po odjetí. U klipu2, se nám animace zastavila na poli 17 a tudíž stačí, když zadáme akci Play. U klipu1, potřebujeme animaci dostat na prázdné pole jedna, proto zadáme akci -- Go to and Stop -- pole 1. Akce tedy budou vypadat následovně:

On (Roll Over)
   Begin Tell Target ("/klip2")
     Go to and Stop (17)
   End Tell Target
   Begin Tell Target ("/klip1")
     Go to and Play (2)
   End Tell Target
End On
On (Roll Out)
   Begin Tell Target ("/klip2")
     Play
   End Tell Target
   Begin Tell Target ("/klip1")
     Go to and Stop (1)
   End Tell Target
End On

Nakonec můžeme přikreslit nějaké pozadí, ale do samostatné vrstvy, kterou potom přesuneme dolů.

Celý tutoriál si můžete stáhnout TADY

Další relevantní články:

FLASH XXI - vlnění, kruhy na vodě
FLASH XX - konverze MP3 na WAV
FLASH 5 - ?????
FLASH XIX - akce Tell Target potřetí
FLASH XVIII - akce Tell Target podruhé
FLASH XVII - akce Tell Target poprvé
FLASH XVI - jednoduché menu
FLASH XV - animace tlačítka
Bezplatný export pro Flash z Corelu 9
FLASH XIV - intro a menu
FLASH NA SVĚTOVÉ ÚROVNI
FLASH XIII - jak na preloader a jak ho umístit
FLASH XII - akce pro tlačítka
FLASH XI - 3D hvězda, zvuk na pozadí
JAK DOSTAT ČEŠTINU DO FLASHE ?
FLASH - X - animace bitmapy
SEZNAMTE SE - FLASH 4 - IX
SEZNAMTE SE - FLASH 4 - VIII
SEZNAMTE SE - FLASH 4 - VII
SEZNAMTE SE - FLASH 4 - VI
SEZNAMTE SE - FLASH 4 - V
SEZNAMTE SE - FLASH 4 - IV
SEZNAMTE SE - FLASH 4 - III
SEZNAMTE SE - FLASH 4 - II
SEZNAMTE SE - FLASH 4 - I

Obsah seriálu (více o seriálu):

Tématické zařazení:

 » Rubriky  » Go verze  

 » Rubriky  » Webdesign  

 

 

 

 

Přihlášení k mému účtu

Uživatelské jméno:

Heslo: