Giáo trình thiết kế web

GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 1 TOÅNG QUAN VEÀ FLASH 5 VUØNG LAØM VIEÄC TRONG FLASH Khi baïn laøm vieäc trong Flash, baïn coù theå taïo ra moät ñoaïn phim baèng caùch veõ moät aûnh hay nhaäp vaøo moät aûnh veõ, saép xeáp noù trong moät Stage, vaø laøm chuyeån ñoäng aûnh vôùi thanh thöôùc thôøi gian Timeline. Baïn taïo ra vuøng chuyeån caûnh trong ñoaïn phim baèng caùch duøng caùc Action (haønh vi) ñeå taïo ra ñoaïn phim traû lôøi laïi caùc söï kieän theo nhieàu caùch ñaëc bieät. Khi ñoaïn phim ñöôïc taïo xong, baïn coù theå xuaát noù thaønh ñoaïn phim Flash Player vaø xem chuùng trong Flash Player, hoaëc trình chieáu ñoaïn phim trong chöông trình Flash Player ñoäc laäp vôùi Flash. Baïn coù theå xem moät ñoaïn phim taïo ra trong Flash theo nhöõng caùch sau ñaây: 9 Trong caùc trình duyeät Internet nhö Netscape Navigator, Microsoft Internet Explorer. Caùc trình duyeät naøy coù theå duøng vôùi Flash Player. 9 Vôùi ñieàu khieån Flash ActiveX trong Microsoft Office, Microsoft Internet Explorer ñoái vôùi Windows vaø caùc moâi tröôøng maùy chuû ActiveX khaùc. 9 Trong Flash Player, moät trình öùng duïng ñoäc laäp. 9 Nhö moät chöông trình chieáu phim ñoäc laäp, file cuûa ñoaïn phim coù theå ñöôïc phaùt maø khoâng caàn phaàn meàm Flash Player. AÛNH TRONG FLASH Flash cung caáp nhieàu phöông phaùp ñeå taïo ra aûnh goác vaø xuaát aûnh goác naøy sang nhieàu chöông trình öùng duïng khaùc. Baïn coù theå taïo ra nhieàu ñoái töôïng baèng caùch duøng caùc coâng cuï veõ vaø toâ, xaùc ñònh caùc thuoäc tính cuûa caùc ñoái töôïng ñang toàn taïi. Baïn coù theå xem muïc Toång quan veà caùc caùch veõ vaø laøm vieäc vôùi caùch choïn maøu. Ngoaøi ra baïn cuõng coù theå ñöa vaøo caùc aûnh ñoà hoïa Bitmap hay aûnh Vec-tô töø caùc chöông trình öùng duïng khaùc vaø thay ñoåi aûnh nhaäp naøy vaøo trong Flash. AÛNH ÑOÀ HOÏA VÔÙI ÑÒNH DAÏNG VECTOR VAØ BITMAP Maùy tính hieån thò aûnh vôùi ñònh daïng Vector hay Bitmap. Neáu hieåu roõ hai söï khaùc nhau giöõa hai caùch ñònh daïng naøy coù theå giuùp baïn laøm vieäc hieäu quaû hôn. Flash cho pheùp baïn taïo ra vaø laøm aûnh chuyeån ñoäng vôùi ñònh daïng Vector. Ngoaøi ra Flash cuõng cho pheùp baïn môû thao taùc aûnh vôùi ñònh daïng Vector vaø Bitmap ñaõ taïo ra trong caùc trình öùng duïng khaùc. AÛnh vôùi ñònh daïng Vector Veõ caùc aûnh Vector baèng caùch söû duïng caùc coâng cuï veõ ñöôøng thaúng vaø ñöôøng cong bao goàm caùc thuoäc tính maøu vaø vò trí goïi laø Vector. Ví duï, aûnh chieác laù ñöôïc veõ nhö hình trang beân ñöôïc thöïc hieän bôûi nhöõng ñieåm maø ñöôøng thaúng ñi ngang qua, taïo ra hình daïng vieàn ngoaøi cuûa chieác laù. Maøu cuûa chieác laù ñöôïc xaùc ñònh bôûi maøu cuûa ñöôøng vieàn vaø maøu cuûa vuøng choïn bao quanh ñöôøng vieàn. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 5 GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 1 Khi baïn chænh söûa aûnh Vector naøy, baïn haõy thay ñoåi caùc thuoäc tính cuûa ñöôøng thaúng vaø ñöôøng cong taïo neân hình daïng cuûa chieác laù. Baïn coù theå di chuyeån, thay ñoåi kích thöôùc, thu phoùng, thay ñoåi maøu cuûa aûnh vector maø khoâng thay ñoåi ñaëc tính beân ngoaøi cuûa noù. AÛnh Vector coù ñoä phaân giaûi maøu ñoäc laäp, ñieàu naøy coù nghóa laø chuùng coù theå hieån thò vôùi nhieàu thieát bò xuaát khaùc nhau cho ra caùc ñoä phaân giaûi khaùc nhau maø khoâng phaûi thay ñoåi baát kyø ñaëc tính naøo cuûa noù. AÛnh vôùi ñònh daïng Bitmap AÛnh Bitmap söû duïng caùc chaám maøu ñöôïc xeáp ñaët trong moät maûng löôùi goïi laø pixel. Chaúng haïn nhö aûnh cuûa chieác laù ñöôïc veõ taïi nhöõng vò trí ñaëc bieät goïi laø pixel (ñieåm aûnh) vaø moãi pixel coù giaù trò maøu trong vuøng löôùi, taïo ra moät aûnh theå hieän qua caùc pixel khaùc nhau nhö laø moät theå khaûm. Khi baïn hieäu chænh moät aûnh Bitmap, coù nghóa baïn thay ñoåi caùc thuoäc tính pixel khoâng nhö laø caùc aûnh vector laø thay ñoåi caùc thuoäc tính ñöôøng thaúng vaø ñöôøng cong. AÛnh Bitmap coù ñoä phaân giaûi phuï thuoäc vì döõ lieäu taïo ra moät aûnh veõ ñöôïc xeáp vaøo löôùi coù kích thöôùc ñaëc bieät. Vieäc hieäu chænh aûnh Bitmap coù theå laøm thay ñoåi chaát löôïng aûnh xuaát hieän. Ñaëc bieät khi thay ñoåi kích thöôùc aûnh Bitmap coù theå laøm cho caùc goùc bieân cuûa aûnh troâng raát thoâ khi caùc ñieåm pixel aûnh ñöôïc phaân boá laïi trong vuøng löôùi. Khi moät aûnh Bitmap xuaát ra thieát bò coù ñoä phaân giaûi thaáp hôn ñoä phaân giaûi cuûa aûnh, ñieàu naøy seõ laøm cho chaát löôïng aûnh xuaát ra trôû neân nhaït maøu. Chuù yù : Baïn cuõng coù theå ñöa vaøo moät file aâm thanh, baïn coù theå ñöôïc bieát roõ raøng hôn trong muïc “ Toång quan veà caùch theâm aâm thanh vaøo trong Flash”. AÛNH CHUYEÅN ÑOÄNG (ANIMATION) TRONG FLASH Khi söû duïng Flash, baïn coù theå taïo ra caùc ñoái töôïng chuyeån ñoäng, laøm cho chuùng xuaát hieän, di chuyeån ngang qua khung Stage (nôi trình chieáu) hoaëc laøm thay ñoåi hình daùng (Shape), kích thöôùc (Size), maøu saéc (Color), höôùng xoay (Rotation) vaø caùc thuoäc tính khaùc. Baïn coù theå taïo ra aûnh chuyeån ñoäng töø frame (khung) naøy sang frame khaùc maø trong moãi khung taïo ra moät aûnh rieâng leõ. Ngoaøi ra, baïn cuõng coù theå taïo aûnh chuyeån ñoäng kieåu Tween, trong kieåu naøy caùc baïn chæ caàn taïo ra frame ñaàu tieân vaø frame cuoái cuøng sau ñoù Flash taïo tröïc tieáp caùc frame giöõa ñeå keát noái frame ñaàu vaø frame cuoái. Baïn cuõng coù theå taïo ra aûnh chuyeån ñoäng xuaát hieän thaønh ñoaïn phim thoâng qua duøng caùc leänh trong Set Property Action. Baïn coù theå xem muïc trôï giuùp taïi phaàn ActionScript. CHUYEÅN CAÛNH ÑOAÏN PHIM TRONG FLASH Flash cho pheùp baïn taïo ra caùc vuøng chuyeån caûnh cho ñoaïn phim maø trong ñoù ngöôøi xem coù theå söû duïng baøn phím hay chuoät ñeå nhaûy ñeán töøng phaàn khaùc nhau cuûa ñoaïn phim, di chuyeån ñoái töôïng, nhaäp vaøo troâng tin trong caùc maãu vaø thöïc hieän nhieàu thao taùc khaùc. Baïn coù theå taïo ra vuøng chuyeån caûnh baèng caùch thieát laäp caùc Action (haønh vi) duøng ActionScript. Ñeå bieát theâm thoâng tin veà caùch thieát laäp caùc Action chung nhaát trong Flash, baïn coù theå tham khaûo muïc “Caùch taïo ra vuøng chuyeån caûnh trong ñoaïn phim”. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 6 GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 1 Baïn thieát laäp haønh ñoäng trong baûng Actions khi baïn taïo nuùt, moät Clip hay moät frame. Duøng baûng Actions ñieàu khieån trong cheá ñoä Normal Mode, baïn coù theå cheøn vaøo caùc action maø khoâng caàn phaûi vieát baát kyø maõ ActionScript naøo. Neáu baïn quen thuoäc vôùi caùc ActionScript, baïn coù theå vieát caùc maõ Script cho rieâng baïn. Nhöõng muïc chæ daãn coù theå laø ôû trong caùc form cuûa moät action ñôn leû nhö vieäc : höôùng daãn caùch ngöøng phaùt moät ñoaïn phim hay moät loaït caùc action, hoaëc khi baïn öôùc löôïng moät ñieàu kieän sau ñoù ñeå thöïc thi moät action. Nhieàu action ñoøi hoûi caùc baïn phaûi coù moät ít kinh nghieäm trong vieäc laäp trình ñeå thieát laäp chuùng. Caùc action ñoøi hoûi phaûi quen thuoäc vôùi caùc ngoân ngöõ laäp trình vaø phaùt trieån ñeán möùc ñoä xa hôn. Baïn coù theå tham khaûo phaàn ngoân ngöõ trôï giuùp maõ ActionScript. VUØNG LAØM VIEÄC TRONG FLASH Khi taïo vaø chænh söûa ñoaïn phim, baïn coù theå laøm vieäc vôùi nhöõng thuoäc tính quan troïng coù teân sau ñaây: ƒ Stage : Vuøng hình chöõ nhaät nôi maø ñoaïn phim ñöôïc phaùt. ƒ Thanh thöôùc thôøi gian Timeline : Taïi ñaây caùc aûnh taïo ra seõ ñöôïc dieãn hoaït lieân tuïc. Thanh thöôùc Timeline ƒ Symbol (Bieåu töôïng) : Nguoàn taøi nguyeân truyeàn thoâng coù theå duøng laïi trong phim. ƒ Cöûa soå Library : Nôi caùc bieåu töôïng ñöôïc thieát laäp. ƒ Movie Explorer : Taïo ra moät caùi nhìn toång theå veà ñoaïn phim vaø caáu truùc cuûa noù. Baûng Movie Explorer ƒ Caùc baûng troâi treân vuøng laøm vieäc, cho pheùp baïn thay ñoåi nhieàu thaønh phaàn trong ñoaïn phim vaø ñònh caáu hình vuøng laøm vieäc trong Flash sao cho thích hôïp nhaát. Vuøng Stage vaø thanh thöôùc thôøi gian Timeline Gioáng nhö phim chieáu, ñoaïn phim thöïc hieän trong Flash coù ñoä daøi ñöôïc chia thaønh nhieàu frame.Vuøng Stage laø nôi taïo ra noäi dung cho töøng frame rieâng bieät trong ñoaïn phim, veõ aûnh tröïc tieáp leân frame ñoù hay xeáp ñaët aûnh nhaäp vaøo. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 7 GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 1 Vuøng Stage nôi maø baïn taïo ra töøng frame rieâng reõ cho ñoaïn phim Thanh thöôùc Timeline laø nôi baïn saép xeáp thôøi gian chuyeån ñoäng vaø laép raùp aûnh vaøo trong caùc Layer ñaëc bieät. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 8 GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 1 Thanh thöôùc thôøi gian Timeline laø nôi baïn saép xeáp thôøi gian aûnh chuyeån ñoäng vaø laép raùp aûnh vaøo trong caùc Layer ñaëc bieät. Trong ñoaïn phim, Timeline hieån thò töøng frame. Caùc Layer hoaït ñoäng gioáng nhö caùc taám phim trong suoát, giöõ cho aûnh taùch bieät nhau vì vaäy baïn coù theå keát noái nhieàu thaønh phaàn khaùc nhau laïi thaønh moät aûnh coù theå thaáy lieân tuïc. Ñieàu khieån bieåu töôïng, gheá vaø höôùng xoay trong ñoaïn phim laø moãi Layer rieâng bieät Caùc Symbol Vaø Instance Caùc Symbol (bieåu töôïng) laø caùc yeáu toá coù theå duøng laïi khi baïn söû duïng trong ñoaïn phim. Caùc Symbol coù theå laø caùc aûnh ñoà hoïa, nuùt, clip aâm thanh hay font chöõ. Khi baïn taïo ra moät Symbol, Symbol naøy ñöôïc löu laïi vaøo trong file thö vieän, khi baïn thay theá Symbol trong vuøng Stage, baïn ñaõ taïo ra moät Instance cuûa Symbol ñoù. Caùc Symbol laøm giaûm kích thöôùc file, boû qua nhieàu Instance cuûa Symbol baïn taïo ra. Flash löu laïi caùc Symbol trong file chæ moät laàn. Ñieàu naøy raát coù ích ñoái vôùi caùc thaønh phaàn xuaát hieän nhieàu laàn. Baïn coù theå thay ñoåi caùc thuoäc tính cuûa Instance maø khoâng laøm aûnh höôûng ñeán Symbol chính vaø hieäu chænh Symbol chính ñeå laøm thay ñoåi taát caû caùc Instance. Baïn coù theå chænh söûa caùc Symbol trong vuøng Stage. Caùc thaønh phaàn khaùc coøn laïi cuõng hieån thò trong vuøng Stage nhöng bò môø ñi. Ngoaøi ra cuõng coù theå hieäu chænh moät Symbol trong moät cöûa soå ñoäc laäp, vuøng cöûa soå taïi thanh thöôùc Timeline chæ hieån thò thanh thöôùc Timeline cuûa Symbol baïn ñang hieäu chænh. Baïn coù theå xem kyõ phaàn naøy trong muïc “Caùch hieäu chænh Symbol” Baïn cuõng coù theå xaùc ñònh vaø môû moät Symbol trong thö vieän töø beân trong vuøng Movie Explorer, söû duïng leänh Find trong Library. Baïn coù theå xem kyõ phaàn naøy trong muïc “Caùch duøng Movie Explorer”. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 9 GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 1 Ñeå bieát theâm veà caùc Symbol vaø Instance, baïn coù theå choïn muïc tham khaûo Symbols trong trình ñôn Help > Lessons > Symbols (baèng tieáng Anh). Hieäu chænh moät Symbol ñoäc laäp (beân traùi) vaø hieäu chænh moät Symbol trong ngöõ caûnh cuûa ñoaïn phim CAÙC SYMBOL VAØ VUØNG CHUYEÅN CAÛNH CUÛA ÑOAÏN PHIM TÖÔNG TAÙC Ngoaøi ra caùc Symbol laø moät phaàn toaøn boä cho vieäc taïo ra phaàn chuyeån caûnh cho ñoaïn phim. Baïn coù theå duøng caùc Instance cuûa Symbol ñeå taïo ra vuøng chuyeån caûnh cho ñoaïn phim. Ví duï nhö : Baïn coù theå taïo ra moät bieåu töôïng nuùt laøm thay ñoåi caùc haønh vi cuûa chuoät vaø ñaët Instance cuûa Symbol vaøo trong Stage. Baïn coù theå duøng loaïi Symbol khaùc goïi laø Movie Clip, nhaèm taïo ra caùc phaàn chuyeån caûnh phöùc taïp hôn. Cöûa soå Library (Thö vieän) TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 10 GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 1 Cöûa soå Library laø nôi löu vaø saép xeáp caùc Symbol ñöôïc taïo ra trong Flash, cuõng nhö môû file aûnh Bitmap, file aâm thanh vaø QuickTime movies. Cöûa soå Library cho pheùp saép xeáp caùc thö muïc trong thö vieän, sau ñoù saép xeáp chuùng theo loaïi naøo thöôøng ñöôïc duøng ñeán. TAÏO MOÄT ÑOAÏN PHIM MÔÙI VAØ THIEÁT LAÄP CAÙC THUOÄC TÍNH CUÛA NOÙ Moãi khi môû Flash, trình öùng duïng seõ taïo ra moät file môùi, vôùi phaàn ñònh daïng môû roäng laø FLA. Baïn coù theå taïo ra caùc ñoaïn phim môùi do baïn laøm. Thieát laäp kích thöôùc soá löôïng frame, maøu neàn Background vaø caùc thuoäc tính khaùc cuûa ñoaïn phim môùi. Baïn seõ duøng hoäp thoaïi Movie Properties. Caùch taïo moät ñoaïn phim môùi vaø thieát laäp caùc thuoäc tính cuûa noù 1. Choïn treân trình ñôn File > New. Sau ñoù choïn tieáp treân trình ñôn Modify > Movie. Hoäp thoaïi Movie Properties xuaát hieän. Taïi muïc choïn Frame Rate, nhaäp vaøo soá frame chuyeån ñoäng ñöôïc hieån thò trong moãi giaây. Ñoái vôùi haàu heát caùc aûnh chuyeån ñoäng hieån thò treân maùy tính, ñaëc bieät khi chuùng hieån thò treân trang Web, giaù trò töø 8 fps (frame per second) ñeán 12 fps thöôøng ñöôïc söû duïng nhieàu nhaát. (cheá ñoä maëc ñònh laø 12 fps). 2. Ñoái vôùi muïc choïn Dimensions, baïn coù theå choïn moät trong nhöõng tuøy choïn sau: 9 Xaùc ñònh kích thöôùc Stage baèng pixel, nhaäp vaøo giaù trò cho muïc Width vaø Height. Kích thöôùc ñoaïn phim theo maëc ñònh laø 550 x 400 pixels. Kích thöôùc toái thieåu laø 18 x 18 pixel, kích thöôùc toái ña laø 2880 x 2880 pixel. 9 Thieát laäp kích thöôùc trong vuøng Stage ñeå coù khoaûng troáng xung quanh dieän tích caùc maët, nhaáp chuoät vaøo nuùt Match Contents. Xaùc ñònh kích thöôùc ñoaïn phim toái thieåu, canh leà taát caû caùc thaønh phaàn sang goùc traùi treân cuûa Stage tröôùc khi söû duïng Contents trong muïc Match. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 11 GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 1 9 Thieát laäp kích thöôùc trong vuøng Stage ñeán giaù trò lôùn nhaát cho vuøng in ra giaáy, nhaáp chuoät vaøo nuùt Match choïn Printer. Vuøng naøy xaùc ñònh kích thöôùc khoå giaáy tröø ñi leà trang hieän haønh ñöôïc choïn trong vuøng Margins cuûa hoäp thoaïi Page Setup (trong Windows) hoaëc hoäp thoaïi Print Margins (trong Macintosh). 3. Thieát laäp maøu neàn Background cho ñoaïn phim, nhaáp chuoät vaøo nuùt Background Color choïn moät maøu coù trong baûng maøu Background vöøa xuaát hieän. 4. Choïn moät ñôn vò ño trong trình ñôn xoå xuoáng Ruler Units, choïn ñôn vò ño cho loaïi thöôùc maø baïn muoán hieån thò trong cöûa soå cuûa trình öùng duïng. 5. Sau khi xaùc ñònh xong caùc thuoäc tính, nhaáp chuoät choïn nuùt OK. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 12 GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 1 XEM TRÖÔÙC VAØ KIEÅM TRA LAÏI ÑOAÏN PHIM Khi baïn taïo ra moät ñoaïn phim, baïn caàn phaùt noù laïi ñeå xem caùc chuyeån ñoäng vaø kieåm tra caùc ñieàu khieån chuyeån caûnh. Baïn coù theå xem vaø kieåm tra ñoaïn phim trong Flash taïi cöûa soå laøm vieäc hay taïi trình duyeät Web. Xem tröôùc ñoaïn phim trong vuøng cöûa soå taïi Stage: Ñeå xem tröôùc ñoaïn phim baïn coù theå söû duïng leänh trong trình ñôn Control, caùc nuùt trong Controller hoaëc leänh baèng baøn phím. Ñeå xem tröôùc caûnh trong ñoaïn phim hieän haønh, haõy thöïc hieän moät trong caùc thao taùc sau ñaây: 9 Choïn treân trình ñôn Control > Play. 9 Choïn tieáp treân trình ñôn Window > Toolbars > Controller (trong Windows) hoaëc Window > Controller (trong Macintosh) vaø nhaáp chuoät vaøo nuùt Play. 9 Nhaán phím Enter (Windows) hoaëc phím Return (Macintosh). Caûnh chuyeån ñoäng hieån thò trong cöûa soå Movie vôùi soá löôïng frame ñaõ xaùc ñònh cho ñoaïn phim. 9 Ñeå böôùc sang caùc frame tieáp theo cuûa quaù trình chuyeån ñoäng, baïn haõy söû duïng nuùt Step Forward vaø nuùt Step Backward trong baûng Controller hoaëc choïn nhöõng leänh naøy trong trình ñôn Control. Baïn coù theå nhaán phím treân baøn phím. Baïn coù theå ñi ñeán frame ñaàu tieân hoaëc frame cuoái cuøng trong ñoaïn phim, baïn coù theå söû duïng nuùt First Frame hay Last Frame trong baûng Controller. Chuù yù : Baïn coù theå thay ñoåi caùch phaùt laïi (Playback) cuûa ñoaïn phim baèng caùch duøng caùc leänh trong trình ñôn Control. Chuù yù raèng baïn phaûi choïn Control > Play ñeå xem ñoaïn phim tröôùc khi duøng caùc leänh sau ñaây. Xem ñoaïn phim ôû cheá ñoä lieân tuïc : Choïn treân trình ñôn Control > Loop Playback. ♦ ♦ Xem taát caû caùc caûnh trong ñoaïn phim : Choïn treân trình ñôn Control > Play All Scenes. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 13 GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 1 Xem ñoaïn phim khoâng caàn nghe aâm thanh : Choïn trong trình ñôn Control > Mute Sounds. ♦ ♦ ♦ ♦ Choïn haønh vi cho frame actions : Choïn treân trình ñôn Control > Enable Simple Frame Actions hoaëc Enable Simple Buttons. KIEÅM TRA LAÏI ÑOAÏN PHIM Duø Flash coù theå phaùt ñoaïn phim trong vuøng Stage, nhieàu chöùc naêng chuyeån caûnh vaø chuyeån ñoäng khoâng theå hoaït ñoäng tröø khi ñoaïn phim ñöôïc xuaát ra ñònh daïng cuoái cuøng. Baïn coù theå söû duïng caùc leänh treân trình ñôn Control, hay coù theå xuaát ñoaïn phim hieän haønh ra döôùi ñònh daïng Flash Player vaø laäp töùc phaùt ñoaïn phim trong cöûa soå môùi. Vieäc xuaát ra moät ñoaïn phim duøng caùc tuøy choïn ñöôïc thieát laäp trong hoäp thoaïi Publish Settings. Baïn coù theå kieåm tra moät ñoaïn phim trong trình duyeät Web. Ngoaøi ra cuõng coù theå kieåm tra caùc action trong ñoaïn phim duøng cheá ñoä Debugger. 9 Caùch kieåm tra caùc chöùc naêng chuyeån caûnh vaø chuyeån ñoäng Choïn treân trình ñôn Control > Test Movie hoaëc Control > Test Scene. Flash taïo ra moät ñoaïn phim Flash Player (moät file SWF), môû noù trong cöûa soå ñoäc laäp vaø xem noù trong Flash Player. File SWF ñöôïc ñaët trong cuøng thö muïc vôùi file FLA. 9 Caùch kieåm tra ñoaïn phim trong trình duyeät Web ƒ Choïn treân trình ñôn File > Publish Preview > HTML. LÖU FILE ÑOAÏN PHIM THÖÏC HIEÄN Baïn coù theå löu moät file trong Flash FLA, söû duïng teân vaø ñòa chæ hieän haønh hoaëc löu taøi lieäu sang teân khaùc vaø vuøng ñòa chæ khaùc. Baïn coù theå trôû laïi phieân baûn ñaõ löu laïi laàn sau cuøng. Caùch löu moät taøi lieäu ¾ Thöïc hieän moät trong nhöõng thao taùc sau: Ñeå ghi choàng leân phieân baûn hieän haønh treân, choïn File > Save. ♦ ♦ Löu file vaøo vuøng teân vaø ñòa chæ khaùc, choïn treân trình ñôn File > Save As. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 14 GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 1 Neáu baïn choïn leänh Save As hoaëc neáu baïn chöa bao giôø löu file ñang taïo, haõy nhaäp teân vaø ñòa chæ cho file ñoù. 2. Sau ñoù nhaáp chuoät vaøo nuùt Save. Trôû laïi phieân baûn file ñaõ löu cuoái cuøng : Choïn treân trình ñôn File > Revert. CAÙCH DUØNG HOÄP COÂNG CUÏ Caùc coâng cuï trong hoäp coâng cuï cho pheùp baïn veõ, toâ, choïn, chænh söûa aûnh vaø thay ñoåi vuøng xem trong Stage. Hoäp coâng cuï ñöôïc chia thaønh boán vuøng choïn: Vuøng choïn Tools goàm coù caùc coâng cuï veõ, toâ vaø choïn. ♦ ♦ ♦ ♦ ♦ ♦ Vuøng choïn View goàm coù caùc coâng cuï khuyeách ñaïi vaø di chuyeån trong cöûa soå chöông trình. Vuøng choïn Colors goàm coù caùc coâng cuï chænh söûa vaø toâ maøu. Vuøng tuøy choïn Options hieån thò vieäc chænh söûa coâng cuï choïn maø coù aûnh höôûng ñeán neùt veõ cuûa coâng cuï hoaëc treân thao taùc hieäu chænh. Ñeå bieát theâm thoâng tin veà caùch duøng caùc coâng cuï veõ vaø toâ, baïn coù theå xem muïc “Caùc coâng cuï veõ vaø toâ maøu trong Flash”. Ñoái vôùi caùch duøng caùc coâng cuï choïn, coù theå tham khaûo muïc “Caùch choïn caùc ñoái töôïng”. Ñoái vôùi caùch duøng caùc coâng cuï chænh söûa xem tröôùc, coù theå tham khaûo “Vuøng xem tröôùc trong Stage”. Caùch hieån thò hoaëc cho aån hoäp coâng cuï: Choïn treân trình ñôn Window > Tools. Ñeå choïn moät coâng cuï, baïn haõy thöïc hieän moät trong nhöõng thao taùc sau ñaây: Nhaáp chuoät vaøo coâng cuï baïn muoán duøng. Tuøy thuoäc vaøo coâng cuï baïn choïn, moät boä coâng cuï boå sung cho coâng cuï vöøa choïn hieån thò trong vuøng döôùi cuøng cuûa hoäp thoaïi. Nhaán phím noùng cho coâng cuï muoán choïn. Baûng hoäp coâng cuï trong Flash TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 15 GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 1 CAÙCH DUØNG CAÙC THANH COÂNG CUÏ TRONG CÖÛA SOÅ WINDOWS Trong Windows, baïn söû duïng caùc leänh trong trình ñôn phuï Toolbars ñeå laøm hieån thò hay daáu ñi caùc thanh coâng cuï chöùa caùc leänh trong Shortcut bar. Baïn coù theå caát caùc thanh coâng cuï veõ vaø thanh coâng cuï chuaån hoaëc cho pheùp chuùng troâi treân cöûa soå. Cho caùc thanh coâng cuï aån hoaëc hieån thò Choïn treân trình ñôn Window > Toolbars vaø choïn nhöõng tuøy choïn sau: Thanh coâng cuï chính hieån thò thanh coâng cuï chuaån coù caùc Shortcut caùc leänh treân trình ñôn chuaån nhö Open vaø Print. ♦ ♦ ♦ Vuøng traïng thaùi hieån thò qua thanh Status, goàm coù caùc thoâng tin veà caùc leänh vaø nuùt cuûa phím Caps Lock vaø Num Lock. Caùc thanh ñieàu khieån hieån thò treân thanh Controller, giuùp cho vieäc phaùt laïi ñoaïn phim. Di chuyeån thanh coâng cuï troâi trong cöûa soå Keùo chuoät treân baát kyø vò trí naøo treân neàn Background hoaëc treân thanh tieâu ñeà. CAÙCH DUØNG CAÙC BAÛNG Trong Flash baïn duøng raát nhieàu baûng troâi treân cöûa soå laøm vieäc. Caùc baûng naøy giuùp baïn xem, saép xeáp vaø thay ñoåi caùc thuoäc tính trong ñoaïn phim. Caùc baûng trong Flash cho pheùp baïn laøm vieäc vôùi caùc ñoái töôïng, maøu saéc, vaên baûn, Instance, frame, Scene vaø toaøn ñoaïn phim. Ví duï nhö baïn duøng baûng Character cho vieäc choïn caùc thuoäc tính nhaäp kyù töï vaø baûng Frame cho vieäc nhaäp vaøo caùc teân cuûa frame vaø choïn tuøy choïn Tween Options. Ñeå xem danh saùch caùc baûng coù trong Flash, choïn treân trình ñôn Window > Panels. Baïn coù theå hieån thò, laøm aån, nhoùm vaø thay ñoåi kích thöôùc caùc baûng naøy khi baïn laøm vieäc. Ngoaøi ra baïn coù theå hieån thò nhieàu baûng nhö baûng Info, Mixer, Instance, Frame vaø Actions, söû duïng caùc nuùt trong thanh Launcher ôû beân döôùi cöûa soå chöông trình. Baïn coù theå nhoùm caùc baûng naøy laïi vôùi nhau theo caùch xeáp ñaët tuøy choïn vaø baïn coù theå löu caùc baûng tuøy choïn naøy. Baïn cuõng coù theå thieát laäp, xeáp ñaët caùc baûng naøy trôû laïi cheá ñoä hieån thò maëc ñònh (hieån thò baûng Info, Mixer, Character vaø Instance sang beân phaûi cuûa cöûa soå giao dieän) hoaëc xeáp ñaët tuøy choïn khi baïn löu laïi tröôùc ñoù. Haàu heát caùc baûng trong trình ñôn phuï ñeàu coù theâm caùc tuøy choïn boå sung. Khi nhaáp chuoät vaøo hình tam giaùc taïi goùc phaûi treân trong baûng seõ xuaát hieän trình ñôn phuï tuøy choïn. Chuù yù : Neáu hình tam giaùc bò môø ñi thì baûng ñoù khoâng coù caùc tuøy choïn. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 16 GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 1 Baûng khoâng coù tuøy choïn vaø baûng coù tuøy choïn ¾ Môû moät baûng : Choïn treân trình ñôn Window > Panels vaø choïn baûng mong muoán coù trong danh saùch. ¾ Ñoùng moät baûng, thöïc hieän moät trong nhöõng böôùc sau. Nhaáp chuoät vaøo hoäp Close taïi goùc phaûi phía treân (trong Windows) hoaëc taïi goùc traùi phía treân (trong Macintosh). ♦ Choïn treân trình ñôn Window > Panels vaø choïn baûng muoán ñoùng. ♦ Nhaáp phaûi chuoät (trong Windows) hoaëc nhaáp phaûi Control (trong Macintosh) vaø choïn Close Panel trong trình ñôn ngöõ caûnh. ♦ ¾ Môû hoaëc ñoùng baûng duøng thanh Launcher: TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 17 GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 1 Trong thanh Launcher, nhaáp chuoät vaøo nuùt trong baûng Info, Color Mixer, Character, Instance hoaëc Actions. Chuù yù : Baïn coù theå môû hoaëc ñoùng cöûa soå Library hay Movie Explorer baèng caùch d