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
Go verze
Macromedia FLASH 5 - změna barvy pozadí a textu
Macromedia Flash tutorial
17. května 2001, 00.00 | Dnes si na jednoduchém příkladu vysvětlíme, jak správně a efektivně používat objekt Color(), pomocí kterého lze velmi snadno měnit barvu jakéhokoli Movie Clipu, který se nachází v animaci.
Dnes si na jednoduchém příkladu vysvětlíme, jak správně a efektivně používat objekt Color(), pomocí kterého lze velmi snadno měnit barvu jakéhokoli Movie Clipu, který se nachází v animaci.
Objekt Color () je jedním z nových prvků v programu Macromedia FLASH 5. Tento objekt je velmi užitečný, pokud chceme měnit barvu Movie Clipu, který se nachází v animaci. V předchozí verzi barvy Movie Clipu nešly měnit skriptem, ale pouze ručním přebarvením a změna barvy se řešila uložením několika barevných verzí animace do jednotlivých snímků v rámci jednoho Movie Clipu a následným odkazování na příslušný snímek.
Pomocí objektového programování nyní můžeme měnit barvu Movie Clipů velmi interaktivně a snadno. Na příkladu si ukážeme, jak pomocí několika předem nadefinovaných tlačítek změnit jak barvu pozadí, tak barvu textu v animaci. Otevřete si tedy novou scénu o velikosti 300 x 150 px (CTRL+M), barva pozadí ani Frame Rate nemá na funkčnost příkladu vliv, proto můžete ponechat předem nastavené hodnoty.
Animace bude obsahovat pouze dvě důležité vrstvy a jen jeden snímek (vrstva background v ukázkovém příkladu nemá na funkčnost vliv). V první "pozadi" se bude nacházet Movie Clip o velikosti pozadi a v druhé text a tlačítka. Nejdříve si tedy vytvořte vrstvu "pozadi" a nakreslete do ní obdélník o velikosti 300 x 150 px (lze upravit pomocí paletky "Info") o jakékoli barvě (například šedé). Tento obdélník označte šipkou a uložte do knihovny jako Movie Clip "bg" (F8). Ve scéně pak tento objekt v paletce "Instance" pojmenujte "bg".
Nyní si vytvořte druhou vrstvu "content" do které pomocí textového nástroje napište jakýkoli text například černou barvou. Text nyní šipkou označte a uložte do knihovny jako Movie Clip "text". Ve scéně opět tento objekt nezapomeňte pojmenovat "text".
Nyní si vytvoříme malé tlačítko, pomocí kterého budeme měnit barvy a na kterém budou příslušné akce. Nakreslete si tedy malý čtverec uložte jej do knihovny symbolu jako Button "tlac". Klepněte na tlačítko pravým tlačítkem a zvolte položku "Actions". Do editačního okna vložte následující akci:
on (press) {
barva = new Color(text);
barva.setRGB( 0xFFFFFF );
}
Tato akce po stisknutí tlačítka vytvoří nový objekt Color pro Movie Clip "text". Na dalším řádku je tomuto objektu přiřazena barva "FFFFFF" , tedy bílá. Při vkládání barvy je třeba dodržet syntaxi, kdy je třeba nejdříve vložit znaky "0x" a teprve za ně vložit hexadecimální hodnotu příslušné barvy.
Pokud chcete změnit barvu tlačítka na bílou, je třeba to udělat přes paletku Effect/Tint. Změnit barvu samozřejmě můžete i přímo v editaci tlačítka, ale pak by bylo třeba vytvořit si pro každou barvu nové tlačítko, což by bylo neefektivní. Tlačítek pro změnu barvy budeme ve scéně potřebovat dohromady deset, proto si je duplikujte (CTRL+D) a umístěte do dvou vrstev nad sebe. První vrstva bude sloužit pro změnu barvy textu a druhá ke změně barvy pozadí.
Pokud si klepnete na tlačítko, ukáže se vám v paletce Actions obsah skriptu umístěného na příslušném tlačítku. Nyní je u každého tlačítka pro změnu barvy textu třeba jen změnit hodnoty barev:
žlutá: FFCC00
červená: FF0000
zelená: 00CC00
modrá: 3366FF
V druhé řadě tlačítek, které budou sloužit pro změnu barvy pozadí změňte mimo hodnoty barvy i cíl "text" a napište místo něj "bg". Například skript u prvního tlačítka bude vypadat následovně:
on (press) {
barva = new Color(bg);
barva.setRGB( 0xFFFFFF );
}
Tím je celý příklad prakticky hotov a vy si jej můžete stiskem kláves CTRL+ENTER vyzkoušet. Pokud budete chtít tento příklad použít ve svých animacích, je dobré si jej celý umístit do samostatného Movie Clipu. V tomto případě byste si ale měli dávat pozor na správnou cestu k Movie Clipu, jehož barvu měníte - například "_parent.text" nebo "_root.text".
Pokud máte zájem o bližší prozkoumání příkladu, stáhněte si jeho zdrojový FLA
soubor.
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