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 - Efekt založený na nedokonalosti bitmap
8. února 2001, 00.00 | V tomto článku si ukážeme, jak lze využít nedokonalosti bitmap pro docela pěkný efekt ve Flashi.
V tomto článku si ukážeme, jak lze využít nedokonalosti bitmap (resp. zkomprimovaných do formátu Jpeg nebo Gif) pro docela pěkný efekt ve Flashi. Výsledný efekt po přejetí myší přes šedé tlačítko bude vypadat následovně:
Pro náš efekt potřebujeme jakýkoliv obrázek nebo fotku. Já jsem si vybral následující o velikosti 150 x 150 pixelů. Z tohoto obrázku budeme vycházet a v našem oblíbeném
grafickém programu si připravíme ještě dalších šest obrázků postupným zmenšováním výchozího.
Použitý obrázek | Rozměry |
1) 150 x 150 2) 100 x 100 3) 60 x 60 4) 40 x 40 5) 30 x 30 6) 25 x 25 7) 20 x 20 |
Konečně si můžeme otevřít Flash, pokud jsme tak neudělali již dříve.
Nastavíme si velikost jeviště (Dimensions) například na 160 x 180 pixelů (CTRL M), počet snímků za sekundu necháme nastavené na 12 (Frame Rate), barvu pozadí (Background Color) například modrou. Na jevišti si vytvoříme šedý nevyplněný čtverec o velikosti původního obrázku a konvertujeme ho do grafického symbolu s názvem ctverec (F8).
Přidáme druhou vrstvu ( Insert Layer) s názvem tlacitko, do níž přidáme tlačítko na spouštění efektu po přejetí myši. Namalujeme si grafický objekt, převedeme ho opět na grafický symbol s názvem tlacsede, abychom mohli udělat animované tlačítko. Duplikujeme tento symbol (Duplicate), přejmenujeme (Rename) na tlacitko a změníme ve vlastnostech (Properties) jeho podobu na Button. Tlacitko editujeme a vytvoříme jen dvě pozice - Up a Over. Pro dosažení jednoduché animace, přidáme další vrstvu (animace) a v prvním snímku umístíme grafický symbol tlacsede, změníme jeho velikost v panelu Transform na 75 % a přebarvíme v panelu Efekty (Effect) nástrojem Odstín (Tint) na tmavší odstín šedé, F6 se dostaneme na další snímek a přebarvíme symbol na barvu pozadí, tím máme tlačítko hotové.
Vytvoříme klip, první frame necháme prázdný a do druhého naimportujeme (CTRL R) obrázky, každý z nich umístíme na pozici (0;0) klipu a zvětšíme je na velikost 150 x 150 pixelů pomocí panelu Info. Označíme snímky mimo prvního a obrátíme jejich pořadí (Reverse
Frames) pomocí menu, které se nám zobrazí kliknutím pravým tlačítkem myši
nad označenými snímky. Do prvního a posledního rámečku umístíme akci stop
z Objekt Actions (v menu Actions).
|
Nyní nám už zbývá umístit klip na hlavní scénu do nejspodnější vrstvy a přiřadit mu instanci "klip" (Panels - Instance). Definujeme tlačítko tak, aby reagovalo po přejetí myší "Roll Over" a také akci "Tell Target" odkazující se na instanci "klip" a zajistíme spuštění klipu příkazem "gotoAndPlay".
on (roll
over) { tellTarget ("klip") { gotoAndPlay (2); } } |
Na hlavní scéně máme teď umístěn v první vrstvě s názvem ctverec prázdný čtverec, ve druhé tlacitko a v poslední klip.
Ukážeme si, jak bude efekt vypadat, když na jednotlivé postupně zmenšované snímky mimo největšího (150 x 150) použijeme navíc např. ve Photoshopu filtr mozaika (Filter - Pixelate - Mosaic) o velikosti 5.
Pro efekt můžeme použít filtrů mozaika, krystalizace, rozmazání, impresionismus atd. v některém grafickém programu postupně na všech nejdříve zmenšených obrázcích. Stejného efektu dosáhneme, použijeme-li daných filtrů jen na prvním největším obrázku s různou intenzitou a zanimujeme snímek po snímku. Takto vytvořený efekt by byl sice téměř dokonalý, ale výsledný swf soubor by se podstatně zvětšil. Pokud se vám zdá i velikost 9 kB moc, můžete dosáhnout menší velikosti na úkor kvality připravených obrázků, protože lidské oko to při animaci nepozná, ale poslední obrázek (největší) nechme v dostatečné kvalitě, protože zůstane stát a budete se na něj dívat.
Na závěr přikládám zip soubor obsahující zdrojový
soubor Flashe i použité obrázky pro první efekt.
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