1 MACROMEDIA 5 FLASH INTERACTIVITY BY DESIGN MARCPETER 2 Macromedia Flash 5 - Interactivity by Design A könyv az alábbi eredeti alapján készült: Macromedia Flash 5 - Interactivity by Design © 2001 SmartBooks Publishing AG Copyright © 2001 SmartBooks Publishing AG and Extra-Plan Ltd. All rights reserved. No part of this book, including interior design, cover design, and icons, may be reproduced or transmitted in any form, by any means (electronic, photocopy, recording, or otherwise) without the prior written permission of the publisher. Trademarks: All brand names and product names used in this book are trade names, service marks, trademarks, or registered trademarks of their respective owners. The publisher is not associated with any product or vendor mentioned in this book. A szerzõ és a kiadó a lehetõ legnagyobb körültekintéssel járt el e kiadvány elkészítésekor. Sem a szerzõ, sem a kiadó nem vállal semminemû felelõsséget vagy garanciát a könyv tartalmával, tel- jességével kapcsolatban. Sem a szerzõ, sem a kiadó nem vonható felelõsségre bármilyen baleset vagy káresemény miatt, mely közvetlenül, vagy közvetve kapcsolatba hozható e kiadvánnyal. Az alapos korrektúra, és lektorálás ellenére elõforduló hibákért olvasóink szíves elnézését kérjük. Javaslataikat, észrevételeiket e-mail címünkre várjuk. Fordítás, szerkesztés, tördelés: Extra-Plan Kft. Nyomda és kötészet: Palatia Nyomda Felelõs kiadó az Extra-Plan Kft. ügyvezetõ igazgatója © 2001 Extra-Plan Kft. 9400 Sopron, Kisfaludy u.7. Tel.: (+36-99) 508-835 Fax: (+36-99) 508-836 e-mail: [email protected] ISBN: 963 00 7857 0 3 TARTALOMJEGYZÉK T Elõszó V 9 A Flash 5 újdonságai 1 17 Alapok 2 33 Szöveg 3 83 Színek 4 97 Pixelképek 5 111 Hangok 6 127 QuickTime 7 153 Animációk 8 169 Maszkok 9 195 Akciók 10 213 Exportálás 11 267 Tippek és trükkök 12 297 Tárgymutató T 325 4 Tartalomjegyzék E Elõszó 8 1 A Flash 5 újdonságai - Áttekintés 19 Felhasználói felület 19 Gyorsbillentyûk 20 Képkocka-paletta [Frame] 20 Példány-paletta [Instance] 21 Színek 21 Szöveg 22 Vektorok 22 Film-böngészõ [Movie Explorer] 23 Akciószkript [Action Script] 23 Akciószkript-szintaktika 24 Akciószkript-szerkesztõ 24 Külsõ szkriptek 24 Hibakeresõ [Debugger] 25 XML 25 Megosztott könyvtárak [Shared Libraries] 26 Nyomtatás 27 Segédvonal [Guides] 28 Hangok [Sound] 28 Ûrlapelemek [Smart Clip] 28 Dashboard 29 RTF-HTML-támogatás 29 RealPlayer-támogatás 30 2 Alapok 35 Importálás 35 Adobe Illustrator állományok importálása 36 FreeHand-objektumok importálása 38 Munkaasztal 40 Paletták 42 Eszköztár [Tools] 52 Könyvtár [Library] 64 Közös használatú könyvtárak 65 Szimbólumok és példányok 68 Kapcsológomb [Button] 68 Filmszakasz [Movie Clip] 72 Rétegek [Layer] 74 Jelenetek 78 Alakzatok módosítása 80 3 Szöveg 85 Szövegeszköz 85 Szövegdoboz átméretezése 86 Karakter 87 URL-szöveg használata HTML-linkként 87 Bekezdés [Paragraph] 88 Tartalomjegyzék Negatív behúzás a felsorolások használatához 88 Alávágás 89 Szöveg opciók 90 Statikus szöveg 90 Dinamikus szöveg 90 Szövegbeviteli mezõ 90 Szövegopciók felhasználása 91 Szöveg javítása a film-böngészõ [Movie Explorer] segítségével 94 Írásmód szimbólum 95 4 Színek 99 Additív és szubtraktív színkezelés 99 RGB - színtér 99 Az additív színtartomány 100 Színmeghatározás lehetõségei 101 HSB 101 A HEX (hexadecimális rendszer) 102 Alapszínek elõállítása és felhasználása 102 A színtér módosítása 104 Importálás/exportálás 104 Színátmenet készítése 105 A színátmenet irányának és középpontjának meghatározása 106 Kitöltés pixelgrafikus képpel 107 Egy példány színének megváltoztatása 108 5 Pixelképek 113 Munka a bitmap fájlokkal 113 Képek importálása 114 Adattípusok importálása 115 A Fireworks PNG-állományainak importálása 116 Pixelkép-tulajdonságok beállítása 118 Pixelképek feldolgozása külsõ képfeldolgozó program segítségével 120 Pixelképek átlátszósága 121 Képek felhasználása szimbólumként 122 Képpontok 123 Képek felosztása 124 Pixelképek átalakítása vektorgrafikává 125 6 Hangok 129 Általános ismeretek 129 Hangminõség 130 Frekvencia 130 Hangok importálása 131 Rendeljünk hangot a filmhez: 132 Szinkronizációs opciók 133 Hangok feldolgozása 134 Hangok indítása és megállítása kulcsképkockák segítségével 135 Hang hozzárendelése egy gombhoz 136 5 6 Hangok elhelyezése közös könyvtárban 137 Tömörítés 138 Folyamatos háttérzene 141 Hanghatások vezérlése akciószkriptekkel 145 Készítsünk hangerõ szabályzót 148 Készítsünk balansz szabályzót 150 7 QuickTime 155 A QuickTime-ról általában 155 SWF-filmek a QuickTime Player-ben 156 A QuickTime importálása 157 SWF-filmek QuickTime filmekkel való együttes exportálása nem lehetséges. 158 Videó szimulálása a Flash-ben 159 QuickTime-film exportálása 162 QuickTime exportálása 163 Export videóként 167 8 Animáció 171 Alapok 171 Az idõvonal 175 Popup menü (képkockák megjelenítése) 176 Animációk megjelenítése az idõvonalon 177 Képkockáról-képkockára animáció 178 Nyújtott (tween) animáció 180 Variációk 182 Egyszerre több animáció lejátszása 183 Animálás útvonalhoz igazítva 184 Animációk szerkesztése 186 Formaváltoztatás (Shape tweening) 188 Hagymahéj (onion skin) 192 9 Maszkok 197 Maszkrétegek 197 Maszkolt szöveg 199 Szövegmaszk 202 Izzó szöveg 204 Negatív maszk 205 Animált maszk 206 Animált kör 208 10 Akciók 215 Mi új a Flash 5 actionscript-jében 215 Alapok 218 Akciók hozzárendelése 219 Script futtatása 220 Normál mód 222 Szakértõ mód 224 Mik azok a változók? 225 Kifejezések 228 Tartalomjegyzék Operátorok 229 Funkciók 233 Tulajdonságok 237 Objektumok 241 Hibajavítás 259 Az ActionScript terminológiája 262 11 Exportálás 269 Filmek publikálása és exportálása. 269 Filmek optimalizálása 270 A sávszélesség beállítása 272 Publikálás 274 Formátum 275 Flash 276 HTML 278 GIF 282 JPEG 285 PNG 286 QuickTime 289 RealPlayer 289 Önlejátszó állományok készítése 290 Filmek/Képkockák exportálása 291 Filmek hangokkal együtt történõ exportálása 292 Index-képek nyomtatása 294 12 Tippek és trükkök 299 Szöveg méretezése 299 Jelölõ négyzetek 302 Rafinált Rollover effektusok 304 Homályos szövegeffektus 306 Moduláris Flash-filmek 308 Film elõre- és visszafuttatása 311 Középpont módosítása 314 Görgetés ablakban 319 Animált vonal 322 T Tárgymutató 324 7 8 E 9 ELÕSZÓ 10 Elõszó A Flash 1996-ban történt bevezetése óta a Macromedia a Flash-tech- nológiát folyamatosan fejlesztette. A szoftver felhasználási területe a Web-oldalak szélén található egyszerû vektoranimációktól [Banner] idõközben teljes képernyõs alkalmazássá növekedett, a teljes egészében Flash-alapú oldalakat is ide értve. Mi is a Flash? A Flash szoftver egy vektorgrafikus szerkesztõ, valamint az Internet- oldalak interaktívvá tételében verhetetlen animációs eszköz. A Flash segítségével grafikák készíthetõk - vagy más grafikai programokból importálhatók -, és animációs effektusok hozhatók létre. A technoló- gia zsenialitása a kis fájlméretben rejlik: a fájlok olyan kompakt módon kerülnek tömörítésre, hogy lassabb Internet-kapcsolat esetén is gyorsan és nehézség nélkül megtekinthetõk legyenek. Az animá- ciók interaktív vezérlõelemekkel és akciókkal egészíthetõk ki anélkül, hogy egyetlen sor szkriptet kellene írni. A Flash technológiája ezen felül képes volt jelentõsen megerõsödni. A Flash ingyenes lejátszója az Apple, Microsoft, Linux, Netscape, American Online, WebTV, Network Computer, Compaq, Disney és más szoftver- illetve hardverelemekkel együtt jut el a fel- használókhoz. Kik láthatják az Interneten lévõ Flash-oldalakat? A Macromedia adatai szerint manapság 222 millió Web-használó képes Flash-oldalak megtekintésére anélkül, hogy elõtte bármit is installálnia kellene. Ez a szám a Föld Internet-használóinak 90%-át jelenti. Csak 2000 áprilisában több mint 56 millióan töltötték le a Flash-lejátszót a http://www.macromedia.com/ oldalról. Ezek a számok egyértelmûen azt bizonyítják, hogy a Flash-technológia hatalmas népszerûségnek örvend a felhasználók körében. Elõszó|Flash 5