00flash.qxd
1/3/2005
12:27 PM
Page iii
TARTALOMJEGYZÉK I. rész: Grafikák összegyûjtése és animációjuk a Flash-ben 1. lecke: Alapok 3 Vágjunk bele! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 Helyzetmeghatározás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 A színpad . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 A Tools tábla . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11 Az idõszalag . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12 A Properties tábla . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14 A Könyvtár . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19 Tájékozódás a Flash-ben . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 Aktuális réteg . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 Aktuális képkocka . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21 Aktuális jelenet vagy aktuális szimbólum . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22 Navigálás a felületen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23 Dokumentumtulajdonságok . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24 Fájltípusok . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25 Forrásfájlok (.fla) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25 Terjesztett fájlok (.swf) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26 Az .swf fájlt tartalmazó HTML fájlok . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27 Összefoglalás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28 Kérdés – felelet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28 Tudáspróba . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
2. lecke: Eredeti mûalkotások rajzolása és festése a Flash-ben 31 Rajzolás a színpadon . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32 Eszközök . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32 Megjelenítõ- és módosítóeszközök . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33 Alkotóeszközök . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36 Objektumok kijelölése és transzformációja . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50 Kijelölõeszközök . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50 A cseppentõ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54 Transzformáció – méretezés, elforgatás, burkolás és torzítás . . . . . . . . . . . . . . . . . . . . 55 Alakzatok simítása és kiegyenesítése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59 Alakzatok összekapcsolása az Objektumokhoz illesztés lehetõséggel . . . . . . . . . . . . . 60 Összefoglalás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63 Kérdés – felelet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63 Tudáspróba . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64
3. lecke: Grafikák betöltése 67 A vektorgrafika és a rasztergrafika összehasonlítása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68 Miért kerüljük a grafikák betöltését? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68 Vektorgrafikák betöltése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69 Betöltés fájlból . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69 FreeHand és Illustrator fájlok betöltése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70 A képminõség megõrzése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73
00flash.qxd
1/3/2005
12:27 PM
Page iv
iv Tanuljuk meg a Macromedia Flash MX 2004 használatát 24 óra alatt Váltogatás a Flash és más programok között . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 74 Bitképek (más néven rasztergrafikák) használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 75 Rasztergrafikák betöltése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76 Bitképtulajdonságok beállítása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78 Bitképsorozatok . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 85 Összefoglalás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87 Kérdés – felelet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87 Tudáspróba . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 88
4. lecke: Alkalmazott haladó rajzeljárások 91 Színek és színátmenetek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92 Egyszínû és átmenetes színválasztók létrehozása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92 Színátmenetek alkalmazása és transzformációja . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98 Bitkép alkalmazása kitöltésként . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101 Szöveghatások . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101 A Tools tábla testreszabása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102 Objektumok elkülönítése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102 Ami látható, az kijelölhetõ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103 Szintek használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103 Objektumok csoportosítása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105 A csoportosítás hatásai . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106 Csoportok szerkesztése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107 Összefoglalás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110 Kérdés – felelet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110 Tudáspróba . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111
5. lecke: A Könyvtár hatékony használata 113 A Könyvtár fogalma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 114 Szimbólumok létrehozása és alkalmazása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 114 Mire jók a szimbólumok? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120 A Könyvtár használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121 Helyzetmeghatározás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121 A Könyvtár kezelése nevek, rendezés és mappák alkalmazásával . . . . . . . . . . . . . . . 122 A Könyvtár szimbólumainak használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125 Szimbólumpéldányok elhelyezése a színpadon . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125 Szimbólumpéldányok módosítása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125 Színstílusok alkalmazása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 127 Példányok különbözõ viselkedése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 131 Szimbólumpéldányok használata szimbólumokban . . . . . . . . . . . . . . . . . . . . . . . . . . 132 Összefoglalás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 136 Kérdés – felelet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 137 Tudáspróba . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138
II. rész: Animáció a Flash-ben 6. lecke: Animáció 141 Az animáció elve . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142 Az animáció összetevõi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142 Képkockák és képkockaszám . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142 A képkockaszám és a képkockák száma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 145 Különbözõ animációtípusok képkockaszáma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146
00flash.qxd
1/3/2005
12:27 PM
Page v
Tanuljuk meg a Macromedia Flash MX 2004 használatát 24 óra alatt v Kulcskockák és üres kulcskockák . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 147 Átmenetkészítés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 151 Összefoglalás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152 Kérdés – felelet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152 Tudáspróba . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 153
7. lecke: Hagyományos animáció 155 A nyers animációs eljárás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 156 Az animáció elõnézete a Test Movie paranccsal . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 158 Egyszerre egy kulcskocka szerkesztése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 158 A Frame View beállítás megváltoztatása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 159 A hártyák használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160 A képkockáról képkockára animáció bõvítése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 164 Szünetek beépítése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 164 Mozgás érzékeltetése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165 Pislákoló hatás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 166 Összefoglalás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 168 Kérdés – felelet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 169 Tudáspróba . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 169
8. lecke: Animáció mozgásátmenet segítségével 171 Mozgásátmenetek létrehozása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 172 A mozgásátmenet szabályai . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 173 Mozgásátmenet-készítési módszerek és trükkök . . . . . . . . . . . . . . . . . . . . . . . . . . . . 175 Mozgásátmenetek finomhangolása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179 Több kulcskocka használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179 Az erõsítés és a csillapítás alkalmazása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 181 Forgatás mozgásátmenetekben . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 183 Összefoglalás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184 Kérdés – felelet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185 Tudáspróba . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 186
9. lecke: Átváltoztatás alakzatátmenet segítségével 189 Alakzatátmenet készítése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 190 Az alakzatátmenet szabályai . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 191 Módszerek és tanácsok . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 191 Alakzatátmenetek csiszolása és finomhangolása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 195 Alakzattippek használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 196 Miért kerüljük az alakzatátmenetek használatát? . . . . . . . . . . . . . . . . . . . . . . . . . . . . 201 Összefoglalás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 201 Kérdés – felelet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 202 Tudáspróba . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203
10. lecke: Idõszalaghatások és parancsok használata 205 Az idõszalaghatások . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 206 Az idõszalaghatások használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 206 Idõszalaghatások módosítása és szerkesztése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209 Parancsok . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213 A parancsok mûködése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213 Összefoglalás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 220 Kérdés – felelet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 221 Tudáspróba . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 221
00flash.qxd
1/3/2005
12:27 PM
Page vi
vi Tanuljuk meg a Macromedia Flash MX 2004 használatát 24 óra alatt 11. lecke: Hangok alkalmazása az animációkban 223 Hangok betöltése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 224 Támogatott hangformátumok . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 224 Hangok használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 227 Összehangolási beállítások . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 229 Hatásbeállítások . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 232 Ciklusbeállítások . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 234 A minõség és a fájlméret szabályozása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 236 A digitális hang alapjai . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 237 Kiviteli beállítások . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 238 Trükkök a hatékonysághoz . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 242 Összefoglalás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 243 Kérdés – felelet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244 Tudáspróba . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 245
12. lecke: Rétegek használata az animációkban 247 A rétegek mûködése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 248 A rétegek valódi célja . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 248 A szerkesztést segítõ rétegtulajdonságok . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 251 Rétegek kezelése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 254 A rétegtulajdonságok alkalmazása grafikus hatásokban . . . . . . . . . . . . . . . . . . . . . . . . . . 255 Vezetõrétegek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 255 Mozgásvezetõ rétegek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 259 Maszkrétegek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 262 Összefoglalás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 266 Kérdés – felelet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 266 Tudáspróba . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 267
13. lecke: Animáció filmklipek és grafikaszimbólumok segítségével 269 Filmklipszimbólum viselkedés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 270 Filmklipek létrehozása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 270 A filmklipszimbólumok és a grafikaszimbólumok összehasonlítása . . . . . . . . . . . . . . 272 Mikor használjuk a filmklipeket? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 275 A filmklipek finomságai . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 276 Címezhetõ filmklippéldányok . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 277 Fájlméret-megtakarítás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 278 A letöltési sorrendre gyakorolt hatás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 279 Összefoglalás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 279 Kérdés – felelet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 280 Tudáspróba . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 280
III. rész: Interaktivitás hozzáadása és haladó animáció 14. lecke: Készítsünk gombokat, amelyekre a felhasználó kattinthat 285 Egy gomb elkészítése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 286 A gomb találati felületének megadása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 289 A gomb méretének csökkentése a fájlban . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 291 Összetett gombok . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 293 Animált gombok . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 293 A gombok nyomkövetési módjai . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 296 Hangos gombok . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 297
00flash.qxd
1/3/2005
12:27 PM
Page vii
Tanuljuk meg a Macromedia Flash MX 2004 használatát 24 óra alatt vii Láthatatlan gombok . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299 Összefoglalás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 301 Kérdés – felelet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 302 Tudáspróba . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 302
15. lecke: Elágazások létrehozása a filmekben ActionScript és viselkedések használatával 305 Az ActionScript használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 306 Mûveletek megadása paraméterekkel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 309 Képkockamûveletek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 313 Gombmûveletek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 313 Filmklipmûveletek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 317 A viselkedések használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 320 A getURL mûvelet használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 321 Filmklipek címzése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 323 A mûveletek hatékonyabb használatának trükkjei . . . . . . . . . . . . . . . . . . . . . . . . . . . 327 Összefoglalás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 328 Kérdés – felelet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 328 Tudáspróba . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 329
16. lecke: Interaktivitás felsõfokon az ActionScript használatával 331 „Fogd és vidd” interakciók készítése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 332 A húzás vezérlése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 333 Programozás a Flash-ben . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 339 Változók . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 339 Tulajdonságok . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 345 Összefoglalás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 350 Kérdés – felelet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 350 Tudáspróba . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 351
17. lecke: Az összetevõk használata 353 Mi az az összetevõ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 354 A RadioButton összetevõ használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 360 Az összetevõk stílusának módosítása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 363 Egyetlen összetevõpéldány stílusának beállítása . . . . . . . . . . . . . . . . . . . . . . . . . . . . 364 Egy összetevõtípus stílusának beállítása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 364 Az összes összetevõ stílusának beállítása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 365 A témák használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 365 Összefoglalás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 365 Kérdés – felelet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 366 Tudáspróba . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 366
18. lecke: Videofájlok használata 369 Videók betöltése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 370 Mutatós videók készítése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 370 Támogatott videoformátumok . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 371 A videók használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 375 A videók optimalizálása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 379 Tömörítési beállítások és profilok . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 380 Egyéb videobeállítások . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 385 Kapcsolat nélküli elõkészítés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 385
00flash.qxd
1/3/2005
12:27 PM
Page viii
viii Tanuljuk meg a Macromedia Flash MX 2004 használatát 24 óra alatt Külsõ videoszerkesztõ programok használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 386 Összefoglalás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 388 Kérdés – felelet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 389 Tudáspróba . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 389
IV. rész: Közzététel a Weben 19. lecke: Kapcsolat a Világhálóval 393 Egyszerû közzététel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 394 Egyszerû hiperhivatkozások . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 398 Stíluslapok használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 401 Mire képes még a Flash a Világhálón? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 403 Ablakok címzése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 403 Elektronikus levél küldése: a mailto: utasítás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 404 A Flash használata nagyobb webhelyen belül . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 405 Elõugró ablakok . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 405 Flash filmek beépítése egy HTML oldalba . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 408 Flash filmek beépítése táblázatokba és keretekbe . . . . . . . . . . . . . . . . . . . . . . . . . . . 410 Fájlok feltöltése webkiszolgálóra . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 413 Összefoglalás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 414 Kérdés – felelet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 415 Tudáspróba . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 416
20. lecke: Elemes szerkezetû webhelyek tervezése 419 Filmek és JPG fájlok betöltése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 420 Szintek és klipek címzése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 422 Mikor ér véget egy film betöltése, és hogyan törölhetjük a memóriából? . . . . . . . . . . . . . 423 Megosztott könyvtárelemek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 426 Könyvtárelemek megosztása futásidõben . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 427 Külsõ hangfájlok lejátszása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 432 Összefoglalás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 433 Kérdés – felelet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 433 Tudáspróba . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 434
21. lecke: A Flash webhely optimalizálása 437 A fájlméret kérdése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 438 A letöltéshez szükséges idõ kiszámítása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 438 Mi a kicsi? Mi a nagy? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 439 Hangok és rasztergrafikák . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 443 A Bandwidth Profiler használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 447 A teljesítményre mért csapások . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 456 Kerüljük a különleges hatások felesleges alkalmazását . . . . . . . . . . . . . . . . . . . . . . . 457 Kerüljük a hangok folytonos lejátszását . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 458 Problémás grafikák . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 458 Összefoglalás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 460 Kérdés – felelet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 461 Tudáspróba . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 462
00flash.qxd
1/3/2005
12:27 PM
Page ix
Tanuljuk meg a Macromedia Flash MX 2004 használatát 24 óra alatt ix 22. lecke: Haladó animációs eljárások 463 Az eredmény számít, nem a módszer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 464 Egyszerû módszerek – mértékkel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 464 A felhasználó megtévesztésének módozatai . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 465 Hagyományos eljárások alkalmazása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 467 Elõrejelzés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 467 Utórezgés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 469 Mélység érzékeltetése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 471 A nézõpont szabályozása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 476 Már az elején tartsuk szem elõtt a végét! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 478 Összefoglalás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 479 Kérdés – felelet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 479 Tudáspróba . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 480
23. lecke: Nagy projektek és csoportmunka 481 Gyártási módszerek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 482 A feladatkörök meghatározása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 482 A rendszer ellenõrzése és teljes ágú felülvizsgálat végzése . . . . . . . . . . . . . . . . . . . . 482 A kód és az adatok szétválasztása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 483 Termelékenységnövelõ módszerek alkalmazása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 486 Megosztott könyvtárelemek használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 486 Összetevõk használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 489 Dokumentáció és elnevezési szabályok . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 493 Összefoglalás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 495 Kérdés – felelet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 495 Tudáspróba . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 496
24. lecke: Az alkotás közzététele 499 A közzététel módja . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 500 Nevesített horgonykockák használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 505 Hogyan dönthetjük el, milyen formátumban tegyük közzé anyagainkat? . . . . . . . . . . . . 507 Flash (.swf) fájlok közzététele . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 507 HTML fájlok közzététele . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 509 GIF, JPG és PNG fájlok közzététele . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 510 Mentés más médiaformátumokban . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 516 AVI fájlok közzététele . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 516 Képsorozatok közzététele . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 517 Összefoglalás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 517 Kérdés – felelet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 518 Tudáspróba . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 518
V. rész: Függelékek A függelék: A kijelölés, az objektumokhoz illesztés és a vászonszint alkalmazásával létrehozható alakzatok 523 B függelék: Források 539 C függelék: Macromedia Flash MX 2004 billentyûparancsok 543 Szószedet 547 Tárgymutató 553
