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:
-
10. července 2024
-
5. září 2024
Matrixmedia - Obsluha a tisk na velkoformátových digitálních tiskárnách
-
15. července 2024
-
9. srpna 2024
-
10. září 2024
Webdesign
Flash 4 - efektní ukončení *.exe prezentace + práce s více scénami
9. března 2001, 00.00 | Flash dovede vytvářet také *.exe, *. mov ... prezentace. Vytvořit prezentaci je jedna věc, ale ukončit druhá. A udělat to efektně? Někdy je to problém.
V programu Macromedia Flash se dají vytvářet nejen webové stránky, ale také prezentace, které stojí samy o sobě, tedy soubory s příponou .exe. A my si dnes neukážeme, jak takovou prezentaci vytvořit, ale jak takovouto prezentaci efektně ukončit.
Malým problémem je to, že výše umístěná ukázka sice funkční je, ale neukazuje takovou funkčnost, jakou my máme dnes na mysli. A proto by bylo záhodno, kdybyste si na konci tohoto článku stáhli jak zdroják, tak také "sudacki_ukonceni_prezentace_exe.zip", což je přímo spustitelný soubor, kde uvidíte smysl tohoto tutorialu. Ten problém, o kterém jsem mluvil, spočívá v tom, že když kliknete na button ukončení, spustí se animace a na závěr se celé okno samovolně zavře - což, jak je logické, zde nejde.
Tak a do práce! V knihovně symbolů si vytvoříme tlačítko - jaké, to nechávám pouze na vás - já jsem v tomto případě použil znak z fontu Webdings a dokreslil nástrojem Brush červený křížek. Tento button klasickým způsobem přetáhneme do scény, kterou si pomocí nabídky Modify - Scene pojmenujeme jako "tělo prezentace". Na první frame vrstvy, kde je přetaženo tlačítko, vepíšeme pouze script "stop", to z toho důvodu, aby se nám animace bezhlavě nespouštěla, ale zůstala stát a čekala na naše "povely". Tímto naše práce s touto scénou končí.
Nyní si vytvoříme novou scénu pomocí nabídky Insert - Scene. Následně ji stejným způsobem, jako předchozí, pojmenujeme "ukončení". Dosáhli jsme tedy toho, že náš "dokument" obsahuje dvě scény: "tělo prezentace" a "ukončení". V pravém horním rohu se můžeme podívat, že po kliknutí na tlačítko označené klapkou se nám ukáží na výběr dvě scény:
Nyní si ve scéně "ukončení" uděláme celou naši animaci. Vytvoříme si dvě vrstvy. Vrstvu "text" a vrstvu "obrazovka". Nastavíme se na první rámeček vrstvy "text" a pomocí klávesové zkratky Ctrl+R importujeme zvuk. Tento import nebude na první pohled nijak viditelný, pouze v knihovně symbolů se nám ukáže toto:
Poté (stále na prvním rámečku vrstvy text) klikneme pravým tlačítkem a z kontextové nabídky Properties - Sound vybereme námi importovaný zvuk:
V našem případě se zvuk jmenuje "Beam Scan" a proto je v roletce uvedeno toto jméno. Ve vašem případě se tam zobrazí to jméno, jakým máte zvuk pojmenovaný. Dejte ovšem pozor, Flash neumí importovat všechny formáty, takže je nejlepší, když je zvuk ve formátu *.wav. Flash si ho nakonec sám převede na MP3!!!
Po zvolení zvuku si můžeme upravovat jednotlivé kanály a hlasitost, ale to není účelem tohoto tutorialu, to si probereme někdy příště a podrobněji. Pouze si můžeme říci, že malé čtverečky v levé části oken slouží na kontrolu hlasitosti zvuku v "každé z beden". Funguje to tím způsobem, že si pouze klikneme klasickým způsobem na čtvereček, tlačítko držíme a přesuneme ho dolů nebo nahoru, kam chceme. Dolů znamená, že zvuk bude méně hlasitý a naopak. Efekt je ten, že se zvuk nespustí ihned po začátku prezentace na plnou hlasitost, ale pomalu na ni "najede".
Zvuk tedy máme importovaný a ve vrstvě "text" je nyní na několika "framech" taková "roztřepaná čára", která nám symbolizuje námi vybraný zvuk. Nyní se nastavíme na frame č. 15, kde si z kontextové nabídky vyvolané pravým tlačítkem zvolíme "Insert Blank Keyframe". Tímto způsobem zvuk jakoby "střihneme" a můžeme začít vytvářet animaci. Na plochu si napíšeme nápis "nashledanou ...". Na políčku č. 15 zvolíme "Create Motion Tween", přejdeme na políčko č. 26 a tam zvolíme "Insert Keyframe". Na tomto políčku si dvakrát klikneme na nápis "nashledanou ..." a z nabídky v záložce "Color Effect" zvolíme "Alfa" a pomocí posuvníku nastavíme na 0%. Výsledek bude ten, že se nápis na 15. políčku zobrazí a potom pomalu zmizí. Tímto je práce ve vrstvě "text" ukončena.
Nyní se nastavíme na vrstvu "obrazovka". Na ploše si nakreslíme obdélník, který bude vybarven zeleně a nebude mít okraje. Tento obdélník přesuneme do spodní části plochy a to tak, aby kousek "přečuhoval" přes okraje. Na prvním rámečku vrstvy si zvolíme "Create Motion Tween", poté se nastavíme na rámeček č. 15 a zvolíme "Insert Keyframe". Na tomto rámečku obdélník roztáhneme na celou velikost plochy. Poté ho pomocí zkratky Ctrl+B tzv. "rozbijeme" a totéž provedeme na rámečku č. 1. Pravým tlačítkem si klikneme kdekoliv na animační řadě a z nabídky Properties - Tweening si zvolíme "Shape". Opět se nastavíme na rámeček č. 15 a obdélník vybarvíme šedě. Vidíme, že animační řada je od rámečku č. 1 až po rámeček č. 14 a na rámečku č. 15 je umístěn tzv. Keyframe. Na tento keyframe klikneme pravým tlačítkem a z nabídky Properties - Tweening zvolíme "None". Výsledek bude ten, že animace bude probíhat tím způsobem, že se nejprve objeví malý zelený obdélník, který se následně roztáhne na celou velikost plochy a při tom ještě plynule změní barvu. Po změně barvy se animace zastaví a dále bude pouze vidět šedé pozadí.
Nyní se nastavíme na rámeček č. 27, kde si nejprve zvolíme "Insert Keyframe" a potom "Create Motion Tween" - to z toho důvodu, že kdybychom nepoužili "Insert Keyframe" Flash by reagoval tak, že by animaci vytvořil již od rámečku č. 15 - a to my nechceme. Na rámečku č. 30 si poté zvolíme "Insert Keyframe". Na tomto rámečku obdélník trochu zmenšíme (pouze vertikálně) a obarvíme ho opět na zelenou barvu. Stejným způsobem pokračujeme až po rámeček 50 tak, abychom docílili efektu zmenšování a zvětšování obrazovky. Na rámečku č. 50 bychom měli mít už pouze hrubou čáru uprostřed. Nastavíme se na rámeček č. 55, kde čáru smažeme a vytvoříme malé kolečko uprostřed plochy. Pomocí shape animace vytvoříme tzv. morphing, kdy výsledkem bude to, že se úzký a dlouhý obdélník přeformuje do malého kolečka uprostřed. Dále na rámečku č. 60 toto kolečko vybarvíme bílou barvou, což způsobí jakési simulované "vyhasnutí" obrazovky. Naše animační řada by měla vypadat asi takto (bez písmenek "a" na jednotlivých framech):
Nyní využijeme funkce, kterou má Flash přímo implementovánu a tou je zavření okna. Na posledním rámečku animace si z nabídky Properties - Actions - + zvolíme script:
FS Command ("quit", "")
Kdy "quit" si zvolíme z roletky "For standalone player". Výsledkem bude to, že po dojetí animace se okno samovolně zavře.
Nyní se nastavíme na scénu "tělo prezentace", kde na tlačítku navolíme script:
On (Release)
Go to and Play (ukončení, 1)
End On
Kdy "ukončení" zvolíme v roletce "Scene". Tento script způsobí, že po kliknutí na tlačítko se přesuneme do scény "ukončení" a tam začneme hrát od rámečku č. 1.
Málem bych zapoměl, že na rámečku č. 1 ve scéně "tělo prezentace" musí být vepsáno ve scriptu nejen "stop" ale také "FS Command ...", takže celý scritp vypadá takto:
Stop
FS Command ("fullscreen", "true")
Tento script zařídí, aby po spuštění prezentace, tato běžela v módu fullscreen. Zbývá už pouze publikovat pomocí příkazu Publish Settings z nabídky File, kde si zaškrtneme pouze Windows Projector (*.exe) a stiskneme Publish.
A to je vše.
Uznávám ,že tento tutorial je trochu "zmatený" a bude lepší, když si stáhnete zdroják ...ZDE
Bohužel *.exe soubor byl natolik velký (120 kB), že není možné, aby tady byl ke stazeni.
Obsah seriálu (více o seriálu):
- FLASH - vyčkávající Trojský kůň
- FLASH - vyčkávající Trojský kůň - druhý díl
- FLASH - vyčkávající Trojský kůň - třetí díl
- FLASH - ANIMAČNÍ TECHNIKY I.
- SEZNAMTE SE - FLASH 4 - I
- SEZNAMTE SE - FLASH 4 - II
- SEZNAMTE SE - FLASH 4 - III
- SEZNAMTE SE - FLASH 4 - IV
- SEZNAMTE SE - FLASH 4 - V
- SEZNAMTE SE - FLASH 4 - VI
- SEZNAMTE SE - FLASH 4 - VII
- SEZNAMTE SE - FLASH 4 - VIII
- SEZNAMTE SE - FLASH 4 - IX
- FLASH - X - animace bitmapy
- JAK DOSTAT ČEŠTINU DO FLASHE ?
- FLASH XI - 3D hvězda, zvuk na pozadí
- FLASH XII - akce pro tlačítka
- FLASH XIII - jak na preloader a jak ho umístit
- FLASH XIV - intro a menu
- FLASH XV - animace tlačítka
- FLASH XVI - jednoduché menu
- FLASH XVII - akce Tell Target poprvé
- FLASH XVIII - akce Tell Target podruhé
- FLASH XIX - akce Tell Target potřetí
- FLASH XX - konverze MP3 na WAV
- FLASH XXI - vlnění, kruhy na vodě
- FLASH XXI - dokončení
- FLASH 4 - Text Field Properties
- FLASH 4 - Zvláštní výběr křivek a čar
- FLASH 4 - Optimalizace křivek
- Flash 4 a QuickTime video
- FLASH 4 - preloader
- FLASH 4 - Duplikování filmového klipu
- FLASH 4 - pohybování textem pomocí kurzoru
- FLASH 4 - Speciální textové vlastnosti
- Macromedia FLASH 4 - postupné vypisování textu
- FLASH 4 - Spirála
- FLASH 4 - natažení externího .swf
- Macromedia FLASH 5 - načítaní HTML souboru
- FLASH - komunikace mezi dvěma SWF soubory
- FLASH - hrátky s křivkou
- FLASH - menu s posuvníkem
- FLASH - menu s posuvníkem (dokončení)
- FLASH 5 - pseudo 3D menu (dokončení)
- FLASH 5 - menu
- FLASH - Color Effect
- Macromedia FLASH 5 - analogové hodiny
- FLASH 5 - "smart" clip
- Vánoční přání v Macromedia FLASH 5
- FLASH 5 - ohňostroj
- Macromedia FLASH 5 - preloader
- FLASH 4 - animované menu
- Macromedia FLASH 5 - změna kurzoru
- Flash - Efekt založený na nedokonalosti bitmap
- Flash 4 - on-line výpočet ceny - 1. díl
- Flash 4 - on-line výpočet ceny - 2. díl
- Odeslání dat z formuláře ve Flashi 4 - II.
- Macromedia FLASH 5 - odesílání formuláře
- FLASH 4 - postupné odkrývání textu - tzv. maskovací efekt
- FLASH 5 - jednoduchý kaleidoskop nebo projekce?
- Flash 4 - menu pomocí ovládání Movie Clipu
- FLASH 5 - Vypisování textu
- Flash 4 - efektní ukončení *.exe prezentace + práce s více scénami
- Macromedia FLASH 5 - ovládání hlasitosti
- FLAX 1.12 - program na textové efekty v SWF
- FLASH 5 - matematické objekty (1. část)
- Flash4 - animace obličeje
- Flash 4 - Hra na způsob šipek
- Flash 4 + Swift 3D - dokonalá souhra!
- Macromedia FLASH 5 - změna barvy pozadí a textu
- Flash 5 - aktuální datum a čas
- Flash - 2D animace - 3D efekt
- FLASH 5 - prohlížečka obrázků s maskováním
- FLASH A JAVASCRIPT
- FLASH 5 - reversní pohyb
- Jpeg2Swf v1.0 beta - převod jpeg do swf aneb flashwebkamera
- SWISH v2 - Flash bez Flashe
- Jak docílit plynulé animace ve formátu Flash
- Flash - jdoucí Elvis.
- Flash - running man.
- Macromedia Flash - posun pozadí
- Flash - mořská hladina.
- Flash - animace hořící sirky
- Flash - mávání na rozloučenou
- Flash - vzhůru v let
- Flash - animace řeči
- FLASH 5 - Kalkulačka v 1.0
- Flash - BOXující Elvis
- Flash + Flashamp - animace řeči
- Flash - ženský běh
- FLASH 5 - Kalkulačka v 2.0
- FLASH - Programy na analýzu a úpravu SWF souborů
- FLASH 6 - Jaký bude a kdy bude?
- FLASH - Programy na analýzu a úpravu SWF souborů 2
- FLASH MX - novinky pod lupou
- Flash desatero
-
14. května 2014
Jak vkládat snímky do galerií a soutěží? Stručný obrazový průvodce
-
23. dubna 2014
Konica Minolta přenesla výhody velkých zařízení do kompaktních modelů
-
12. června 2012
-
9. dubna 2014
-
29. listopadu 2013
-
6. září 2004
OKI snižuje ceny barevných laserových tiskáren C3100 a C5200n
-
13. května 2004
-
19. ledna 2004
QuarkXPress Passport 6: předvedení nové verze na konferenci Apple Forum 27.1.2004
-
6. února 2001
-
30. listopadu 2014
Nový fotoaparát α7 II: první plnoformát s pětiosou optickou stabilizací obrazu na světě
-
5. srpna 2024
Bubnový scanner na 4000dpi optické rozlišení + PC + software
-
8. září 2024
-
22. září 2024