THE GIGI BO HOA COU eae CCT) - 7: TU HOC i) _ Bang hinh anh mr tas SU ® DO Gay Ca CdTHE 6161 D6 HOA BAI TAP THUC HANH FLASH 5.0GIAO TRINH THIET KE WEB: PHAN THUG HANH - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH GIGI THIEU TU sach STK chUc mung cac ban dén vai Thé gidi dé hoa qua chuong trinh Flash 5.0, mét trong nhiing chuong trinh méi va day quyén nang khdng thé thiéu duge déi vdi cac nha thiét ké web chuyén nghiép cla cong ty Macromedia. Tap tin thiét ké khi luu sé co kich thude nhé, do anh Flash vé dya trén anh vector. Ngoai ra mot uu diém nia cila Flash la : Né cé thé dua ra nhiéu tiéu chudn khdc nhau, day cling la rao chan trudc day khi phat trién Web, do két qua thiét ké cdn tudng thich vdi nhiing trinh duyét khac nhau. Vdi cdc modun cia Flash (86i khi con goi fa cdc plug-in) cdc ban sé cé kha nang tao trang Web phu hop cho moi trinh duyét. Flash con cho phép cdc ban tao ra kha nding tuang tac gifa ngudi dung va méi truong bén ngoai dude kiém soat, ban cé thé tao ra cdc nut diéu khién cho mot kich ban Web Mét sé chifc nang cila Flash lam tang thém s/c manh cho chuong trinh nhu kha nang thich hgp va tuong tac dé dang véi HTML, JavaScript va VBScript. Viéc lap trinh Script vdi Flash cho phép ban dap ung day di cdc yéu céu ti trinh duyét hay cdc phan tl HTML tren mang. Céc tap tin Multimedia dugc Flash nén va tai xudng rat nhanh va bat ky noi dung nao dugc tao ra tu Flash déu cé thé xudt dudéi dang Multimedia dung trén web. Bé cung cap thém tai liéu hoc tap cho cdc thay cé, sinh vién va tat cd ban doc quan tam dén cdc chuong trinh thiét ké web vdi su tro gitip cla cla may tinh, Tu sach STK han hanh gidi thiéu dén ban doc quyén sach “BAI TAP THUG HANH FLASH 5.0 " day la cuén sdch dude trinh bay rat tryc quan théng qua cac hudng dan tling budc, bang cach cat hinh Anh truc tiép tu man hinh may tinh, nén ngudi sit dung rat dé thc hanh va Ung dung trong thyc tin. Véi cdc ban muén di sau vao [nh wc thiét ké Web va lam anh dong phuc vu cho giang day cac ban cé thé tham khdo thém cac tai ligu sau, xuat ban trong quy 2 nam 2002 * GIAO TRINH THIET KE WEB TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH-PHAN CO BAN * GIAO TRINH THIET KE WEB TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH-PHAN NANG CAO + THIET KE MO HINH DONG PHUC VY GIANG DAY VA QUANG CAO V6I MACROMEDIA FLASH 5 + CAc CONG CY Hd TAG THIET KE WEB, Hd TRO BAN BOC: } trd gitip hon nifa, ban c6 thé lién lac dé! thudt cia Ti sdch 6 bat ctf noi dau theo cde céch sau : hd tra ky Hé trg qua dign thoai : Goi sé (088334168 hay 0903728344). Khi goi vui long 4 bén canh may tinh ma ban can giup dd (Xin dling hdi qua duéng nhan tin). Hé trg qua dia CD-ROM : Tat cd séch do ti sich STK dn hanb tf nam 2002 td di kém theo dia CD-ROM uf hoc vdi nhigu hinh anh minh hoa cing cdc phim minh hoa rat sinh dong. ban co thé giti buu phiéu 20.000 ding sé nhan dude dia qua duiing bu dién, Nu ban dat sach qua duding but dign vai dia chi cho 6 d46i theo gid bia, ti sich STK si CD-ROM nay ma cdc ban khng phdi t6n thém bat ky chi phf ndo nhin dip ky n thanh lip th séch. iri ding dia I nam KY su: HAM QUANG HUY 290 BIEN BIEN PHU - QUAN 10 TEL : 0903728344 - 088334168 Fax : 088334168 Voi dia CD-ROM thu hién diu tién nay vdi thdi gian va kinh phi han hep chi nhiéu thiéu s6t vé my thudt va ky thudt. Rat mong su dong gép cla cdc ban dé dia ngay cing hoan thién hon. con ratGIAO TRINH THIET KE WEB : PHAN THUC HANH - TU HQC MACROMEDIA FLASH 5.0 BANG HiNH ANH MUC LUC GiGi THIEU MACROMEDIA FLASH 5 GIGI THIEU TU SACH STK myc Luc BAI TAP 1: TAO CAC BOI TUGNG CO BAN TRONG FLASH 5 BAI TAP 2: TAO CAC NUT DIEU KHIEN BAI TAP 3: LAM QUEN VGI MASK LAYER BAI TAP 4: THYC HANH VOI GUIDE LAYER BAI TAP 5 : TAO BONG HO CHUYEN BONG BAI TAP 6 : TAO RA CHU VIET BAI TAP 7 : TAO MENU POP-UP BAI TAP 8 : TAO BO DUNG CY TRONG BAI TAP 9: TAO KY TY B61 MAU BAI TAP 10: CHIEU PHIM BAI TAP 11: THIET KE TRANG WEB BAI TAP 12: DUYET ANH Trang gidy phép oa on 31 58 70 76 88 WwW 124 136 143 168 190 208GIAO TRINH THiéT KE WEB : PHAN @AITAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH TAO CAC DOI TUONG CO BAN TRONG FLASH DE lam guen vGi ede ACI ting trong Flash, trong bai Hip ny ede ban sé dling ede eng cy eof bin phat trong Flash dé tao ra ede déi tweng hinh hoc nh hind tron, inh vedn, gide, van bain vv. ¢ UO) 1uung nay phai chuyén cong hinb tam ma tro ons fe hi chi | | | \ i S| || \ | } Céch thie hién nhu sau: 1. Khéh dong ehicing trink Flash § 2. Chon trén inh dkin Modify > Properties Movie dé chon kich thute cho, doan phim. Cée mue wong | SERIES hp thoai Movie Propertios a Cancel chon ede gid 16 nhe trong hinh “es sesedicbat ben, Match Chon xong nhiip OK, | cligeupltiie, | aetunis [Fase] se 3. Sau dé yong min bink Lim vice ctia Flash, ban chon uty vink den View > Rulers hay Gad ~ ’ nhip chon wen van phim 3 hyp phim Ctrl + — |__Svides : Alt + Shift + R dé mé hai thanh thie xudt | ¥ Snap to Objects hin trong giao dign. 4. Virong bai tip nay, chang ta chi tam viec | Timeline ChleAlT voi cde adi tung co ban thdi. do dé ban cd ERE PU thé gidi han ving lim viée Jai a€ thuan én |S uters ae eran lam vige hon. Guid , | Guides » Ban hfy chon rn tink den View > Work — | Area dé uit ché dé Work Are di. [pe Snmoskeiebiens Per Shaee Luu y : Khi ban khdi déng Flash. theo mac dinh ché ¢6 Work Area ludn ludn xudt hign. 5GIAO TRINH THIET KE WEB : PHAN BAIT, WHOS an phai ddim hao ring giao dién cua ban 19d ch G6 Zoom 1a 100% bay wits da BE biel due didu nay, ban e6 thé nhin tai yoe trai duddi ong giao d chi sé Zoom od phai | 100% hay khong. Néu ehi sO nbo hen bun phai nhap chudt yao trinh dim doc gé chon lai U le 1a 100% 6 Sau dé ban choo vép wén tinh den View > G thi khung Luci trong giao dign | Guides Snap to Grid Edit Gui. tele Shi Cie Ati+& | v Snap to Objects CtleShifts? 7. Trude khi bit dau vé doi uyng, ban edn phadi xa dinh viti vé cho dGi tfgng. Ban bor wen tinh dun View > Guides > Edit Guides dé higu chinh miu cho duting Guide v Rulers Ctrb+Alt+Shilt+R Grid » ME) Show Guides cure | Lock Guides Cil+Alte: v Snap to Guides CtrlShitts: Show Shape Hints CtrlsARsH Oa 8. Duting Guide 13 duting ban tuo ra dé biét dyve chit v Snap to Objects Ctsl+Shilte/ h xde vi iri dgt eda adi wong. Theo y (Green) vi vay mat nhin cb thé khi hon may khiie cho miu etia ede duding mde dinh ede dung Guide nay e6 ovau xanh ki cd thay. Do dé khi bun chon Jénh Edit Guide 1a dé Guide. Trong hép thoai Guides, ban nhip chudt vao hop mav Color vii chon mt min xunh dung (Blue) tai dong 3 e6t 3 tif wai sang hode chon si miu Hex 1a HOOOOCC. Sau dé nhiip chudt chon ngt OK Show tudes F Snapto Guses T Lock Guides Noval Save Detau Snap accuacy, 9. Ding con tnd kéo tie wen thanh thude nlm ngang va kéo busing xudng duiti diy giao diem tao duan Guide ngang (Hinh sd 1). Kéo sao cho duting Guide ngang na mite vach 50 trén thanh thude ngang (Hinh sé 2), dép bang 6GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 10. Sau d6 kéo con tré ti thanh thude doc bén trai sang phdi (Hinh so 1) dat dn gid tri 50 trén vach thanh thude ngang difng lai (Hinh s6 2), 11. Bay gitt ban bdt dau vé doi tung trong ving Iwéi. Chon oa dng cu Oval Tool trong hép cong cu bén trai giao dién fo, # [Bval Tool (0) ee 4O 12. Ban dat con trd sao cho né vudng géc vdi hai duting Guide vira tao va bdt diu nhip chudt kéo xuéng dudi sang phai. Trong khi nhip chudt kéo chudt kéo sang phi ban nén nhdn gid thém phim Shift dé tao mét hinh tn hodn hdo ahu vi dy bén dudi Nap chudt vao giao diém cla 2 dudng Guide va kéo xudng sang phaiGIAO TRINH THIET KE WEB : PHAN BAI TAP - TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 13. Bay git d6i tudng cia ban sé gidng nhu hinh ben canh sau khi nha chudt ra, Sau d6 nhdp chudt chon lai cong cu Arrow Tool tong hop cong trai giao dién R ‘Anow Toot] aA oa PaG ee 15, Sau dé ban kéo thém 2 duding Guide nif. Céch Lim tueng ty nh ban a lam cho 2 duding Guide true d6, sao cho hai dung nay chia duving tron thanh 4 phan déu nhau.GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 16. Nhdip chude vio diu edng bén dui Layer trong thanh thude Timeline dé tao thém mot Layer nifa, c6 tén chon trén trinh don Insert > Layer dé tao mdi mot Layer. Nhdp chudt vao Keytrame thif nhat cia Layer2 nay dé chon. a Layer2. Ban cing cé thé oe TTlinsertavere . )t09. [159 17. Sau dé ede ban ding cong cy Oval Too! dé vé thém mét vong tron ahd nifa. Thao tde tuding ty nhuf cach tao ra vong tron Idn da md ti & én, Sau dé nhaip chudt vao vong tron nhé va di chuyén it trén né vao trong géc phan tu thi nl cing, nbu hinh bén. ™ 18. Bao dim ring vong tron nhé dang duve chon, e6 té vién cham chim, Sau dé ban chon trén trinh dun View > Copy dé sao chép ving tron ahd nay. 19. Do ban mudin tao ra 4 vong tro nim wen 4 gée phan ty cila duding trdn tn, Do dé ban tao thém 3 Layer nifa, Sav khi ban tao ra duge Layer th 3, ban nhdp chudt vio keyframe thi nhat tren Layer3 va chon trén trinh dun View > Paste dé dan vong tron ban vifa sao chép trén bude vita thufc hién vao trong keyframe thif nhat ctla Layer3. Sau 46 ban di chuyén vong tron nhd nay vao bén wong gée phan tw thi hai nhu hinh bén dud.GIAO TRINH THIET KE WEB : PHAN BAI TAP - TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 20. Céch tao mdi cho 2 Layer cdn lai thye hién twong ty nu di lam 4 trén va di chuyén nhiing vong trdn nhé sao cho ching cin xting teén vong tron, tung ty nh hinh bén dudi. Luc nay trong biing Layer, ban sé c6 5 Layer tong ting cho 5 vong tron. Bon vong tron hd xudt hig lai 4 géc eda vong tn Ian. Chi ¥ + Cée vong tron nhé chi nim én Layer2, Layer3, Layerd va LayerS. Do dé khi ban thao tde trén ede vong ron nay sé khong Lim nh buting dén vong trbn Idn nim trong Layer. = [/ CS } SS ()) “Tea Ba (29, 4 wr N90 108 a 21. Bay gitt ban hay nhap chu6t vio keytrame thi nhat cha Layer2, sau dé chon cdng cu Paint Bucket Tool dé 6 mau cho d6i tong (vong tn nhs tht dha). Sau dé nhap cong cu Paint Bucket Tool vio trong vong tron nay. Lule nay vong tn sé cé mau do mau ban chon ban dau. Paint Buckel Tool IK] yg J Nhdp chudt chon céng cu Paint Bucket Tooi trong hép céng cu bén trai giao dién Fe ele LAPD DOO] Bi tugng truéc va sau khi dugc té mau 10GIAO TRINH THIET KE WEB : PHAN BAI TAP. HOC MACROMEDIA FLASH 5.0 BANG Hi an dé ban ahdp chudt vao hOp miu Fill Color dé chon mot miu 16 khde cho vong tra pho thet hai. Cé thé ban chon mau hat ky nhung ditng chon mau gidng nhu mau da t6 cho vong tron thi nat. Suu dé nhap chudt chon vong tron tht hai va t mau cho vong tron nay. Caich thye hién aging wf nhuf han d& Run vita ri cho vong won thit nba Ce L 23. Sau dé ban chon mau khiie néfa dé 16 cho Vong tron nbd the? ba va thif te. Cach kim tung Uf nh ban da thye hién cho vong tron thi nhat va thi hai. Bay pits ban da 10 xong 4 mau khde nhaw cho 4 yng trdn nhs, 4 di tuong 6 4 mau 1d khde nha 24. Bun nhdp chudt chya keyframe thi nhat cla Layers. nGIAO TRINH THIET KE WEB : PHAN BAI TAP ~ TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 25.Sau d6 nhip chudt —-vao keyframe 30 va nhan phim F6 dé thém van nhiéu keyframe trén Timeline. Ea asol LP Layers oe Ol D Layer 3 | D Layer 2 oe D Layer a | Bf a 27. Ban thy hién wong ty nhu vay ¢ ado ue) OF Layer 5 - + Bil. Q Laer tb D Layers lh CD Layer 2 Biase pe fieawe [ee Nhdn F6 dé thém keyframe cho Layers O Layer? DP Layer! Bo [a0 [aon [ee Them keyframe cho Layer3 12GIAO TRINH THIET KE WEB : PHAN BAI TAP ~ TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH Tném keytrame cho Layer? Théin keyframe cho Layert 28. Bay gif tao duting 29. Sau db nhiip phali cha% t audit hién dutiag chuyén ¢ chuyén déng cho Layer? bing céch ahdp chudt td lai keylrame tht nat eda Luyer2 dé chgn ns, n binh doa Context, chon Lend Ceeate Mation Tween dé lam otis ede Frame. — le es: Insert Frame __ Remove Frames F re oN seal DGi tuong seu kni chon énh Create Motion Tween 13GIAO TRINH THIET KE ‘NEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 30. Nap chudt vao keyframe cudi cing trén Layer2 va nhip phai chudt chon tiép Iénh Create Motion Tween cho keyframe nay. Remove Frames 0 g00 250900350 Nhdp chudt tai keyframe cuéi cling va nhdip phi chudt dé chon \énh Create Motion Tween trong trinh don satan) | 4) in|) el C2) 20 [120% [ 24s“) Fhe 2PO a LPP, ne 1990, FSD 1 19 Déi tugng trén Layer2 sau khi chon lénh Create Motion Tween cho keyframe cudi cing 31. Thue hién viée tao duting chuyén dong tong tw nh di 1am wén Layer? cho Layer3, Layer4 va LayerS. Laie nay ban sé e6 mot day chuyén dong nhu hinh bén dud aao D Layer 4 +O D Layer 3 i OD Layer 2 a] D Levert _-/ DB a 3 [teams [Bs 32. Sau dé ban sé tao nhing bién déi mau én Layer2 va Layer4. Trude hét ban thuc hién trén Layer2 bing cach nhap chudt tai keyframe so 10 wén thanh thudc Timeline tai © mot keyframe tén chudi frame nay. a 3 D Layer5 D Layer 4 O Layer 3 Layer gil. te ||) el) om) cle [reo [oes 14GIAO TRINH THIET KE WEB : PHAN BAI TAP - Tl’ HOC MACROMEDIA FLASH 5.0 BANG HINH ANH all. 8 [Lt] salsa) tel calf te [reds [oes Layer2 sau khi nhéin phim F6 tai frame thu 10 33. Ban chon tép tai keyframe sé 20 wén Layer2 va phan phim F6 dé chén vao mot keyframe tai frame thit 20 nay, [> [eins Fae Layer2 sau khi nhdn phim F6 tai frame thi 20 34, Bay gid muc dich cla ban 1a tao cho vong tron bién dédi wre mau nay chuyén déi gang mau khde, Ban hiy nhép chudt tai keyframe thé 10 trong Layer? dé chon no, Sau 46 chon trén trinh dun Windows > Panels > Effects dé xudt hin bang Effect. Tai day ban nhap chu6t vao trinh dan doc trong bang va chon muc Tint. (Mead Slr Sogi tenes LS Nove z Prhiness Torco i Ap [ TTA ao2 Advanced, — 35. Tai day, ban nhdp chudt vao h6p mau Tint Color dé chon mau cho déi urng. Khi chon mau ban nén chon mot mau khéc vdi mau ddi tng ban dau. Do ban muén tao ra hiéu ing déi mau 15GIAO TRINH THIET KE We! HAN BAI TAP — TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANIT 36. Sau U6 ban lam wong wf ahi ro keytrame cudi cling cho Layer? nay. g bude 35 kh chon miu ti keyframe thit 20 va Céeh faim bign d3i mau cho Layers cling wing ty bt bun da lam cho Layer2. Vay bily gist ban di ed 2 Layer bién 46i mdu. Con tai Layer} va Layers ban dy thyfe hién nhit sau: 38. Ban hay nhap chuot vao keyframe tht 15 ten Layer}. sau 6 nldin phim F6 dé chen them keyframe vio JOP Layer 2 39. Van chon tai keytrame the 15 én Layer} nay, nhap ehudt chon eding cu Arrow Tool tn thanh eng cu va chon cding ev Seale tong hdp cOng ey b6 sung Options. 40, Lie nay ban sé nhap chudt vie doi wong va kéo ede handle déu khicn xt d6i tung tai MOL Ade Nav do dé Lam cho Kich the Joi utuny nko lai tt hign wen Cha § = Bun phai higu chinh cade vim cba nhting handle say che cht Guideline ma ban di tao ra. udng goe vii cie duting 6GIAO TRINH THIET KE WEB : PHAN BALTAP - TY HOG MACROMEDIA FLASH 5.0 BANG HiNH ANH B6i tuong trong Layer truée va sau khi kéo cac handle erS con lai ban cin: 41. DOI vi La lam tung wf nhuf ed thao tc ma ban da lam cho Layer3. Vi mong mudn 1a ban sé tao cho Layer3 va LayerS phéng to thu nhd déi nftng, khi ching dién hoat trong Flash Player. as g D a Bi twang trong LayerS trude va sau khi kéo cde handle 42. Bay pitt ban ¢6 thé thi xem doan phim cia ban vila yo dién hoat nbu thé nao bang cach chon trén trinh don Control > Test Movies. 7GIAO TRINH THIET KE WEB : PHAN BAI TAP - Ti HOC MACROMEDIA FLASH 5.0 BANG HINH ANH Control Window Help Play Enter Rewind CuteaiteR Step Forwar Step Backward ‘Debug Mavi 7 chl+ShiftsEnter Test Scene CUlAlt+E nter 43. Liic nay ban sé thay 2 vong tron nim ngang sé phdng to thu phd, crong khi dé hai vong tro nhé thing ding s 44. Nhdp chudt vio nut Close trong Flash Player a€ trd lai moi truding lam viée Flash. 45. Do ving chinh giifa tim cla vong tron Ida con trong, ban 6 thé tao thém d6i tugng tai tam ca vong tron Idn nay. Bay gid ban chon trén trinh dun Insert > Layer dé thém vio mot Layer nifa c6 tén Layer6. Tai keyframe thif nhat cia Layer6, ban hdy chon cong cu Line Tool dé vé m6t tam giée nh hinh bén eanh, [eR — 4lr | {Line Tool fo 46. Sau dé nhap chust tr lai chon cong cu Arrow Toot va nhép chudt tiép vao trong keyframe thif nhat tren Layer6 dé chon toan bé hinh tam gide vita vé va di chuyén tam gide nay vao tam eda vong tron In. 18GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HiNH ANH 47. Bao dim ring ban dang chon key chon lénh Create Motion Tween [D Laver Insert Frame D Layer 3 a Remove Frames —T) eae ~ Insert Keylrame Ea Be Insest Blank Keylrame 4 frame thit nhat cba Layer6, sau dé ban nhdp phii chadt rong tink den Context cho keyframe thi nhat nay. TOO) 48. Tiép dén ban nhap chudt vao ke frame cudi cing (keyframe 30) trong Layer6 ny va hap phai chudt chon Iénh Insert Keyframe ¢6 trong tinh dun Context. ad D Layer 5, a D Layers ++ O | Layer 3 | BD ayer 2 a | a ee) #) alo) a) col ter Nhép chudt vao keyframe cudi cling trén Layeré a@ao so eo 2 SoD Create Motion Tween Insert Frame a o a a 4) al) Remove Frames | ca Toles [ 2a 4 Insert Blank Ke} Chon lénb Insert Keyframe trong trinh don Context 19GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH D Layer 5. Disat oI D Layer d a Layer 2 + g|,___..- +e 2 alla) all ol ol) Jeo fee ce + ‘Chudi frame trén Layer6 sau khi thuc hién cac lénh dé tao dudng chuyén déng trinh don 49. Ban hay nhap chudt ti lai keyframe thé mhdt wen Layer6 vi chon t Windows > Panels > Frame dé xudt hién bing Frame. 50. Trong bing Frame, nhdp chugt vao trinh don Tweening chon la Motion. Sau 46 ban chon muc Easing 12 29, myc Rotate 1a CW — 2 times va nhap chudt chon cde mye khde con lai nhu hinh bén dudi TJs TO Frame [Ge Sou TE Jetied wef Tweens] tain sae xing [Joa owe [Eve] [FF nes Options FF inane path FF Svshonoe KF Snip aT weef over te se Neve 7m 51. Chon trén trinh dun Control > Test Movie dé xem trude doan phim dién hoat trong Flash Player. Ban ¢6 thé thy nhing thay di khi ban nhin d6i tung tam gide xoay xung quanh cde vong ton 92. Bay gid ban hay ird lai ving lam viée Flash, bdo dim ling ban dang ¢ keyframe thi Ong cu Arrow Tool va nhdp agp chudt vao déi ting tam nhat trong Layer6. Bun ding gide nay. Sau d6 ding cong cv 13 mau Fill Color dé t6 mot mau cho tam gide nay. Luu y ring maa ¢} cho tam gide nay da dude chon ri, c6 mot mau khde. 20GIAO TRINH THIET KE WEB : PHAN BAITAP - TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 53. Sau dé nhéip chudt vio ving Scene | ta trang thai ving giao dién ban dau trong Flash. Ban co ¢ dé xem lai doan phim vita tao xong. a |) abe) a ca [naa son ltO0 cs 1180, J200.0 [280.300 Déi tygng tam giac dang dign hoat trong Flash Player sau khi t6 mau 54, Bay gid ban sé thém mét Layer mdi nifa dé tao ky ty xoay trén Idp Layer nay. Chon trén inh dun Insert > Layer va Layer mdi nay cé tén 1 Layer7. Sau dé nhifp chudt tai keyframe thi nhat trén Layer? 55. Chon cdng cu Text Tool trong hOp edng cu ben tdi giao dién dé nh4p ky wf vio trong lép Layer7. Tiép dén ban nh&p chuét vao trong ving giao dign va-nhap vao dong ky tw “Tam Gide Xoay” nhy hinh bén dui. atGIAO TRINH THIET KE WEB : PHAN BAI TAP - Ty HOC MACROMEDIA FLASH 5.0 BANG HINH ANH. | [Tarn Giatie Koay 56. Chon trén trinh din Windows > Panels > Character dé hién thi bang higu chinh ky ww Character. Tai day ban nhap chudt vao trinh den doe Font dé chon kiéu font mong muén cho ky tu. i du chon kiéu font VNI-Ariston. Times New Roman MT EwraGok Times New Roman Trebuchet MS Verdana ISCItSample Font | Vivian YNawant Navan Viiedrost ViBediockHt ysieth yGexhiy sreivet yeeiveiet vii _ 57. Tai muc chon kich thuée cho ky ti, ban chon bang cdch nhap vao gid tri kich thyde cho ky tur la 32 hode nhiip chugt vao con trugt dé xée dinh gid tri nay. Ban cng e6 thé nap chudt vio hop mau bén phdi trong bing Character dé chon mau cho ky ty. \ Ky ty sau khi chon thuéc tinh trong bang Character 5k. Ban nhap chudt vao cong cu Arrow Tool dé chon né va ban sé thily ky ty xuat hién tong giao dién nhu sau hs Tool) aA 22GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH iso 00, i209 4250 [300 ls50 500, Fam Gite Hoay)| 59. Nhap cl phi ch Ky tu sau khi nhap xual hién trong giao dién hudt vao keyframe th nhat trén thanh thude Timeline trong Layer, Sau dé nhap ut va chon 1énh Create Motion Tween trong tinh din Context. D Layers _- Insert Frame a (9 bauer oe Remove Frames | oe a \| —-—-_____} 60. Bay gid ban nhdp chudt vao keyframe cudi cbng trén Layer7 va nhap phdi chudt chon lénh ta 61. Sau a6 phim Fi i Insert Keytrame 6 trong trinh den doe Context. Create Motion Tween Insert Frame ‘alfo [eow Pee a eve Frames [900 1528.1" insert Blank ny nhap chudt vao keyframe thi 15 (én thanh thuée Timeline trong Layer? va nhan 6 dé chén vao keyframe trén Layer nay. D Layer 6 Oo Dtaes - aL dl FD | aver arn) oe @ [fi ale) dimers ay] Nhdp chudt tai keyframe thy 15 trén Layer? 2362. Bay gi ban dang 6 wén keyframe thi 1S trong Layer7, nhap chudt vao chudi ky ue va di chuyén (ding ede phim mai tén trén ban phim) n6 dén 1am cha hai dudng vudng goe do 2 duting Guide tyo nén trong phan thy bién da Uién sao cho dm khai bdo Uhinh dau cong ) etia ky ty tring n cla hai dutmg vudng g6e. tai 63. Dé thy rd khi nae thi diém Khaj bio tring vidi tam ella duting Guide, ban ed thé ding céng cu joom Tool trong hép cong ey va chon Ia Zoom (4) ban dui cng cu Zorn, | 100 fig Diém khai bao 8 ché 46 ptténg dai sau khi di chuyén chinh x4c dén tam cla 2 dudng Guide 24GIAO TRINH THIET KE WEB : PHAN BAI TAP ~TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 64. Bio ddm ring vong ky ww duye chon, sau d6 ban chon cong eu Arrow Tool va nhdp chudt chon edng cu bs sung ha Seale tai vimg Options ngay bon dui i ~ | hép cong cu Arrow Tool, Lic nay ban sé k6o cae handle taj ede goe abd lai. Kéo handle tai mét adc dé thu and doi tueng 65. Tyi keyframe thi nhdt, nhdip chudt chon wen tinh don Windows > Panels > Frame, sau dé ditt ip thude tinh trong bing Frame cho ddi tugng nhut mue Tweening chon Motion. Easing chon gid tri la 10, mye Rotate chun lénh CW e6 tong winh dén dye va nhap cn lai chon bet nb trong hinh minh hoa ben egnb 4 wi 1 vao hop times. Céc gid tri Khe Nhap chudt tip tai keyframe thit 15 wén Layer?, ban cing chon cle thude tinh wi bang Frame aku hinh bén cho keyframe nay > z 2s (Frdna) Fo rove cod Jed © vat ‘weening [mous] Seale eseny-fid Jon Dpncns: FF Cent apathy chucmniae FA, Snap inst 2 wt Tweens fiowm ca) Fi Seale Easing [TE eJoue rats [Ev Le] [Famer prions: FZ) erent to path FF sirehrenize FF snapGIAO TRINH THIET KE WEB : PHAN BAI TAP ~ TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 67.Sau dé ban nhip chuét chon trén trinh don Windows > Panels > Effects, cing tai keyframe thit inst] TE) Freie Sou = ep) 15 wen Layer7 nay. Trong bing Effect , chon muc Tint va trong hdp Tint Color chon mét mau mdi cho d6i tung. Myc dich 12 ban mudn tao déi_ wong chuyén dong xoay két hop vai hién wang bién d6i mau trén di wong, 68. Sau dé ban co thé nhdn phim Enter dé xem trude tai giao dién Flash. Cac déi tugng dang dién hoat tai keyframe thi! 18 trong Flash 69. Dé test lai doan phim, ban v6 thé chon wén tinh dun Control > Test Movie dé xem true doan phim cla ban dién hoat wong giao dién Flash Player. ove ont ev é J 5 Gia 6i tugng dang dién hoat tai giao dién Flash Player Ban da vita lam quen véi cic cong cu ed ban dé tao chuyén dong, bién déi hinh dang ‘i tung trong Flash, Dé biét thém chi ti€t d6i vai tig cdng cu, ban c6 thé xem phan ly thuy¢t. 6 phan bai tap, ngudii viet chi tinh bay ngdn gon cich chon va cach ding cho ting cong 26AO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH cu én ting d6i tung. Ma cy thé trong phin bai tp nay [a cach chon cdc edng cu Arrow, Oval, Line, Paint Bucket, Text va Zoom (Zoom +) va cde bang Frame, Character. Cae d6i wgng [a duge chon é€ dién hoat 1 hinh ton, hinh tam gide, ky ty. MAi mat bai tip 6 tic dung khdc nhau, trong bai tip 4 én ban c6 thé lam mét bai tap nhé tung ty nhu co thé tao ra tin hiév dén giao thong, gdm co dén dé, dén vang va dén xanh. Cae déi tong 1a hinh tron va cheyén déi mau trén d6i tuyng. Sau dé sip xép cdc frame sao cho hyp ly. Vi du, tie dau 12 tin hiéu dén d6 sau dé mét vai gidy dén tinh hiv dén vang va cudi cng 1a tin higu dén xanh va vong lp trd lai fa dén dé. Anh tu trai sang: Hinh 1 chi c6 dén dé sdng, hinh 2 chicé den vang sang va hinh 3 chi cé dén xanh sang 00e@ Céch tute hign nlut sau: 1. Trudie hét ban hay tao ra 4 Layer ed tén 1a Khung, Den Xanh, Den Vang va Den Do bing c&ch chon trén trinh dun Insert > Layer sau dé nhdp dip chudt vao ving tén 8 site én Layer mac dinh lai. Va et nhut thé ban tip tue tao thém 3 Layer nia. 4 Layer vita tao xong 2, Sav d6 ban nhdp chudt vao keyframe thit nhit trén Layer Khung va chon cong cy Line Tool trong hp cng cu dé vé khung hinh hop bao quanh cae bong dén. Ban $udn cho hién thi khung ludi bling each nhiin phim Ctrl va det phim + 27GIAO TRINH THIET KE WEB ; PHAN BAI TAP - TU HOC MACROMEDIA FLASH 3.0 BANG HINH ANH 3. True khi ve ban hay xde dinh mau 18 dé 13 cho d6j tuygny bing edch nhép chudt vao céng cy Full Color wong hdp cong ey va chon mau t6 fi mau xm ding hdag the Guidi bang miu d€u [én, ohat trong cOt thi hai t Chon mét mau té cho | 661 1vong #FFOO00 4. Sau do ban nh@p chudt vao keyframe thi nhat tn Layer Den Xanh, nhip tgp chudt chon céng cy Oval Tool wong hop cdng cu bén wai giao dign d duting won. Trong khi kéo chudt vé ban hay nhdn phim Shift dé tro ra dubng tran c6 dd ton hoan hao, 5. Trong khi déi tugny vita tao xong dang duvse chon, hyn hay nbsp chudt wen wink don Edit > Copy. Sau d6 nbsp chndt vio keyframe thy nhat trén Layer Den Vang va chon lénh Edit > Paste dé dén déi uiing 7 | ay vao trong Isp Layer Den Vang. Sau dé | i ____] ban si dung cde phim wii tén wen ban phim dé di chuyén ai tong nay vao vj tri thich hgp trong khung 28GIAO TRINH THIET KE WEB : PHAN BAI TAP - TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANH. 6. Tiép dé uhdp chudt vac key!rame the ahi a er trén Layer Den Do va chon Ie | Paste dé dan didi uigng may vao wong kip © | Layer nay. Sau di ban eiing ding ede phi | iii tén yén ban phim dé di chuyén doi | Wing vio vi ti thich hup trong khung. Bay oO gic ban oo thé di chuyen d chinh vi | thich hup cho ede bong dén n’y nim thich \ } hop trong khung. | | I 7. Ti€p d&n nhap chudt vao keyframe thi 60 wén Layer Den Do va nhén phim F6 d& tao ra cde keyframe bé sung trén Layer nay, DD Dear [Dom Cac keyframe duige thém vac trong Layer Den Do 8. Bun ap dung tip we bye 7 cho Layer Den Vang, Den Xanh va Layer Khung, Lite ay ban d4 cd mot chyi keyframe duve bo sung vo trén ede Layer sD [ g Donde Den vans + ol a a CenXanh os : Ee fe) Se) GY 0 fons | oe Vé co bain cdc keyframe d& duge bd sung vad trong cde Layer ae chust vao keyframe thif 20 wén Layer Den Do va nhdn phim Ao frame ndy. Trong Layer Den Vang, ban edng ahiin me that 35. 9. Sau dé ban nhay chén thém mot keytrame phim B6 utdng ty tal keytiane thi 20 vi keylrs 29GIAQ TRINH THIET KE WEB : PHAN BAITAP - TU HOC MACROMEDIA FLASH 5.0 BANG HINM ANH so ce | iH Den Verg oO abl kung tt el we a 41, Tai keyframe thit 35 wen Layer Den Xanh nay ban chon cong cu Fill Color (cdch tue hién (Weng tw nh bude 3) va chon mau xanh dding hing thi hai wong eGt tht [4 tif tdi sang eda bing hop chon mau nhu hinh bén can. 12. Sau dé ban wt lai keyframe thif phat trén Layer Den Do va chon edng cu Fill Color, Chon miu dé tai edt amt what hang thi 7 ti wai sang wong bing hop mau. Déi voi keyframe cudi cing » Layer Den Do ban chon mau dé tuuay ty cho keyframe cudi cong nay (keyframe 60) teor 13. Ban twit lui keytrame thit 20 én Layer Den Yang va chon cng cu Fill Color, Chon miu ving tai cot thif hai hing thi 7 trong bang hop mau Th a 14. Bude cudi cbng. ban chon trén tinh dun Control > Test Movie dé dif hoat va kidm tra doan phim tron cia doan phim ban vita tac tai day. g mi trutsng Plush Player. Bay gifs ban sé tH 'y duve kel quaGIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH TAO CAC NUT DIEU KHIEN doan phim Cach thie hign nhu sau: ‘Trong phan thuc hanh nay, ban sé tao mot sO nut diéu khién cae ché dd dién hoat cba Khdi dong chuting trinh Flash 5.0. Chon trén trinh don File > New va dat tén mai cho file nay 1 Nut Dieu Khien. Chon trén trinh don New > Symbol, trong hop thoai Symbol Properties nhiip vaio myc Name 1a Nut Dil va trong muc Behavior chon 1a Button. Sau dé nhip chudt vao nut OK. ies Behavior: Movie Cho © Sunori © Graphic Nhip dup chugt vao ving tén Layer va dat tén cho Layer nay 1a Layer Vien Ngoai. Dang cing cu Oval Tool trong hop cOng cy va vé vio trong vang lam vige tai tab Up nut won nhd c6 mau 16 1a mau den, ip chuot tiép vao tab Over va nhdn phim F6, Sau dé chon mot mau t6 khac dé t6 cho déi tugng Nhiip chudt tiép vao tab Down va nhip phim F6. Vin khéng thay d6i mau t6 trong bude 6 nay. Scene 1 Nene: Rao Nabil Cancel Help 8B 31 GB Scene) GNuUDII a@aole [Dowd FeGIAO TRINH THIET KE WE | PHAN BAITA HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 7. Nhép chudt vao daue Layer. Sau do ng (4) tui gée trai dui tong ving tén Layer va tao mdi thém lai tén cho La 1A Layer Nut Tron. G Scone! Gy NuDit | @ao Tinset Layer 8. Nhdp chuét wd lai tab Up trong Layer Vien Ngoai, nhan phim Cul+ C. Sau 46 nhap- chudt wé Iai tab Up ong Layer Nut Tron va nhan phim Ctrl+V 4 dan d6i twgng vita sao chép Vao. 9. Ding céng cy Arrow Tool, chon céng cu Rotate trong ving cdng eu b6 sung va nhap chudt vao ede handle didu khién, kéo nh6 461 tuyng trong tab Up nay lai mot cht Gseene) GyNwdil @ao (D LayerVven Noo % 10. Nhdp chudt ti€p vio tah Over én Layer Nut ’ gidng nhu may ban da t trong buGe 5 6 Sami phim F6. Sau dé 16 mau SSnwoit 8 Of toot =] WP LayeNulTion f * * D Layer View Ngoa —* Be p chudt ti€p vap tab Down trong Lay nhug mau ban dit eho tab Up. Nut Tron nhin phim F6. Chon mot mau 32GIAO TRINH THIET KE WEB : PHAN BAI TAP - TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 2&8 Olle lowed CD LoyerVien igo —* Aims. Lb Be & 12, Nhdip chudt tip vao tab Hit va nhdin phim F6. Sau 8 ding céng cy Scale va kéo kich thude cia déi tugng nay Idn hon kich thude ban ddu mot chtt. Text Tool va nbip ky ny sé 1 vao, Ky uf nay c6 mau t6 cng vei mau eda tab Over trong Layer Vien Ngoai & 8 Oleloet a : —I Dioyedutin + + MIS Toe | D LaerVien Ngo + + alle BB ees sabe fol fea ndp chudt tiép vao tab Over trén Layer Chu, trude dé ban hay xod cde frame rong di va nhan phim F6, Sau dé thay d6i mau chit trén ky wy nay thanh mau gidng nh mau ban thie hién trong tab Up trén Layer Vien Ngoai. 33GIAO TRINH THIET Ké WEB : PHAN BAI TAP - TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANH L+) alc) a) calf 20 40 15. Nhap chuét tiép vao tab Down va nhan phim F6. Ban hay chon mot mav t6 gidng nh’ mau t6 tai tab Up cba Layer nay. @ 8 Of Toe Rae a ol. Td, Layer Nution + + Mille ls | 4 San) [WD taverVienNoos + - Me lel yl GB @ 7 Jeo. 16. Chon trén trinh dp Insert > Layer va dit én cho Layer nay 1a Layer Chu Ngoai. Bay gis ban ding cOng cy Text Tool nhap vao ky ty bén trai nit. Mau t6 chon cho ky ty nay ban hay chon mau xdm ding hang thi 4 trong cOt thif nha tit tdi sang c6 trong bing mau. [CP Layer Chu : D Layer Nut Tron * ah Famer 34GIAO TRINH THIET KE WEB : PHAN BAI TAP - TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 17. Nhap chudt tiép vao tab Over trén Layer Chu Ngoai va han phim F6. Chon mot mau 6 6 cing maw vdi mau trong tab Up cia Layer Vien Ngoai #40 WD Layer Chu +O ; Y LayertutTion s+ D LayerVentgos + * ag a rd 18. Cu6i cng ban nhap chuét tiép vao tab Down va nhdn phim F6. Sao dé ban dung nut nay lai. Bay gits ban hay chon trén trinh ddn Window > Library. 19, Nhap chudt vio myc Nut Di 1 trong cifa s6 thu vién va nhip phai chudt chon Iénh Duplicate e6 trong trinh don Context. Tere) One temin Borat | Options Name Rename ‘Move to New or Age Delete Edit 20. Sau d6 hdp thoai Symbol Properties xudt hién, Ban nhp vao myc Name 1a Nut Di 2. sau dé chon OK. Nhap dup chudt vao cifa sé hién thi ca myc Nut Di 2 trong thu vié Sateen Name: [Nadi2 OK Behavion C Movie Cio Cancel & Button, © Graphic items Options Name a <9 Huot a i we ost) of 6 l&n Nut Di 4 copy thanh Nut Di 2 35GIAO TRINH THIET KE WEB : PHAN BAI TAP - TU HOC MACROMEDIA FLASH 5.0 BANG HiNH ANH 21. Nhap chudt vio Layer Chu va chon chinh ky ty sv 1 tab Up, sau ds | thanh ky af so 2 22. Ban thy hign tuing ty bute 21 cho tab Over G Scone Sy NuDI2 3 Down trong Layer Chu nay. Do Layer Chu Ngoai bi tit (c6 ddu X ngay tai cdt con mit tong ving tén Layer) én déi tgng trong Layer nay ban khdng thé thay du @ Gt [ove ead Fer D Layer Nut Tron TD LayerChuNigosi XX + Mille |e D Layer Nut Tron, + mile TD Layer Vien Ngoal TD Layerven goss > Be 23.Cudi cing ban nhi’p chudt vio o Layer Chu Ngoai tai tab Up, sau dé i hay xod dif liéu chda trong tab nay Layer Chu 7-8 ole di DieyerNuton - - Mil t[./o[. : a Be D LiyerVienNgoa > |e 36GIAO TRINH THIET KE WEB : PHAN BAI TAP — TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 24. Lap lai tir bude 19 cho dén bude 22 wing wy cho bidu tung Nut Di Sie [x] Name. [Nur Dis OK Nn) | Behavior C Mowe Cip Cancel | @ Button ' © Gioehie Help D Layer Nut Tron TD Layer Vien Ngoa BB ~ 109... 140,20, IO. 120... 48. 18, 861 tugng trong bude 21 va bude 22 @ sa Olle D Layer Chu Nga + DD ayer ui Tron Di LayerVientigca Be 4 25. Bay gid ban sé tip tue tao ra cde uit Play va nut Stop. Nhép chudt vao mye Nut Di 3 wong ctfa sO thy vién va nhap phdi chudt chon Ienh Duplicate ¢6 trong winh don Context va dit tén cho nut mai nay 12 Nut Play (cach Kim wong uf nh trong butte 19), Geen J Nome [RotFi on it Behavior C Movie Clip Cancel & Buon © Gteptuc Help 37GIAO TRINH THIET KE WEB : PHAN BAI TAR — TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 26, Nhap chudt vao Layer Chu va d6i tén lai anh Layer Play. Sau do nhalp chudt vac tab Up va ding cong cy Line Tool vé hinh tam gide vay wong lab ndy. Sau dé whip chudt vao tab Over va tab Down xa chting di Bay gidt bun hay nhdp chudt trd Igi vio tab Over va nha phim F6, 16 mau cho htinh tam gide JA mau ging nhu trong tab Up ctla Layer Vien Ngoar. [Be Tone Gond Fir] 2&3 Of Bako a] T TD Layei Cru Ngoai 27. Nhip chudt tiép vao tab Down va nh&n phim F6, td mau cho déi tring e6 mau gidng, véi mau cila lab Up trong Layer Play. 28. Vi trong tab Up ctia Layer Chu Ngoai ring, do vay bay gift ban s¢ khong tac déi tung trén tab Up nay. Ban chi tan doi tung wong tab Over va tab Down cho nit Play. Sau dé higu chin I6p ky ay ong 2 tab nay thanh ky ty Play ahu hinh sau. Ban hay (6 mau cho ky ty nay mot mau dim, 38GIAO TRINH THIET KE WEB : PHAN BAI TAP — TU HOC MACROMEDIA FLASH 5.0 BANG HiNH ANH D Layer Play BD Layer Hue Ton TD Layer Vien Noo Be DBI tuong tai tab Down trong Layer Chu Ngdai 29. Bun thue hién tip theo cho nit Siop, edeh thue bién uing ty why eich fam trong nit Play. Cée ban e6 thé uy lam lay. Chi y + Ch jun ¥ 1a dé Wi khong Lap Iai ede bude thye hign cho nut Stop nay. Chi ed diéu ching ti edn sang én nGt Stop trong Layer Chu khong phai [a hinh tam gide ma 1A hinh vudng Bal du ti cach thy hién nuit Play uG di, ban khong edn phai wo d6i wugng trong tab Up ca Layer Chu Ngoai. Tab Up nay khong cin ding dén no, n6 e6 thé chiém nhiéu ché trén ving lam viée eta ban,GIAO TRINH THIET KE WEB : PHAN BAI TAP ~ TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANH D Layer Nut Tron |W Lavervie 30. Va cudi clin, inife hién etin n thie én uép tue vdch tao ra nit Rewind va ede nut Step. Céch lung wt nhetviich ban di tao ra nut Play va mit Stop. Cae nt ndy ban béi 2 frame tong tab Up va tab Over. Nuit Step gdm e Forward, 2 nul 1d Step Buck va Step TD Layerraat CB “Layer Vien Nava 40GIAO TRINH THIET KE WE® : PHAN BAI TAP — Ty HOC MACROMEDIA FLASH 5.0 BANG HINH ANH Tp [overdo © ae [Is I * { L$] a 1. Ban hay tao them mat nat e6 te ede mit iruite ds, D Layer Nut Tux D Layer Vien Ne atGIAO TRINH THIET KE WEB: PHAN BAI TAP -TU HOC MACROMEDIA FLASH 5.0 BANG HiNH ANH 32 Bay gis ban se tao t ndt Huong Dun bang cach chon wén tinh don Insert > New Dan Symbol. Trong muc Name ciia hop thoas Properties nhap vao tén la Nut Huot va mue Behavior chon 14 Button. Sau khi chon xong obdip chugt vo ndt Ok. Behavior C Movie Clin | © Burt © Gray) ep 33. Nhip chudt vao Layer! va dat tén lai Ki Layer Thanh Nen, sau dé ding cGng cy Line ‘Tool vé vio tong tab Up dit tuyng nu sau: Be Fg j1o0 feo Gs Gp Nut Huong Dan [A Ole 35. Nhdp chuGt vao tab Over va niin phim F6. Sau dé ban hay chon mot mau to khite dé t mau cho chudi ky wt “HUGNG DAN”. 42__ GAO TRINH THIET KE WER: PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 GANG HiNH ANH 36. Nhdp chudi udp vie tab Down va nhin phim F6, ban ciug chon mau dé thay dét mau cho ky ty nay. Tai tub Down ban tuo mdi thém 2 Layer nif 6 tén 1a Layer Doe va Layer Chu, 37. Nhp chudt vao tab Down tong Layer Doe va nhiin phin Fé, ding cong cu Rectangle val vé vo tab nay d6i tuyng [3 inh chi nhat Sn. Chon mgt mau 1 dé td che hinh che nhat miy. ‘Gi Scene? Gq NutHuong Dan | A OIG Tove ial | D Layer Chu -- Oo T | LAST | 2 Layer Thanh New :o | B 38. Kéo Layer Thanh Nen Ién lép trén eting. Gy Nut Huo Den @ A Of Toad 39. Nhiip chudt yao tab Down trong Layer Chu va nhtfn phim P6. Ding edng cu Text Too! ahap vao mat chudi kY tf nu sau: “Tao mor nuit mii ban chon wen irinh don Insert > New Symbol, trong hdp thoai Symbol Properties chon myc Behavior la Button va dat ten cho nit néty tai myc Name, Sau rip chugt vio nit OK.". 43GIAO TRINH THIET KE WFe : PHAN BAI TAP - TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANH D Layer Thanh Nen 40, Cudi cling ban nhép chudt vao tab Hit vi nha phim F6. C6 mau Wi che Wit ed ee ao iuigng 66 trong tab nay D Layer Ch Diaerdec_ Layer Thanh Nen D Layer Chu 42. Nhdp chudt vao Layer] mac dinh va déi tn lai thanh Layer Nen. Sau dé ding eng n nhif hid tain bd ving Kim vie cu Rectangle Tool vi vé khung binh chit nhat 4p vio chudi ky uf phia trén hinh ehif nhdt nay Ding cong cy Text Tool a 44GIAO TRINH THIET KE WEB : PHAN BAI TAP - TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANH =a | [eengrordu eau ota poan ram | TT | | | 43. Bay gids ban kéo nuit Nut Huong Dan trong elfa s8 thi view va Ud vio trong viing phis ctia hinh chit bat nay 44, Chon Ins nay fai tha rt > Layer tag mei mot Layer, ireng Layer2 mae dinh, ban hiéu chinh tn h Luyer Nut. Sau dG ban kéo 121 ed ede nuit vita tao ed trong thu vién va sip xép chiing ong Layer nay nhurhink bén dud hd ¥ : Ban e6 thé chon trév wink don View > Rulers dé mi thank thute, sau dé ko wen thanh thue ngang va thanh thude dye, tao eve duling Guideline nhlim gitip cho vide can 1é cau d6i tung ngt thém dé ding heinGIAO TRINH THIET KE WEB : PHAN BAI TAP ~ Tl HOC MACROMEDIA FLASH 5.0 BANG HINH ANH «nO @ | ll © 9 o© Oo 9 abi ain:@ e @ Cae nuit sau khi higu chinh wi tet 45. Suu dé ban tay mdi mot Layer va dat tn {8 Layer Chuyen Dong. Ding cong cu Test Tool nkap vio ky wesd 1. UT BIEL KHIEN CUA f EONSGIAO TRINH THIET KE WES» PHAN BAI TAP - TU HOC MACROMEDIA FLASH 5.0 8ANG HINH ANH 46, Nhap chudt vao keylrame thir $0 wén Layer Chuyen Dong va nha phim F6. LASS ae &e 8 47. Sau dé ban thye hie: asgl Diwathyenbeo+ + | Layer Nat a ee a 48. Nhiip chudt ti lai keytrame tit 20 trén Layer Chuyen Dong va ahdin phim F6. Bay gid ban nhdp chudt tr lai keyframe thi nhat trén Layer nay. | aan [ED vera 5 (D Laerien > alle low a Bape [Te Te 49. Chon wén winh dn Window > Panels > Frame. ‘trong bang Frame nhfip chugt vao muc Tweening chon la Shape. Cde thude tinh khde van git theo mac dinh. (eens ie JeN Hf Eee fie Jee) FE] Frame BR Sou 23 [> Label tof Tweering Tweening [Shape EI easing f0_]~! tien [Daceane =] $0. Sau d6 ban nhdip chudt vao keyframe th 20 én Layer Chuyen Dong va hiéu chinh ky ty sf thin ky ty si 2 nhu hinh minh hoa ben dues. Ban phai di chuyén ky tut s62 sang phai mi chtit so vai ky Wye sd | ban dau. LayerNen . ov) ae al 47GIAO TRINH THIET KE WEG : PHAN BAI TAP - TU HOG MACROMEDIA FLASH 5.0 BANG HINK ANH 51. Nhiip chudt vi keyframe thif 40 én Layer Chuyen Dong nay va nhin phim P6. Va bay gid’ ban nhap chudt tro Jai keytrame the 20. Late Chon the hién chuyén Aging trong bing evanne [Shape at Prame gidhg nh ban di chon cho KY uf 9 pe Ltai keyframe 20 ndy cho ky uy sé 2, Bend. ptetibuve sd 52. Nap chudt vav keyftame 40 vi higu chinh ky usd 2 thanh ky uy s0 3. Di chuyén ky tg nay sung sat lé phai ela ving lam vide. TD Lape Nat TD Layer New 1590... 95, 80 53. Chon cde thude tinh trong bang Frame gidnyg slur ban di chon cho 2 ky ty tude dé. $4. Nh3p chudt vio keyframe thif nhdt wen Layer Chuyen Dong vi chen teh don Modify > Break Apart. Sau d6 kin luyt chon Jénh Break Apart cho keyframe 20 va keyframe 40, Trong keyirame cusi cling bgn nhdp chuGt vao déi tusng sO 1 va bide chinh [ai thanh di ung x6 3. 48,GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH Di chuyén doi wong sé 3 nay dén ding vj tri ma ban da dat déi tuisng sf 3 trong keyframe 40. [asol =: «0 » » «© » » «© © -f 8 D ee ig poe | * + Ole Del: Olle _ al 8 | ; | $5. Chon trén trinh don Control > Test Movie, lic nay dogs phim dién hoat trong Flash Player Boan phim dang dién hoat trong Flash Player 49GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH |Tao mot nut mdi, ban chon trén trinh don Insert > New Symbol, trong hop thoai Symbol Properties chon muc | Behavior 14 Button va dat tén cho nét (ndy tai mue Name, Sau nhap chudt vao init OK. a 56. Trong khi din hoat trong Flash Player, ede nit dig khign ¢6 trong giao dién ban khong ding due vi nd chia due gn tenh dé thue hign cite ming eba nd. Do 46 ban phai gan IGnh cho ede nét nay Vide gan Inn cho cde nit my khOag 6 gh kho Im, N6 chi cb mt vai leah dun gid Ja e6 thé diéu khién dega phim ca ban duge ri. 57. Trude khi gin teh cho cde nut, ban hay tao mgj thém mot Layer trong ving Lam vi va dactén cho Layer nay ta Layer Ghi Chu, Sau dé ahap chudt vao keyframe thi nhat trén Layer va chon trén tinh dun Window > Panels > Frame, ohdp chu6t vio myc Label va nhap vav ky wy So 1 Lue nay ban s@ thay wén k mau do, tame thif nbat cia Layer Ghi Chu xudt hién mot ld co Tweening [owed D Laer ChyenDong += TD Layer ut OD Laver Hen Be La c& dé xuat hitn ben tat ky ty So 1 @ a . a 58. Nhap chugt 1iép tai} lap lai bude 57 cho ke -yframe thi 20 cing téa Layer Ghi Chu nay va ahah phim P6. me nay. Nhung trong mye Label ban nhap vao (én 1a So 2. 50GIAO TRINH THIET KE WEB : PHAN BAI TAP - TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANH (Flea lene FF one 5001] tweens [lone Td [| all sai cal a [reoipe | 20070 $Y. Trén Layer Ghi Chu, nhdp chudt va keyframe thi 40 va nha'p phim Sau d6 thye bién tiép bude So3 mde ldn nifa. 7 cho keylrame nay va ob&p vao trong mye Label ta Bs feo Cen WI Fone Soa tailsea__ Tweesing [ewe oad) o 60. Bay iii ban sé gan lénh cho nit, trude hét ban nhdp chuét chon niit Play. Sau dé chon trén trinh din Window > Actions. Trong tab Object Actions, ban nhdp vao du eGng (+) lai g6e tai trén va chon Basie Actions > Play. i | | + = [tec ater : ola! GoTo Ercams | Aso | | Operators: > Stop Eserst } Functions > — Toggle High Quality Ese+tg, 1 | Propeities > StopiAllSaunds Excess, | __ Objects > Get URL Esc+ou — | rane fatommen: inl | Load Movie Ese+im | Unload Movie Esesum | Tell Torget Esextt | IFrame ls Loaded Esc+il | | OnMouse Event Escton ® = 61. Sau dé nhdp chudt vao cau lénb on (release) a chon thém sou kiém Press bén dusi wong muc Event. Lie nay dong lénh etia ban sé xuit hién ahu sau: on (press, release) } play Qi 81GIAO TRINH THIET KE WEB : PHAN BAI TAP - Tl HOC MACROMEDIA FLASH 5.0 BANG HINH ANH +) =|[bieet dations a Bask Acione a et oo play Os [a operators lp [tine on foress release) ( event FF TF rstoyer v TF rotox Tr Feteasequside 77 Drag Over TP keyPress TF drgou 62. Van dé bang Object Actions xudt hién, ban nhdp chudt tiép vao nut Stop va nhap chuét chon tai dita céng Basie Actions > Stop. Nhip chudt tr lai dong Jénh on (release) vi dénh déu kiém vao muc Press tai ving Event bén duéi bing Object Actions. Ban ceding 6 thé bd chon mye Press nay. + =[[ObiectActons - Actions > Play Escepl Operators > ST ST Functions =» T Properties > — Stop All Sounds acest Objects > Get UAL Escegu FSCommand Escots eee | Load Movie Escelm | Unload Movie Esceum ' Tell Target Escett IFrame |t Loaded Esesil [_QnMouse Event Esceon “F] =[Obiect Actions Gi) Base Actons (BD Astions Ex) peters GF] Functions oF (press, lease) { stop (: ¥ R 63, Bay gid ban nhap chudt tiép vao nut hinh sé 1 trong ving [am viée va chon lénh (wong ty nhut trong bude 61, Tai dong 1énh gotoAndPlay(1) ban nhp chudt vao ving Type bén duéi va chon 1A Frame Label. Cudi cing trong muc Frame ban xod ky tr sé 1 va nhap vio la So 1. Bay gid cdc dong lénh cda ban la: on (release) { gotoAndPlay ("So 1")} 52GIAO TRINH THIET KE WEB : PHAN SAI TAP - Ty HOC MACROMEDIA FLASH 5.0 BANG HINH ANH. TB Basic Actions on (relenne) [a Actions (a) opmarcre a {Functions Line 2: gotoAndPlay (1): twee [Fareemee Fume (Forme aanbe para ewtrare Provo trar __| gone Foams we: [Fanetae Erame: [801 = FF Sete andPtay Oa 64, Sau dé ban chon thém Iénh Stop trong dong lénh cudi cing. +| =|[Obiect Actions wi4| (a bse Aetons {Actions BH opens {LD Fencione Line & stop (on (rdease) { goloAndPlay ("So 1"); 65. Ban thue hién tuong ty nhy bude 63 va 64 cho nut hinh sé 2 va nut hinh sé 3. ] = JObiet Actions: y+] Pa) Basic Actions on (release) gototndblay ("So 2) {Line 3 ston 0 #| =[[Obiect Actions rece 5) paar {a Operas (Functions 7 Line 3: stop 0) Nut sé 3 66. Bay gid ban nhdp chudt vao nuit rewind va nhap chudt vao dau cong (+) tai gée trai trén trong tab Object Actions. Chon lénh Basic Actions > Goto ¢6 trong trinh din Ban van gid ngu u [énh mac dinh on (release) { gotoAndPlay (1) }. 53GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH +|=|[OaectAciors a) Bene Aenons 7 [a Aetone Fad operators 4 [a Functions 7 Line 2. gotoAndPlay (1): Ine [Feat game PT Fi Goto andetay oe 67. Lam cic bude én wing wy cho mit Step Back, ban nhdip chudt vao nut Step Back (<<) va chon Iénh on (release){ gotoAndPlay (1)}. Sau d6 trong myc Type ban chon a Previous Frame. Base Aatons = 4 (BD operons Bi) Functions j Tine 2: gotcAndPlay (1: goene: [Fouent soene> = Tape. [FameNumber Frame Number Frame Teoma Label Expression New Frame Gi) Basi aione Gi) Aeions Bh) Ovnaers {B Fencons Line 2 prevFrame 0: geene: [ecumemrscne—SsSs~SsS ype [Previous Frame ed Déng lénh sau khi chon myc Type la Previous Frame 68.Ban lap lai bude 67 cho mit Step Forward (>>), nhung trong dong gotoAndPlay(1) ban chon trong muc Type 1a Next Frame. 54 lénhGIAO TRINH THET KE WEB : PHAN BALTAP — TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH | Ta) Bcc Actions BB) Actons Bi) Cruse Fae vnaPl3y UI Frame hme [Une 2 nentFiame 0 Ie Los trén mdi nuit. Bay pies dé xem cde nét nay e6 thye higo ding nhu ban meng musn wwinh des Control > Test Movies hay nhin phim Ctel + Enter. khang, Ban chon © ® Cc @ cept war 0 8 6 Nhap chuét vao nut Step Forward dé xem doan phim dién hoat tung bude Di déx 55GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH W/uvone DAN © 9 &© & OQ nian: QO 2 BO Nhdip chudt vio nut sé 288 xudt hién 38 2 trong doan phim Bay gid néu ban thay cde nut trong giao dién khong thye hin nhu ¥ ban mong mun. inh lai cho dén khi chiing dién hoat nhu ban mong Ban c6 thé tro vé giao dién Flash dé higu cl muda. Insert >| ote Ser lthoai Symbo sovi Nhw vay trong pha bai tip iy, ban da biét ré ede bude thue bign di khién ede déi tong trong doan phim. Nhd c6 cde enh ma ban ¢6 thé didu khién duge dean S tyo ru mdi nut did phim 56GIAO THINH THIET KE WES : PHAN BAl TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH CAC NOT DIEU KAIEN CUA DOAN PHIM »D, » n theo ctich Cac ban 6 thé edi in dean phim etia bun nhug vin ding am dieu ki thue hiGn ahy wen. Ban es thé tao ea doan phim khde va dp dyng ich tau ea ede odt hu dd asi Suen Chie ede ban thank cong, 87GIAO TRINH THIET KE WEB : PHAN BAI TAP ~ TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH LAM QUEN VGI MASK LAYER Trong phan bai tip nay, ban sé tao ra mat dm sang chay chi€u sang lén timg phén cba di tudng. Khi dém sang chay dén dau chi co diém tai ving do sang lén ma thoi. DE higu rd hon ede chife nang tng dung ede kép wong Flash, dae big JA kip Mask Layer Khi ban tag ra duye lop Mask Layer trén &6i tugng, ede Ip nim bén dud Ip Mask Layer nay Su ed thé thay due. Céch thyc higr att sau: 1. Khoi dong chuong tinh Flash 5. 2. Sau dé trong giao dién Plash, ban chon Ens én winh don View > Rulers dé md hai » thanh thue xudt hién trong giao dién . Culeshitte? 3. Ban hay chon wén inh dun View > — | v Timeline Cubealtet Work Area dé mé ché dd Work Area |S ms cm néu nd chua duge md. Nhung theo mi v Rulers Ct+AltShiiteR dink ché d Work Area lun Iudn xudt Guid . hién mSi Shi ban khdi dong Flash hay |__ Guides ’ chon file mdi v Snap to Objects Cil*Shift+/ 4. Sau dé ban chon tiép trén trinh don View > Grid > Show Grid dé hién thi khung Judi irong giao dién. , | Guides > Snap to co | Edit Grid. CtrleAlteG 5. True khi bdr dén ve doi ttgng, ban cdn phdi xiic dinh vi tri ve cho doi tugng. Ban chon irén tinh don View > Guidelines > Edit Guidelines dé higu chinh mau cho duting Guideline. 58GIAO TRINH THIET KE WEB ; PHAN BAI TAP - TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANH v Hulers ChrteAtteShitteR, 6 leat: | Objects Ctrl+Shitts7 Cle: | 6. Buting Guideline 14 duéng ban tao ra dé biét duve chinh xée vi tri dat ctia doi tugng. ‘Theo me dinh cic dudng Guideline nay e¢ mau xunh 14 cdy Green) vi vay mat nhin 6 thé kbé thay. Do 6 khi ban chon Iénh Edit Guides la dé chon mau khic cho ma ctia ede duting Guideline. Trong bing Guidelines, ban nhap chudt vio hop mau Color va chon mOt miu xanh duvng (Blue) tai ddng 5 c6t 3 tir wai sang hoge chon sé mau Hex 18 #0000CC. Sau d6 nhiip chudt chon mit OK. Guides I on02cc Caer = Snap sccuraey | Coin fl FF Show Guides tanod & SnaptoGuides = ——— LE Lock Guides Clea Al Snap securacy: [Noah z] Seve Detour 7. Bay git ban bat ddu ve di wing trong ving busi. Chon TS ff Ong cy Rectangle Tool trong hop cng cu bén tai giso 2 decioeioal ign | [es 8. Trude khi yé bun nén chon mau 16 cho d6i tung. Nhép chugt vio hOp mau Fill Color lrong hop eOng cu bén irdi giao dién tong Flash, Nhdp chudt chon mau den xdm (gid trj hex 1a #302C30) co trong bang miu. Cass | Zz me | 9. Sau dé ban dat con tr tif gée trai tren ca ving lam viée va kéo sang ge phai duéi tao thanh mét hinh chit nhdt gén nhu chiém day ving Jam viéc. Liie nay ban sé thay xudt hign mot} hinb chi hat cd maw nig mau aa chon. 59GIAO TRINH THIET KE WEB ; PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 10. Nhap chugt vao eng cu Text Tool trong hop céng cy bén trdi giao dién dé nhap ky ty. Sau d6 chon trén tinh din Windows > Panels > Character dé xuat hién bang Character. Tai bang nay, ban hay xde dinh cdc thud tinh cho ky tf. Trong muc Font, ban chon loai font chi cho ky ty Li VNI-Heather, muc kich thude chon la 64 va kiéu ky wr chon 1a Bold, mu cho ky ur ban nén chon {4 mau den hodn todn (gid tri hex 1a #000000). Sau khi chon cae thude tinh cho ky ty xong, ban nhdp chudt vao trong giao dign va ahdp vao ky ty nh hinh ben dudi. “A cannrn[ Purp 1A Feros [> . von [RR im a F ven o O Cfeatainy Ky ty sau khi nhap vao trong giao dién 60GIAO TRINH THIET KE WEB : PHAN BAI TAP ~ TU HOC MACROMEDIA FLASH 5.0 BANG MINH ANH 11.Sau d5 ban nhip chug: 1d lai chon cng cu Arrow Too! tong hop cong co bén trai giao dign 12. Di nhiéa hie nay ving xung quant ese ky uf, Sau d6 han chon rén teinh dda Edit > Copy dé kg urnay 13. Tigp dn ban chon lai winh doa Edit > Paste dé cin k¥ ty nay, Bay gitt én lép Layer dau lién ban ¢6 2 kp Ban hay thay ddi mau cho lép ky uf vita méi din vio eS miu xdm & trong of thi nhat hang thi 3 tir én d&m xudng trong bang mau. Hai vung ky tu cd hat mau khac nhau 61GIAO TRINH THIET KE WEB : PHAN BAI TAP ~ TI HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 14. Bay gitt ban nhiip dup chudt vao tén eta Layer va d6i tén L a Layer Khung! nbu hinh sau. er] mic dinh thanh tén 15. Ding con tr kEo tif én thanh thude nim ngang va keo hus KE&p sao cho dugng 1g xuSny duvdi dy dién dé tay dudng Guideline nyar viti duting vién bao boe khu jlideline agang ndy th ky ty dau tién ban du ban da to ra 16. Sau dé kéo con tS tif thanh thude doc bén trdi sang phai sag cho duving Guideline nay trang vdi dung vién bao boe khung dye trong khé rdi ella ban vita thye hign 1a xac dinh vj tri e@ dinh cho cic lép ky we sé dude xép ching dé | Guideline dé lam vi of ky uf dau Gén. Mue dich vita di ky tye, Vi sau nay tat ed nonhau. Do d6 ban phdi ding hai dutn 6 dinb tam thifi trong vang xée dinh. | 00, 17. Sau dé ban nhép chudt vao lép ky uy vira mdi sao chép (nhu da i Fen) va ding cde phim mai tén di chuyén ldp nay sao cho 2 ldp ky tw trung lén nhau nhut hinh ben duidi. Cac ban ¢6 thé di chuyén lép ky ty sao chép ndy khong nhat thiét phai trong khp Ién nhau hon ton, Vi khi 2 lip ky lw xé dich nhau sé tao thanh bong dé 62GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH cach nb&p chudt vio n chudt vao 1én Layer dé déi tén clio nd. Sau ed) nbat trén kip Layer nay cho né 1a Layer Khong: t ddu cdng (+) bén dudi ten Layer. Sau dé nhap dip g ban nhdp chudt vao keyframe thi? 19, 20. Lae a “aaoll Chon lai cOng cu Rectangle Tool trong bop cong en bén indi giao dién va sau dé ban (hye hign tuung ty nbu bude 9 nbung 4 day ban chon mau t6 Long hdp mau Fill Color La au es gid tri hex nhap vao la #CRCRCR. Lae na {0p nén cd man xdm sang. Chon tiép én winh don Edit > Paste dé dan lp ky wf dl sao chép nhur di néi wong bude 12 1én trén idp nén vita mdi tao nay Sau dé ding phinv mai tén dé higu chinh cho J6p KY tw nay sao cho canh bén tn va nh bén tdi cba dutng vién hop ky wr thing vdi hai duding Guideline da tao wrong buide 16 va butie 17 n mau t6 cho [6p ky ty ny vi gid tri mau hex 1a #606060. 63GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 21. Ban chon Jaj teén winh dun Edit > Paste dé din thém mot Iép ky uf nia len tren va chon mau t8 cho lip nay 6 git wi mau hex 1a #60SC60. Sau d6 di chayén lp nay sao cho hai ldp ky tu chéng lén nhau nhung hei so le mot chit. Muc dich 14 khi @m. 22. Ban lap tai buBe 21 dé sao chép them mot kip ky ty nia va chon mau w cho lip ky ly nay véi gid ti hex nhdp vio Ja #FFFFPF. Sau dé ban eding di chuyén ching sao cho chiing tao thanh béng 46 ctia nhau, Nghia la lip ky ty dd tao ra trong bute 21 la bong 66 clia Iép vita tg0 trong butte 22. Hign gid trong ldp Luyer Khu cd 4 ldp gim e6 3 Iép ky ng va mot kip nén. 2 nay 6 tat 23. Ban Lip Jai bude 18 dé tao moi them mot lip Layer nia va dat ten cho lop nay 1a Layer Bong. Nhdp chudt chon keyframe thif nat trén ldp Layer nay. 64GIAO TRINH THIET KE WEB : PHAN BAITAP -TU Hoc MACROMEDIA FLASH 5.0 BANG HiNH ANH 24. Chon eng cy Oval Tool bén trai giao dién va td vj tei déu eta doan ky ty, Trong khi vé ban bay nhfn phim Shift d&@ tao ra vdng tron hodn hdo nhung sao cha vong tron nay e6 kich thue In hun kich the ca ky ty va chon mau 16 cho vong Won 14 miu dam, ¢6 thé 1a mau xanh ding (Blue, gid tri mau hex 1a #3034FF) hoac mau dea. mot yong udn 25. Sau dé nhdp chudt vao keyframe thif nhat én Layer Bong va wbap phdi chudt chon Jénh Cyeate Motion Tween es trong trinh don doe Context, ErEnicineerc Insert Frame Remove Frames L ——___——la __Insert Keyframe 26. Ciing tai Layer Bong nay, ban nbap chudt vie keyframe thi 50 va nhan phim F6 dé tuo duging chuyén dng. Lan» niing ty nhu vay cho Layer Khung! va Layer Khung2 ca 3 Layer déu es duting chuyén dong D Layes Bong DP Layer Keung? == ee fn ek_Giko TRINH THIET KE WER : PHAN BAI TAP — TW HOC MACROMEDIA FLASH 5.0 BANG HiNH ANH 27. Tai keyframe thi 50 trén Layer Bong, ban nhdp chudt vio doi tigng yong won trén Layer nay va nha chudgt tai vi wf cudi cing wong day ky ty. Trong khi di chuyén 461 tudng ban hay ding phim mii tén va hap phim Shitt dé e@ dink duting di cho thang ha Mue dich chuyén, ng. Ban co thé dya vao duting Guideline ngang dé thye hién diéu nay. ban muén hin | thang hang. way chuyén din SISA AINGS x - | | “@ 28. Nh&p chudt vao ving tén ctla Layer Bong. Sau dé nhép phai 6 trong trinh don doe. udt chon [enh Mask Cerio D Layer Kura? Layer Khunol Be Show All Lock Others iKnine! | Hide Others Insest Layer Delete Layer Properties... Guide Add Motion Guide ‘Show Masking Chon Iénh Mask ¢6 trong trinh don dpe 29. Lite nay ban sé thy Layer Khung? c6 hin mai (én chi sang phai vi thut vao trong so v6i 2 Layer edn Jai. Life nay Layer Bong 18 Mask Layer con Layer Khung? la Layer Masked, Dé bidt due thuge tinh nay, ban hy con tén cba Layer Bong va nap phai chugt chon Iénh Properties trong trinh don doc. Sau 46 ban sé thay myc Mask duge chon trong h6p thogi Layer Properties. Caich xem cdc thuge tinh tong ty cho Layer Khung2. Lie nay ban hay chit y vio nhifng thay di bén dui cdc adi 66GIAO TRINH THIET KE Wee ; PHAN BAI TAP ~ TY HOC MACROMEDIA FLASH 5.0 BANG HIN ANH wuiing trong ving sian dién. Vong tron 6 mau xanb hodc den bay gid déj thanh mau wang. Mau tring nay la mau trang nén do ban chon tai ldp Layer Khung d6. Fi Lock [Cancel | ew: ees @4o0 rea = ow A Layer Khun Show 6 Lock Others Disikhl) vide other | Insert Layer Data Di View layer 2s outlines | LayeHent [Toe] ov ame [oe EY CAc déi tuang trong ving giao dién vida thay didi sau khi chon Iénh Mask trong Layer Bong 30. Sau a6 ban nha wae Layer p chudt tai b wu tutyng hinb khod dé xuat hidn tt cd ede Khod tai © Lei Khuna? DB toe Khuat 87GIAO TRINH THIET K € WEB : PHAN BAI TAP — TU HOC MACROMEDIA FLASH 5.0 BANG HiNH ANH 31. Chon trén trinh dun Control > Test Movie dé xem true v3 tes! doan phim ban vita 5 uyéa tie trai sang phai va bong sdng nay two ra, Lie ban sé thay béng sang di di chuy€n dén dau thi chi 6 63 wtgng tai vi Ui de sding In Cac déi tugng dang dién hoa! trong giao dién Flash Player va ban hay chu ¥ vao béng dé olla ky tv trude va sau khi bong sang chidu n dong tif tri sang pha any ied Cho ¥ : Cav ban hay nhin vao bong dé ca k¥ tf khi bdng sing ehuy Bong dé cla ky Uf sé chuyén sang mot phia trong khi bong sing chuyén dor thém vao ving chuyén dong bling edch wo cho béng sang chuyén dong ang phdi, Lie nay bong sdng 8€ chuyén dip Bgn cung €6 th tif phai sung tdi sau kbi chuyén dong wW wai mdt che ky lién (ue tif trdi sang phai rdi sau d6 wr phai sang Wadi. hes Céch thc hign thém phan néy nh sau: Y ‘Tai keyframe cudi cing trén Layer Bong, ban nhdip chugt chon keyframe thif 85, sau 46 nhdin phim F6 dé tao thém vio frame chuyén dong cho Layer nay Y Ban cing fam wong wf butte trén cho Layer Kbung2 va Layer Khung] dé tao dude day frame nhu hinh bén duéi @ tsyerkhng? + AB D Layerthunet > i i Be B [lt ap) | fa) [reties sis | Y Sau dé nhap chudt vao Keylrame cudi cing ( keyframe thy 85) trén Layer Bong va di chayén d6i tugng vong tron tai ving Ham viée trong Layer nay d€n vi wi da xuat phat bic ban déu wong keyframe tht obat. ¥ Ban sé hin phim Shift va ding cde phim mai tén trong khi di chuyén. Trdab vide di chuyén bing chudt vcd thé lam d6i tuyng chuyén déng co thé khdng thang hang. 68GIAO TRINH THIET KE WEB : PHAN BAI TAP — TY HOG MACROMEDIA FLASH 5.0 BANG WiNH ANH eso... Jona | fn déng gly ra m6t ving sing wen déi Y The 1a ban dd two ra duge doi tun tung khde. ebay Bong sang chuyén dong ty trai sang 86GIAO TRINH THIET KE WEB : PHAN BAI TAP ~ TU HOC MACROMEDIA FLASH 5.0 BANG HiNH ANH THUC HANH VGI GUIDE LAYER Dé biel rd hon vé ede lép Layer, trong phan bai tip nay ban sé tao ra mot doi wong chuyén dng theo dung din khai béo true dé. Ma bai tap cu thé cho loai nay Ya con chim bay tén bau wii xanh, chim dude bay theo duiing din xéc dinh tude 46. Bubng din nay ban dang la mOt lp Layer dé tao cho né trén d6i widng chinh chuyén dong imide AO. Cach thie hi¢n nhué sau: 1 Khoi déng chung trinh Flash 5, 2. Sau dé ban chon t giao dién, 1 Irinh den, View > Grid > Show Grid dé hién thi khung lui trong Snap to Grid sor Edit Grid. ClrsalteG Guides v Snap to Objects CtileShiftes 3. Ban hy chon trén trinh don File > Open md file MyKite trong thi muc Macromedia > Flash 5 > Tutorial > My_kite. Sau dé nhap chuét tiép wén tinh dun Windows > Library dé md thy vién eda file nay ln va nhdp chudt chon anh Bitmap, Background Sky dau tién trong thu vién. 4. Bay gid ban mé mor file Flash mdi bing edch chon trinh don File > New. Sau dé nhap chude vao tn Layer! mae dinh d6i Jai thanh Layer Nen. a BUTTONS back BUTTON | && bowie BUTTON {&) colot cube BUTTON -+ wo oy + 5. Nhap chudt tai keyframe thi nhat tén Layer Nen nay va Mew | | kéo muc dnh Bitmap, Background Sky tf trong thy vién My ad vao ving Stage, Lie nay dinh Bitmap sé 1a mau nén cho | Gene Say ban thuc hién edng viée sau nay. Banco thé ding cong cu se Zoom bén tri giao dién dé thu nhé ving lim viée lai dé om thuan tién cho viée quan sat. Vi dnb nén Background Sky Beeb qué ln, ban khong thé nhin thay dng gudt duge ca doi [Spies fugng sau nay ban tao ra, eal \ Ghi chi: é gitp cho vide in de 19 rang bon, wong phan anh vi du ching Wi sé tit Layer Nen (Layer anh bau tifi xanh) di. Nu dé Layer nay md, cde Anh minh boa trong vi du ban sé khong thay rd duye, chiing sé Jam ahve eée voog trong anh. Do dé cic ban sé khong thay Layer nén nay xudt hign trong ede anh mao vi di. Chi c6 trong bude két thie sau cling ching toi mdi ‘ho xudt hién Layer Nen nay. 70GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 6. Chon én tinh don Insert > Layer dé Layer nifa va dat tén cho Layer nay 1a Layer Bird. Nhp chudt tai keyframe thif nhat trén Idp Layer nay, sau dé ban chon tiép trén cita 6 thu vién muc anh Swallow (hinh con chim) va kéo muc dnh nay thd vao trong ving Stage tai Layer Bird nay. tao mdi them mot ac |, 48 items Options " |p 7. Tiép dén ban nhap chu6t tai keyframe thit 50 trén Layer Bird va nhan phim F6 dé tao cdc frame bd sung chuyén déng cho doan phim va di vi Layer Nen ban cing am tudng ty. Liic nay ban c6 mot day keyframe chuyén dng nhw hinh bén duéi. 7 8 6 0 8 2 6 0 6 8 ees | R BB B ||} o Chon keytrame thu 50 trén Layer Bird aso] os) 0) se 2 = 0 8 0 TD Layer Bid --@ state BB alls oo w Ue [team | Ate Nhéin phim F6 dé tao cdc frame bé sung chuyén déng cho d6i tudng cé trong I6p Layer nay. 8. Bude ké tiép ban nhap chuGt vao keyframe thif nhat trén Layer Bird va nh&p phdi chuét chon lénh Create Motion Tween c6 trong trinh don doc Context dé tao dutng din aso) 5 0 6 2» 3 oe 0 6 ws D Layer Nen TTA Cicate Motion Tween | iy Insert Frame Remove Frames . _ | BB 1 Layer Nen BB v2Ips | 00s ¢ nGIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 9, Nhép chugt vao tén Layer Bird va nhdp phdi chuét chon Iénh Add Motion Guide: cé trong trinh dgn doc 4€ tao thém Layer Guide cho Layer Bird. Lic nay ban sé thay Layer Guide Bird xuat hién bén én Layer Bird va c6 hinh vong cung bén tréi trong khi a6 Layer Bird thu vao trong so vdi cde Layer khde as Stenw All & Layer Nen Lock Others Hide Others oD Insert Layer Delete Layer Propestiea. D Layer Bud D tayertien 8 + Be a B a a bolo) L321 120% Layer Bird nam bén dudi Layer Guide Bird Guide RECOM Mask Shaw Mackin 10. Bay gid ban nhép chudc vao keyframe thi nbdt trén Layer Guide Bird, sau dé chon cdng cy Pencil Tool bén trdi giao dién dé vé duting din cho chim bay tai Layer nay. Ban co thé vé dudng din cho chim bay theo mau nhit binh bén dudi. Sau khi ban vé xong, doi tugng chim sé ny dng bam dinh vao duting din ban vita tao. col] 11, Sau 46 ban nhap chudt tai keyframe thi nhat trén Layer Bird va kéo déi tugng chim dén Jiu tién cba dudng din. Tiép sau d6 nhép chudt tai keyframe cudi cing trén Layer Bird va dat d6i tugng chim tai diém két thie cla dung din nhv anh minh hoa hinh sau: 72GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 1 12. Bay gid’ dén Ic ban phai chinh sia d6i wong sao cho thich hyp tré dung bay cla chim, Ban hay nhdp chudt vio vi ti nav ma ban thiy chim bay khdng phi hyp. Vi du nhu, diu chim bay khdng thé ndo bay hudng [én rdi lai re ngang ma co thé chim difng ngay duye ma ddu chim pbai quay theo huéng bay. Cy thé 1a trong dnh nay tai keyframe thi 51a ban phai dang cong cu Arrow, chon cdng cu Rotate tong ving cong cu bé sung cla cOng cu Arrow dé chinh xoay dau cia con chim lai cho phi hop vGi dung bay di tao ra rude dé 61 tuong Irude kni chinh sia BOi tweng sau khi dung cOng cu Rotate aé chinh site 73GIAO TRINH THIET KE WEB - PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 13, Trice khi hi€u chinh di tugng tai vi tri nao dé cho phi hyp véi tiig doan trong duting, bay, ban phdi nhan phim F6 tai keyfrante 6 vj tri dé dé chén vao keyframe, nhé vay mdi 6 thé gitip cho ban higu chiah ting ving chim bay due. eam os 0 6 2 fe & ee eal cGude Lyererd ~~ Olle i [Laveen KX + Balle 7. oe! Be Anh trude va sau khi hiéu chinh adi tuong tai keyframe thu 24 14. Ban ef tiép tue lap lai buée 12 va buée 13 cho dén khi két thiic keyframe tai vj tri két thde duting din, 15. Sau dé ban chon wén Uinh doa Control > Test Movie dé kiém tra doan phimvita thye hién, N€u ban thay tai vi tei nao dé ddi twéng chim nay chifa phd hdp, ban c6 thé nhap chudt vao mit Close tai gée phai tén trong Flash Player dé trd Jai giao dign Flash chinh stia Iai keyframe dé. 6i tugng dang dién hoat trong Flash Player Ghi chi : Do viée in dn trén gidy trang den, mot 66 chi Uét trong dnb déi tong din host trong én Flash Player ban khOng thé nhin thay ré dutge. v4GIAO TRINH THIET KE WEB : PHAN BALTAP - TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANH Vi mu vé con chim duéng nhu co mau gan nhu pho hyp véi mau nén tdi xanh. Do dé khi in ea gidy ban khé c6 thé nhin thay. Dé dé theo déi d6i wong hen, ban c6 thé nhin mre tiép én méy cia ban. 16, Ban cing 6 thé tgo ra nhiéu con chim bay trén bau tri, Cach tao ban lam eyong ty nhut indi trong buée 4 va bude 5. Nhung trong phan nay so véi bude 4 e6 hoi khée mot chat, ban phai dé con tré tai tn eta Layer Bird sau 46 mdi chon én tinh dn Insert > Layer. Vi ban mudn lay Layer Guide Bird lim Layer duting din chuyén déng chung cho ta 4 cde Layer ban mudn thém vio sau nay. ,—.-| Layer Bid © Layer Nen BB ype mer Yo) B)C)) Wao On Layer Swallowi nam bén dudi Layer Guide Bird \ ww . =f 17. Ban cling c6 thé tao ra cde Layer od nbitng duting din chuyén déng dc Kip nhan mi Khong phy thude vao Layer Guide Bird nif di n6 & wén bing céch ban lap lai sir bude 6 cho dp buée 12 nix vita trinh bay 4 trén, MBi mot déi tuGng C6 mot Layer Guide khiic nhau trong cling mét file (én thanh thitée Timeline, 75GIAO TRINH THIET KE WEB : PHAN BAI TAP ~ TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANH. TAO DONG HO CHUYEN DONG Trong bai t@p nay, ban sé tao ra mot déng hé rat don gidn. Ban chi can tao ra 4 nuit trén ding hd. Sau dé dé c6 dude 2 cdy kim cba déng hd, ban sit dung thy vién mau cia Flash dé lay cdc Symbol nay. Ban sé thu bién nhu theo cdc bude sau dé tao ra mat déng hd. - - ~ 1. Kbdi déng chuung trinh Flash 5. Sau dé chon File > New dé tao file mdi. 2. Nhdp chon trén keyframe thit nhat trong Layerl. Nh&p dup chudt vao tén cia Layer dé di tén Layer] mac dinh thanh tén layer Nen. 3. Nhdp chudt chon céng cu Oval Tool trong hép cong cu dé vé vong tron trén mat déng hd. Kéo chudt trong ving Stage dé vé vong tron, trong khi kéo chudt ban hay nhiin phim Shifi dé tao thanh vong tron hodn hio. Ban c6 thé xdc dinh kich thufée ving trdn thy ¥. Toa “| Oval Toot (0) e 6] 4, Néu sau khi vé vong tron c6 miu t6 bén trong, ban hay ding céng cy Arrow Tool (c6 hinh mii tén) trong bang céng cu, nim bén trén cdng cy Oval Toot ma ban vita chon & t6 va nh&n phim Delete trén ban phim dé xod ving mau t6 d6, Luc nay ban chi e6 vong duding vin vong tron mau den ma thoi. trén, Sau dé nhdp chudt vao ving 76GIAO TRINH THIET KE WEB : PHAN BAI TAP - Tl HOC MACROMEDIA FLASH 5.0 BANG HINH ANH eo Vang tron true va Sau khi xd ving mau t6 5. Néu cn thiét ban c6 thé mé 6 ludi trong ving Stage tén bing cdch nhan phim Ctrl + phim nhay don (*). Sau dé chon trén trinh don Views > Rulers dé mé thanh thie xude hign trén ving lam viée 6. Nhdp chugt chon trén trinh don Insert > New Symbol. Sau dé trong hdp thoai Symbol Properties nhdp tn cho nut i Nut 12 cho myc Name va muc Behavior chon Button, sau khi chon xong nhap chudt vao nit OK Siitienmnce Name: [Nutty Behavior. C Movie Clip & © bolt 7. Trén Layer! trong ving vé nuit, nhap chudt vao tab Up va chon cong cu Oval tool dé vé nd. Nut vé sau khi chon cdng cy Oval Tool sé duye t6 mau nhy hinb bén dud. GiScene? Gy Nw12 & 4 Cl eTowtaod re] Static} lowe a Nhdp chudt vao tab Up va vé déi tudng tai tab nay 8. Nhap chon trén trinh dén Insert > Layer dé tao mdi Layer nifa. Bay gid ban c6 hai Layer trong muc Nut 12 nay. Nhdp chuét vao tab Up tén Layer2 va chon cdng cu Text Tool trong hdp cSng cu va nhap vao tai déi tusng vong trdn ky wy [a si “12” nhu hinh bén dudi. Ban ed thé chon trén trinh don Window > Panels > Character dé chon font I: VNBedrocH va kich thue cho ky ty vita nhdp 1.71 nhw hink bén dui. Chui ¥ : Ban nén chon mau cho ky ty 1a mét mau khic, khée véi mau cia vong tron dé mai cd duge. 7GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH —) mm eee eo | al > [ez [pc rw | lem I a Khi néi chon mau td cho déi twang nghia 1a ban chon mau trong hop mau Fill Color bén dudi trong thanh céng cy va sau dé ding cOng cy Paint Bucket Tool dé t6 mau cho déi tugng. Céng cy té mau ‘Ving chon mau dé t6Mau 9. Sau dé nhdp chudt vao tab Over trong Layerl, nhdn phim F6 dé thém vao keyframe tai tab Over va chon mét mau t6 khdc cho d6i tugng trong tab Over nay. Gi Scened Gy Nuwet2 Gi Scenes GNuet2 & 4 O] plow Toot 1 ‘4 Of [onto Fe D Layer? | D Layer? | oe @ iti slo alt Nhdp chudt vao ving tréng ké bén phai tab Up va nhan phim F6 10. Nhap chudt vao keyframe bén dudi tab Over tai Layer2 va nhain phim F6. G Scene) GpNui2 (a Scene Nuel2 Up [SveTOowl Hie 4) gio) C2 Nhép chudt vao tab Over va nhdin phim F6 trong Layer2 78GIAO TRINH THIET KE WEB : PHAN BA! TAP - TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 11. Sau 46 ban lap lai bude 9 va bude 10 cho tab Down va Hit cba cd 2 Layer. Trong méi mt tab tai Layer, ban nén chon cho d6i tung c6 mot mau t6 khdc nhau. 12. Sau khi thyc hién xong ban nhdp chuét vao ving Scene bén trén tén cba Layer dé tra vé giao dién ban dau. G Scored Marz #so Ou 13. Liic nay ban sé khéng thay déi tong nuit vita tao xuat hién trong ving Stage. Do dé ban cdn phai ding dudng Guideline trén thanh thuc dé x4c dinh vi tri dat ddi tugng mit vita tao vao trong ving Stage, Tao duding Guideline ngang bing cach nhap chudt vao ving bén trén thanh thuée ngang va kéo xudng dé xéc dinh vi tri. Nhdp chugt vao ving bén trén tai thanh thude dving va kéo sang phai dé xdc dinh tam cho vong tron. Sau d6 chon trén trinh don Insert > Layer dé tao méi thém mét Layer va dat tén cho Layer nay Ia Layer Mat So. Chi ¢ : Tit cd cde mit sO ban tao ra sau nay déu dat trén Layer Mat So nay. Do dé ban phai luén nhdp chudt vao keyfranme thi nhat trén Layer nay dé chon né. 14, Sau d6 ban nhdn phim Ctrl + L dé mé cifa sé thu vién De xudt hién. Ban nhap chugt vio muc Nut 12 va kéo vaio 1) trong ving Stage. Luc nay ban sé thay mit xudt hién. +S |eK Dang céng cy Scale tai muc céng cu Arrow Tool dé thay ol 448i kich thud cila nit vita tao nhé lai cho phd hgp véi at kich thudc cia ving mat déng hd. Scale} 79GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH One tern in bray, Name Beo a+) Nhép chu 15, Sau dé ban di chuyén déi afgng mit nay sao cho n6 nim ngay ving chinh gita cba tam hudng lén trén trong mat déng hd. 16, Ban lam twong ty tir bue 6 cho dén bude [5 cho nuit cd tén Nut 3, Nut 6 va Nut 9, CATT] Options % Nag 4 Nus (Nas "3 Nate Ovo adl 17. Chon trén trinh dan Insert > Layer, 2 lin dé tao mdi 2 Layer va dat tén la Layer Kim Ngan va Layer Kim Dai. 80GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH WY LaverkraNgas pt \ Downes, [Sains LD Lapeer ++ oll ie a 18. Chon wen wink dim Window > Common Library > Graphics, Sau dé hip chudt vio mue Clock Pencil va kéo muc nay vw trong ving Stage. nui 6 cde doi tusng nut ban viga tao, Sau do tat ther vign nay di, Name x eel Mouse Gi Supporting Grachies ] oS] 19, Chg tren wink den Window > Library thay hin phim Ctrl + L) dé mé cia s4 th vign, clia file bun dang ding. Luc nay ban sé thy xudt hién mOt x6 mue mi han vita Keo mue Clock Pencil tif trong Common Library wo, Bpinne 20. Chon trén keyframe thy nhat én Layer Kim Dai va chow muc es ten la xPart-Clock Pencil. tos kéo muy nay vao bong ving Stage va dat oni - ngay chinh wida tim cia 2 dung Guideline. sg thes . mend 21. Sau a6 chon keyframe thet abit ar Ey apetct Fee I Kim Ngan, ban edng kéo mue xPart-Clock — n Layer Pencil Minute vio wong ving wing Ue nhuit Le Pan hen arate ban vita thie bign cho mue xParf-Clock “a sPatClck Fane teats Pencil. owe ost) Cho ¥ : Ban ed thé ding cong cu Zoom Tool trong hop cong cu dé phong to viing vi tri dat hal cay kim ding hé vag sad cho hai cdy kim nay ndin chdng lén nhau. (xem hinh minh hoa) aGIAO TRINH THIET KE WEB TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH Dung céng cu Zoom Tool dé phéng to cdc déi tugng 22. Bay gid ban e6 thé xod ddi tung Clock Pencil ma ban vita tao ra trong bude 18 23. Sau dé ban chon trén Layer Kim Ngan va nhdp chudt tai keyframe thi 65 trén thanh thuée Timeline. Sau dé nhan phim F6 dé tao dudng chuyén ddng cho cdc Layer 6 trong thanh thude Timeline nay. D Loxrkmba + D LyerMaiso + + Layer en . Bo os 6 Ope S36 4 24, Ban lap Iai bude 21 tung wy cho Layer Kim Dai, Layer Mat So va Layer Nen. aso): « se «© 6 » s 0 «© © & o ff WD tyerkinNiown = > Olle Layer dé tao moi mt Layer va dat tén cho Layer nay 1 Layer Chu, Sau dé nhap chudt tai keyframe thi nit trén Layer chi nay. IPsec f° CD Layerkim Ngan * * iC — a D Liyerkinos + + A 5 he sg eg ee 12 | awer Mat Sa oe a Be oo Bi 1 ‘vos ov a] | 32. Chon cdng cy Text Tool trong hop cng cy Tools va =] nhap vao ky wf “STK” wén mat déng hé ngay tai ben aot dudi hai cdy kim RoR [7] jo lo —_ 33. Bay git ban nhap tiép ede ky nr “DONG HO KY THUAT SO” bén trén hai cay kim va xoay chudi ky ty nay thanh mét hinh vong cung. Dé thyc hién duge diéu nay, ban phai nhap mét lan mét ky tw riéng biét. Sau dé diing céng cy Rotate trong ving céng cu Arrow dé xoay ting ky tu nay. 84ad GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH nhin phim Shift trong khi ahdp chudt chon vao titag ky ty dé chon hét nay. 35. Sau d6 ban chon trén trinh din Modify > Group dé nhém tat ca ban ding cong cu Arrow Tool nhap ‘p thinh hinh vong cung nay. Ban nh At cd cde ky tu ¢ ky ty nay lai thanh mot doi tung. gitip cho ban di chuyén dé dang khi mudn hiéu chinh lai sau nay. 85GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HiNH ANH 36. Sau dé ban kéo Layer Chu nay xudng nim bén dui Layer Kim Ngan va Layer Kim Dai aso. 5 = « # Dleekinion >» Olly. D LayerkinDai + aif? D Layer Mat So D Layertien +-B B @ i]t oo D1 re0Ks cos} 37. Cudi cdng ban nhén phim Ctrl+Enter (hay chon trinh don Control > Test Movie) dé dién hoat doan phim vita tao trong mdi trudng Flash Player. Luc nay ban sé thiy kim dai trén ding hé xoay dén hét mot vong trdn va kim ng&in chuyén sang chi | gid, Sau 46 lp lai qué trinh trén Hién tuc. Ban cling co thé nhap chudt vao cde si trén mat déng hd dé xem n6 adi mau. 38. Ban c6 thé hiéu chinh tiép cho kim ngdn cila ding hé xoay !ién tye kh6ng phai kim ngdn chi dén 1 git réi ngung ma co thé chay tiép lién tuc cho dén 12 gid tr lai. Ltic nay dé thyc hién dude diéu ndy ban phai nhan phim F6 dé thém keyframe va lip lai ti€n tinh da ndi 6 trén cho dén khi ban c6 duge doan phim mong mudn. 86GIAO TRINH THIET KE WEB : PHAN BAI TAP - TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 39. Ban c6 thé t6 mau cho m nén ca lép Layer Nen. Nhim tao ra mét mau nén khdc cho Idp én mat déng hd. Nhap chuét tai Layer nén va chon cong cy Paint Bucket Too! trong hép céng cu va chon mét mau t6 trong bang mav. Sau d6 nhap chudt dé t6 mau cho ldp mat nay Mat déng hé sau khi duge to mau 40. Ban co thé chuyén déi mau nén Background Color sang mgt mau khde cho phi hyp vdi mau nén trén mat déng hé. Trong anh mau vi du chon mau nén Background 14 mau den. Thé 1a ban viva thife hién xong cach tao ra mat déng hd c6 cdc kim chuyéa déng. Trong phan nay chi yéy hudng dan cdc ban cach tao ra ede nut trén mit déng hd va cdc chuyén déng xoay quanh mét diém. Song song vai viée thuc hién d6 ban ciing biét duye cach sip xép va xoay cdc ky uf thanh m6t déi tugng riéng biét. 87GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH TAO RA CHG VIET Trong bai nay ban sé ding ede frame dé tao ra mot cdng thie todn hoc viet Wen nér bang den. MUN eee memes Mon Toan: ai 5: PHEP CONG HAI a Ww” Cach thie hién nhit sau: 1. Khdi ding Flash 5. 2. Chon trén rink dan File > New. Sau dé ban ¢6 thé chon _kich thudée cho doan phim hing cach chon wn winh dun Modify > Movie. Nhdp gid tri tai mye Dimension li Width va Heigh dé xe dinh kich thudc eda doan phim. Bue xic dinh kich thude file cilia doan phim ban c6 thé 6 chon néu ban mudn diing gid wt kich thutic doan phim mac dinh. Frame Rais FZ fps OK width Height Dimensions. [E0o% x [400pA | Match Bri Gentents Background Color Cancel Ruler Units 3. Bay gid ban nhdp chudt vao Layer! ddi tén lai thanh Layer Nen, Bay gid’ ban nhap ehudt chon cong cy Rectangle Tool trong hép cdng ey. Sau dé chon wén tinh don Window > Panels > Stroke. Trong bing Stroke ban hay nhdp chuét vao ving gid tri chon kich thie cho née dung vien cha doi tung va xdc dinh kich thude [a 8 88_ GIAO TRINH THIET KE Wee : PHAN BAI TAP - TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANH vio hop mau 4. Sau d6 ban hip chug 2n phdi va chon mot mau cho duving vien R mau xm, 6 envio thir ba trong hang thi abdt tit wai dém sang. | (neler ey cham ma 5. Nhalp chndt chon dep wong hop mau Fill Color trong hop eo uw den, Sau ds vé mt hinb chi nhgt Ldn vio trong ving Stage. Hinh chit abat say co thé nbd hon vong, Jam viée ciia ban mor ebvat, I | 7 Lom ( 6. Dé thie hién due diéu nay, ban phai chon cng cu Zoom Our dé th nhd ving lam wide sau d6 mei thye hign dng te ve hinh chi nh4t vio. Saw khi ve kong hinh chit nhat es nén mau den, ede duting vien eta hinh nay e6 mau xdm. The ti ban vita tia xong tim bing den, BoGIAO TRINH THIET KE WEB : PHAN BAI TAP ~ Ty HOC MACROMEDIA FLASH 5.0 BANG HINH ANH —— Do in trdng den nén ban khong phan biét duge nén mau den, do dé ching toi c6 thé er nén nay di trong cdc dnh mau hudag dan. Do dé cd ban c6 thé khéng thay duge mau nén den, ban c6 thé nhin thay true tiép trén méy tinh ca ban. Ghi chi tat 7, Bay gid’ ban chon én tinh ddn Insert > New Symbol. Trong hp thoai New Symbol, chon myc Name dat tén 1a Nut 1, mye Behavior nhap chon Button. Sau dé chon OK. Sin Name: raed Ox Behavior ~ Movie Cip Cancel © Button © Graphic Help 8. Nhan phim Ctrl+ diu nhdy don (*) dé md ca 6 Idi xudt hién, Dang céng cy Zoom phong to ving lam vige (én, Sau d6 chon céng cy Line Tool tong hdp cOng cu bén tii giao dién va vé vao hinh chif nh4t nhé va nhé chon mau t6 cho no 1a mét mau sdng (vi du nhu mau vang sang hay mdu xanh 14 cdy s4ng) nhu hinh bén dudi. “| { 2 [AF t 2 ine Tool (N]] : Ban hay nhdp chuét chon trén tinh don Window > Panels > Stroke dé chon lai kich thude cia dung vién J3 1 vi wong bude 4 ban da thay déi kich thuée cia dudng nét vé Solid. Do a6 ban hay chon lai bling céch nhap vao la 1 oh A? ot. me ; [ 9. Doi tgng vita vé trong bude 8 d trén phdi duige dat tai tab Up trong Layer! 90GIAO TRINH THIET KE WEB ; PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 10, Sau dé ban nhap chudt vio ving bén trai tab Up 1a tab Over trong thanh thude Timeline va nhda phim F6, Sau dé vin ding cong cy Line Tool dé vé thém adi tugng co cdc tua nhu hinh sau: [+ 11, Lue nay ban chon mt mau t6 14 mau séng khde voi miu da chon Iie ttde trong buse 8. Sau d6 16 mau cho déi tugng va vé trong budc 10 6 trén. Trong mau vi du nay chon mau (6 14 mau ving sing. 12. Nhap chudt vao tab Down va nhdn phim F6 ln nifa, Lic nay ban chon mot mau t6 LA mau khde vGi hai mau vou néi 6 trén va t6 mau cho Adi tung c6 cdc tua nay. Trong mau vi du nay chon mau t6 1a mau dd a1GIAO TRINH THIET KE WEB : PHAN BAI TAP - Ty HQC MACROMEDIA FLASH 5.0 BANG HINH ANH Scene1 (Nut [ = 13. Ban lap lai buie 13 dé thye hign cho tab Hit trén Layer trong thanh thude Timeline. Sau d6 ban nhap chudt vae Scene dé tt vé ving lam vige ban diu @ Scag GNut | 2350 ee a «206 03 af tao xuat hign rere oe EJ nem inlibiar Options 14, Lc nay ban sé khéng thay n jon trén tinh don Insert > Layer 2 lin dé to mdi hai Layer va dit 1én cho Layer nay 1a Layer Nut va Layer Cong Thue trong viing Stage. Do dé ban hay 15. Bay gid ban sé chon trén trinh dun Window > Library va nhap chugt vao muc Nut | va kéo vio trong ving dui cling bén tréi tai ving Stage sao cho d64 wtgng nay nim trén Layer Nut vita to. 92GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH ' Bat d6i turing nut veo trong vung 5: Ving Stage & ché #6 thu ahd, 16, Sau d6 ban tao thém mot Layer nda bling each chon trén tinh don Insert > Layer vi dit (én cho Layer nay ta Layer Vien Phan, ding céng cy Line Too! vé vién phan trén Layer nay. Hinh vién pia ban phdi chon mau t6 1a mau trdng hodn toan. CG Layer Cong Thue LD Layer Nut “+o D Layer en an) LN nban ding cdng cu Arrow Tool dé chon hét déi tung vién phifn nay va chon h don Modify > Group dé nhém doi tugng vien phan nay lat. 18, Nhaip chudt tai keyframe thif 30 trén than thude Timeline tai Layer Nut va nhan phim F6 dé tao duting din cho frame, 19. Déi vai Layer Nen, ban [dp lai bude 18 cho Layer may, Lite nay ban chi e6 2 Layer dugse tao thém keyframe chuyén dong ahu hinh bén dudi TD LayerVien Phan = D LayerCong thc + + ayer Nut os posa|o it Oe Bt oo BL 7 wos: 2s « 20.Nhap chudt vao keyframe thi nbat wén [ 7] 1 Layer Cong Thuc, sau dé chon cong cy oa] ik | Pencil Tool (igo wong cay viet chi) trong AV | ae hop cdng cy bén tai giao dién hoge ban 4 mas wing cé thé ding céng cu Line Tool sau dé (ffenei ool 4 [le Toot ding cong cu Arrow Tool dé kéo . 17 oO | oa iu : Ve d6i tung sO 2 ding cong cu Line Tool sau d6 ding cong cu Arrow Tool va kéo dung thing nay nhu mong mudn theo sau day: 93GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HQC MACROMEDIA FLASH 5.0 BANG HINH ANH Ar? Tu trai sang : Anh vé géc ban ddu dung cong cu Line Tool, ding cang cu Arrolw Tool kéo déi tugng va anh cudi cung sau khi ding céng cy Arrow Tool Chi ¢ : Tat cd cdc d6i tudng ban tao ra trong Layer Cong Thuc déu cé mau vién (Stroke Color) 1a mau tréng (hay mau den). Ban phai chit y dac biét dén diém nay do nén cia tim bang la mau den (hay mau trang). 21. Ban sé tao ra mét loat cde déi tugng ma ban muén vé ching bing tay. Cae d6i tong nay 1 nhiing con sO trong cng thie todn hoc nhif sau: 2 + 2 = 4. Do dé ban phai ding céng cu viét chi dé vé cdc con sé nay. Bay gid ban nhap chuot vao keyframe tht nhat trén Layer Cong Thuc va vé bute dau tién cho sd 2. @ 22. Bay gid trén Layer Cong Thuc di duge tao ra tai keyframe thif nha, do dé ban nhap chudt tai keyframe thi nhat nay va kéo sang phdi dé tao ra 2 keyframe trong va dit keyframe vifa tao ra trong bude 21 tai Layer nay trong keyframe thtf 3 nhw hinh sau: a@agias » aad D LayerVienPhan + + i TD LayerVien Phan + + D Layer Nut © LayerNen CD Layer Ns @ i]t) a) a alla ols) alt) chu6t vao keyframe thi hai tén Layer Vien Phan va nhdn phim F6. Luc nay ban sé thay mot keyframe duge thém vao. Ban hay cht ¥ vi tri vién phn trong ving 4 (ai vi tri ddu tién trong ving vé con sé 2. Ban sé giao dign Stage vi vién phiin sé thay rd duge diéu nay trong bude 24 sau. waoe: D LayerCongThuc + + D Layer Cong Thue + + GI OD Layer Nut - + Bl Layer Nut _ + ol. OD Layer Nen - : wl D Layer Nen -: Bi. ~~ all wie Ll) Layer Vien Phan trudc va sau khi tao mdi keyframe 94GIAO TRINH THIET KE WEB : PHAN BAI TAP — TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 24, Sau dé ban nhdp chudt tép vao keyframe thi ba va cing hin phim F6 tai keyframe Vien Phan nay. @30 ( LayerCong Thus + + O hs © Layerut tt Bille © LayerNen t+ Wie we Ann sau khi nhan phim F6 dé thém vao keyframe trong Layer Vien Phan 25. Tai keyframe thif ba én Layer Vien Phan, ban di chuyén hinh vien phia dén vi tri cudi ig cla &Gi tudng ban vita vé trong bude 21, Vitri vin phan tai keyframe thi hai va keylrame thu ba trong Layer Vien Phan 26. Ban nhap chu6t vao keyframe thif 4 trén thanh thudc Timeline trong Layer Cong Thue va nha phim F6. Sau d6 ding céng cu Pencil Tool dé vé tiép nét vé cho hinh nhu saw: = TD Lager Vien Phan LY Layer Nu . D Layer Nen - BD pn \ Chi ¥ : Luc nay ban cha U hinh vién ph@n xuat hién tai keyframe nay. 96GIAO TRINH THIET KE WEB : PHAN BAI TAP ~ TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 27. Sau dé nhdp chudt tai keyframe th 4 én Layer Vien Phan va nhin phim F6. Ban di chuyén vién phan dén vi tri két thc cla nét vé trong Layer Cong Thue. D6i tugng vin phan tai keyframe thu 3 va th’ 4 trén Layer vién phan. 28. Tiép dén ban nhap chudt vao keyframe thi 5 trén Layer Cong Thue va nhdn phim F6 sau d6 vé nét cudi cing dé két thiic nét vé cho déi tugng sé 2 nay. Sau dé ban cing nhip chudt vio keyframe thi 5 ¢rén Layer Vien Phan va nhdn phim F6 va dat vién phan tai vi tri cvdi cing cba nét vé sé 2. 2 Béi tugng sé 2 sau khi vé va vi tri vién phn tai Keyframe thi 5 29, Nhdp chudt vao keyframe si 6 trén Layer Cong Thuc va nhdp tiép phim F6, sau dé nhiip chudt tip vao keyframe thif 6 trén Layer Vien Phan 30, Lic nay ban di chuyén vi tri vién phan dén vi wi bat diu vé di tugng dau tri (-). Chi § : Ban rat dé nhdm Jin khi thém vao keyframe trén Layer Vien Phan va Layer Cong Thuc trong khi vé céng thtic. Do 6 ban phdi chi ¥ that ky khi vé cng thife thi d6i wong tao nén cOng thife phai dit trén Layer Cong Thue. Vi trong hic vé va cing hic 46 1a thém vao keyframe mdi, ban cé thé quén cht ¥ dén van dé nay. Néu viéc nay xy ra ma ban khéng phat hién duve cho dén lic dién hoat chting, chic chén mt diéu 14 toan b phin con Jai t chd sai trd vé sau cia doan phim sé sai hoan toan. Che chan ban phai xod c4c keyframe nay va thuc hién lai bat Gdu ti vi tri sai dé, Vi khi ban thufe hign cdc thao tac trong bai thy hanh nay 1a cdc déi twong chuyén déng theo dang frame- by-frame, Do dé rat khé thu hién dude tifng budc hoan chinh néu ban khdng @€ y titng chi tiét trong doan phim. e 96GIAO TRINH THIET KE WEB : PHAN BAI TAP — TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH I —_—___] Chii_¥ : Ban c6 thé ding ede dung Guideline dé xde dinh chinh xée vi tri cla d6i wong tai keyframe trude va keyframe sau do. 31. Lap lai bude 29 cho keyframe thi 7 wong Layer Cong Thue va sau dé vé di wong ddu triy, Nhap chudt vao keyframe thet 7 trén Layer Vien Phan va nhdn phim F6, di chuyén vi ti vién phdn dén diém cudi cing ciia déi ttdng dau wi, _—— 32. Lap lai buée 29 cho keyframe thit 8 va di chuyén vi tei vién phdn lén phia trén dtu tr.GIAO TRINH THIET KE Wee : PHAN BAI TAP ~ TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH (D Layer Cong Thue © Layer Nut D Layer Nen Be De) Gif 8 “10m [06 [169 33. Lap lai bude 29 cho keytrame thif 9. Sau dé vé tiép d6i tugng thing ding va di chuyén vi tri vién phan dén diém cudi cing trong déi tugng vita tao. Po sd 34. Lap lai bude 29 cho keyframe thit 10. Tai day ban di chuyén vi tri vién phim dén vi wi dau tién ctia d6i tugng dé chudn bi vé ddi utgng sé 2 tiép theo. 98GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH a 35. Bay gid ban bat dau lap lai wr bude 25 cho dén bude 28 dé tao ra Adi tung 86 2 tai cde keyframe thi 11, 12, 13. 99GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HiNH ANH wt 37. Lap lai bude 29 cho keyframe thit 15, vé d&u nim ngang trén Layer Cong Thue va dat vi tri vién phan vao diém cudi cia d&u n ngang phia trén 38, Lim (wong ty bude 36 va bute 37 cho diu nim ngang bén dudi tai keyframe thit 16 va 17, Liic nay ban sé e6 duye du bing, Vi tri vién phan tai keyframe thi 16 100GIAO TRINH THIET KE WEB : PHAN BAI TAP - Ty HOC MACROMEDIA FLASH 5.0 BANG HINH ANI Vi te vién phéin tai keytrame thu 17 bude 29 dé thém vio keyframe tong keyframe thif 18. Sau d6 di chuyén vi tri mot chit 39. Lap la vién phan sang phdi hudng lén wré y chim hoi ('). 40. Lap lai bude 29 tai keyframe 19, 20, 21, Tai ba keyframe nay ban vé d =" =) Dau chdm hdi tai keyframe 19 va 20 41. Nhdp chudt vao keyframe tht 22 tai Layer Cong Thue va nhan phim F6. Sau dé lam twung ty cho keyframe thi 23 va 24. Lite nay tai nhitng keyframe 22, 23, 24 nay tren Layer Vien Phan ban sé tao ra nhitng keyframe rong (Blank Keyframe). Bing cach nhap chudt tai keyframe thif 25 va sau d6 nhiin phim F6. 101GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 250 D Layer Cong Thuc + * D Layer Nut +> @ D Layer Nen +: @ ica) 0 D Layer Cong Thuc Oo Layer Nut a DD Layer Nen g Be il} ao & Lr 2B '120%s | 205 Keylrame 25 xut hign sau khi nhan phim F6 42, Sau d6 nhiip chudt vao keyframe thi 22, 23 va 24 én Layer Vien Phan dé xo4 n6. 230 0 D Layer Cong Tuc + + O OD Layer Nut ~- alk Dlayerien ++ Balle iH ae allt on wt am rom 1% «| | Nhap chuét vao keyframe 25 d8 xod nd D aye Vien Phan D Leyes Cong Thue D Layer Nut foo BL % 10%—s Cac keyframe 22, 23 va 24 sau khi xoa 43, Bay git ban sé thy trén thanh thuéc Timeline khdng cdn frame ndo trong khi dé doan phim eda ban vé chua xong. Vi vay ban phai thém vao mét sé keyframe nifa bling cach nhdp chudt vao keyframe cudi cing trong Layer Nen va kéo sang phdi cho dén keytrame thit 35, Lic nay ban sé tao ra mdt sf keyframe tréing sau dé ban sé kéo ving keyframe c6 hinh chit nhat nhd dén keyframe thif 35. 102GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH aso): 0° « » =» A J OD LaeVienPhan > > D LaverCong Thue + + O D Layer Nut + a aso UD Layervien Phan +? Ml TD LayerCong tue + + O CD Layer Nut +-o 7 c " we eiiiaoe os wom cme ef | Keytrame trén Layer nén sau khi kéo sang phai 44. Ban lap lai bude 43 cho keyframe trén Layer Nut. Bay gid cdc keyframe trén 2 Layer da duge thém vao. Ban cé thé tré lai frame trén Layer Cong Thuc va thye hién tiép cong viée con dang dang dé cia minh. D Layer Vien Phan OD Layer Cong Thue + [ae D Layer Nen - Be BS Bilt oom ty) 8 lois 2a Keyframe cuéi cUng trong Layer Nut vita duge thém vao 45. Nhap chudt tai keyframe thit 26 va nhdn phim F6 cho cd 2 Layer Cong Thue va Layer Vien Phan, sau d6 chon keyframe trén Layer Vien Phan va di chuyén vi tri vién phan vao ving vé bat dau cho adi tuyng sé 4. 103GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HiNH ANH 46, Bay gid ban nhap chudt vio keyframe thi 27 va nhdn phim F6 trén cd 2 Layer. Sav 46 vé duting 4 én cho doi tugng sO 4, di chuy€n vj wi vién phan dén diém cudi cing cba dug xién nay. =/ 47. Lap lai viéc nap chudt vao keyframe thif 28 va nhan phim F6 cho cd 2 Layer Layer Cong Thuc dudng nim ngang ctia déi tudng sé 4. Di chuyén vién phan dén vj tri cudi cling trén duéng thing nim ngang nay, 2+2-L| Vung xem téng quan cia Layer Cong Thuc tai keytrame thu 28 | a vé trén 48. Lap lai bue 45 cho cd 2 Layer trén keytrame thif 29, sau d6 di chuyén vj tri vin phan dén diém 104GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH =f 49. Va cudi cung ban lap lai viée nin phim F6 cho keyframe thif 30 tai 2 Layer nay. Bay i tidng so 4 dé két thie duding vé. Sav gid ban vé duiing thang dimng cudi ceding trong 46 ban nhap chudt vao cde keyframe cdn lai én Layer Cong Thue va nhdin phim F6 cho én khi két thic keyframe (keyframe thi? 35), Ti keyframe thif 30 trd di wén Layer Vien Phan ban khéng tao nifa, chi dé trong, 50. Ban vita tao xong doan phim nhung chua hoan chinh, ban c6 thé chon trén tinh dun Sau dé doan phim dién hoat hién nhy hién Control > Test Movie dé xem trude doan phim trong Flash Player, Khi ban dua chudt vao tai goc tai dudi ban sé thay xua hinh bén dui P chuSt vao ndt nay dean phim sé phat lai y gid ban sé tao ra lénh cho nuit khi ban al sau khi két thie doan phim. Céch thie hién nh sau: 105GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 51. Nhap dup chuét vao keyframe thi nhat trén Layer vién phan dé xudt hién bang Frame Action, Sau d6 nhap chudt xod d6i tugng vién phn c6 trong Layer nay. 52. Chon trong bing Frame Action, nhip chudi vio muc danh sich Basic Actions. Sau dé nhap dip chuét vao lénh Stop. Luc nay Iénh Stop sé xudt hién tai ving bén phdi Paes [ae Movie Explorer] Al Frame Actions a0 + = Frame Actions ~ - via IB) Basic Actions a @ Goto - @ Phy ‘ @® soy No action s Stop playing the movie | [[BeeMovie Explorer] ga Frame Actions | bm. Frame Actions - — val TBD Basic Actors || @ cote | Li) ety | [No action selected » a ‘ No Parameters Lénh Stop chifa tai keyframe thi nhat trén Layer Vien Phan 53. Lap lai wr bude 52 cho dén buée 53 tai keyframe cuGi cing trong Layer Cong Thuc. Luc nay ban sé thay mét ky ty chifa “a” nhé xuat hién tai keyframe thif nhat trén Layer Vien Phan va keyframe cudi ciing trong Layer Cong Thuc. Ky wr chit “a” nhé xudt hién tai cdc keyframe nay cho biét hai keyframe nay c6 chita cdc @so|) os 0 16 2 2 30 5 al D Layer Vien Phan © LayerCongThuc * * O | Layer Nen . ¢ Bile le —_ | _— ——L ®w @ |it) o alfa [r2oms [28s «| la a cPGIAO TRINH THIET KE WEB : PHAN BAI TAP ~ TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 54.Bdo dim ring bang Frame Actions vin con xudt hién tén giao dign trong ving 1am vige. Sau &6 nhip chudt tai keyframe thet nhat én Layer Nut va nhap chugt vao di tugng nut dé cho bang Frame Action bién déi thanh Object Actions. 55.Nhip chugt vdo muc danh — séch Basie Actions bén wai bing va nhap dip chudt va0 mue Play. Sau dé mét day lénh xudt hién tai bing bén hai trong hinh sau: ning Nnap dup chudt vao Iénh Play trong vung Basic Actions TD Base Raton @ oto ® Fy No action selected, No Parameters [s0Movie Exaorer] 3 Objes Retr + = Obpct Actions va Tp) Bese Acne 7 @ Goto @ Pia 7 + Line 2. play or (lease) { NoParameutt @a 56, Tai dong lénh Play trong bang bén phai nay, ban nhap chudt tai ddng lénh on (release) 6 bén trén va nhap chudt vao dau iém Press bén dudi bang trong muc Event. Lic nay dong Jénh gdn thém vao muc kiém Press va xuat hién trong bang nh sau! On (press, release) { play (0 } iT e _ Z x) [[BpMow Eire] FL best ers] * + = Object Actions: ~ ve D bchcies uS Gato do pero: @ Pm , | Line 1: on (press. releasel ( Event [YX Press 7 Ros Over Aivese T Roto TH Release Quicite TF Diag Over T KeyPress T ong ou orGIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 57. Bay git ban c6 thé dong bing Object Actions nay lai. Nhip chudt tai keytrame thy nbat Layer Vien Phan va ding cong cy Text Tool dé nhap vio chudi ky wt. Ban cing thé dat chudi ky ty nay trong Layer Nen ndu ban mudn chudi ky oy nay xudt hién lién én phia trén tam bang trong khi cng thtfe todn hoc dang dién hoat. tue oe 0 4 WW LayerCong Thue + * O D taper Nut +o era alfiicin es + pane om Nhdp chudt vao keyframe thi: nhat trén Layer Vien Phan !O Ofteateatt] Chon céng cu Text Tool dé nhap cac ky ty ty chon vao trong ving lam viée m 2001 1A SO S8. Bay gid ban sé xem doan phim cia ban vita Wo ra trong Flash Player bing cdch chon trén trinh dun Control > Test Movie (hay nhdn phim Ctrl + nhdin phim Enter). Luc nay ban dua chudt dén mit ndm ben goe trai dudi sé thay xudt hign ving sdng va nhap chudt vao mut nay, chudi cOng thife ton hoc sé xuat hién dién hoat cho két thc, Sau dé nap chudt vao not nay [in nifa s8 trd lai giao dién ban déu 108GIAO TRINH THIET KE WEB : PHAN BAI TAP - TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANH Control Window Help Play Enter Rewind Culealter, Step Forward Step Backward ; Debug Movie ’ ene CtneAltsEnter Test 59. Trong mau vi du trong anh sé hién thi hai cdch trong bu6e 57 vita dé cp 8 en nghia Li tao chudi ky ty xuat hién ti ddu cho dén cui doan phim va mot chudi ky ty xuadt hién trong ln du tién trvdc khi ban nh&p chudt vao nut. Céng thie toan hoe dang din hoat khi ban nhap chudt vao nut 109BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HIN Thif sau ngay Ul thang 8 nam 2001 A CSU Rt Bai 5: PHEP CONG HAL SO Thi sau ngay H thang 8 nam 2001 Mon Toan: . Bai 5: PILEP CONG NAL SO 9 dién hoal trén nén tam bang mau den trong khi dién hoat Chic cdc ban thanh céngGIAO TRINH THIET KE WES : PHAN BAI TAP ~ TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH TAO MENU POP-UP Thinh thodng trong mét trang web nao d6, c6 lic ban can dén mot form (mau) 6 sin. Vi du nhy ban mudn mua sdn phdm cia mét céng ty thong qua trang web clia cong ty d6. Ban phi dién v30 mau dat hing clla cong ty dé giti théng tin cla ban dén dich vu ciia trang web. Cac théng tin trén trang Web nay cé thé 1a tén, dia chi, sO dién thoai .. .. Ban cd thé ding cdc hidu ting dic biét cba Flash dé tap hop cdc yéu t trong Flash tao mét giao dién cho mot mau chung nhu la menu pop-up (trinh don doc) va cdc trinh don con ctia nd. Céc thanh phan chung dé thu thp dif ligu trong bang menu pop-up va cho phép ngudi ding téc dang dén cdc mit c6 trong trinh don menu pop-up nay. ‘Trong phan vi dy minh hoa dwdi day A mot mau trang Web minh hoa duge tao ra bing Flash. Trong dnh dau tién khi nguéi ding nhap chuét vao cdc nut, cde niit nay s n két dén trang cé trong cde mut. Khi ngu&i ding nhap chudt vao nit “BON PAT HANG” thi Flash sé lién két dén wang “DON DAT HANG” xudt hién. Tai day nguti ding co thé dién vao day di thong tin va sau dé gdi dén cOng ty thang tin a6. Trong trang “DON DAT HANG" ban sé thay tai mét so hdp nhut Ma hang, Loai hang, Tén hang va $6 ludng déu c6 cée menu pop-up. Khi ban nh4p chudt vao mét trong nhiing ving nay, ban sé thay cdc toai cé trong ving dé dé chon. Cac hop nay déu Ia cde trinh don menu pop-up. Menu pop-up 1 mét giao dién thich hgp vdi cdc chuong trinh Idn, 1A mot su két hop nut, phim va cdc Scene ma sau 46 cho ban giti thing tin dén mt chugng trinh ng dung khde twrén m6t may chi cuc bé hay WY xa. Tat cd cdc thanh phan trong bang menu pop-up ban thung WtGIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH thay 1a nit radio, danh sich thd doe xudng va hép fifa chon (check box) c6 thé duge tao nhur Mot phim hay mc nuit trong vide thict ké giao dién cho trang Web dé tao sy thu hut nguti xem, Menu pop-up chi 1a mét phan nhé trong giao dién ctia trang Web. Do dé ban co thé trang tri lay thich. Sau diy la ede bude thyfe hién dé tao ra menu pop-up nay poet fe wee DAT Se Vow hing: Da bien ——- & 1. Trtde hét ban bat dau tao ra cde nut dé sau na’ xuat hién trong trinh don. Chon trén teinh din Insert > New Symbol hay nhap chudt chon tai dau eng wong etta si thu vién (chon trén trinh don Window > Library) dé tao nét mai Céch tgo ra menu pop-up nhut sau: cht 2. Sau khi chon lénh New Symbol, mt hp thoai Symbol Properties xudt hién. Tai day ban nhdp chudt vao muc Name va nhdp vao tén la Nut 1, trong mye Behavior chon [a Button. Sau khi chon xong nhiip chudt vao nuit OK. iS ymbot Prop Name: far Behavior © Movie Cip © Button © Graphic 3. Trong m6t nut ludn JuGn es 4 tab tai thanh thude Timeline. Tab Up, Over, Down va Hit. Trude hét ban hay nhdp chudt vao tab Up trong Layer! va chon teén ving cong cu bd sung Round Rectangle Radius tai ving bén duéi bing Options cua céng cu Rectangle Tool trong hdp cong cu 112GIAO TRINH THIET KE WEB : PHAN BAI TAP - TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANH Gplons & Found Rectangle Fisdus] 4. Sau dé ban nhdp gid tri tai mue Corner Radius trong hdp thoai Rectangle Settings la 9 pixel, sau d6 chon OK, ems Somes Rass [7 pgonts Cancel Helo 5. Tiép theo, ban vé vio trong giao dién mot mit c6 kich thude mong mudn, Tao thém mét Layer mdi va c6 tén mae dinh la Layer 2. Chon tiép cong cu Text Tool trén hop cOng cu va nhap vao kyty “LINH KIEN ROI" tai Layer 2 trong tab Up. * 6. Nhip chugt tip tai tab Over va nhdin phim F6 lin le cho ed 2 Layer. Sau dé chon mau 16 khdc dé t6 cho Layer! va Layer 2 trong tab Over. 7. Lap lai bude 6 dé thute hién cho tab Down cho cd 2 Layer. Up | Over[Dowr ole lk | 8. Sau dé nhdp phdi chuét tai cita sé Library tai muc Nut 1 va sau d6 chon lénh Duplicate co trong trinh don doc dé sao chép nuit vita tao nay. 113.GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH LINH KIEN BGI | Name In Rename Move to New Folder ’ Delete Edit Edt wath Properties. Define Clip Parameters. Linkage le Play Behavior » 9, Tai hép thoai Symbol Properties, trong muc Name ban xod ky tw Nut 1 copy va nhp vio tén mdi [a Nut 2. Say dé nbap chon nit OK. Céc nuit tiép theo ban dat tén la Nut 3, Nut 4 va Nut 5 Einunkanen Nome: fiutT cool | OK. waviot, Move Cip Cancel Heo 10. Sau d6 chinh sita lai ky ty “LINH KIEN ROI" thanh “MAY TRON BO" tai cdc tab Up, Over va Down. ut “HOL [ LINE TINH Ei | HOI uA DAP Er | carmen [ eee t a | MAY TRON BO 11. Lap lai tir bude 8 dén bude 10 cho mut “LINH TINH” 114GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 12. Chon tiép trén tinh don Insert > New Symbol va trong hOp Symbol Properties, ban chon muc Name dat én cho nuit nay 1 Nut Tam Giac va muc Behavior chon li Button, sau dé chon OK 13, Tai tab Up ca nit nay ban vé hinh nhuf sau: ban hay chit ¥ diém khai béo, diém khai bdo phai nim chinh gidfa dinh dui cda tam gi 14, Sau dé ban lap lai bude 12 mst Symbol mdi va c6 céc thudc tinh sau: Name chon 1a Symbol Nut Tam Giac va muc Behavior chon la Movie Clip. Sau 46 chon OK. Eos Name: [Bymbaia Tam Gied ok Behavior @ Movie Clip Cancel © Button —_— © Graphic Help 15. Tai day ban kéo mit Nut Tam Giac vita tao ra trong bude 13 tai cita 36 thy vién vao trong ving Stage. Sao cho vi tri cla mit duge dat ngay tai vi ui chinh gitfa cla diém Khai bao. 6. Ban nhip chudt tai keyframe thif nhdt én Layer! trong Symbol Nut Tam Giac nay va chon trén trinh don Window > Actions. Bay gid’ bing Frame Actions xudt hi ban nh&p chu6t vao nut hinh tam gide sau d6 ban sé thay tab Frame Actions bién thanh Object Actions RyMovetsor| 9 Fame Acvons| & += Frame Actions BD ease actions @® cote @ Pry @ soe Neo action selected ‘No Pacameters. 115GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH Hf Object Actions J , [BetoweEspiote] A nec Axops 2 P| GB) Gsm Revons a a) oper 17. .Nhdp dup chodt vae mue Basie Actions, nhap dup chudt chon [énh GoTo c6 trong danh mue Basic Actions, Lénh on (release) | gotoAndPlay (1)} xudt hién tai bing bén phai va ban nhap chudt bd d&u kiém tai muc Goto and Play va nhdp vao sé 2 tai hop. Frame va lénh trén tr thanh on release {gotoAndStep (2) }.. Oe cj [Bg Movie Eire] A Ober Aeron] 2 [y] + = Dbjec! Actions viel Basie Actions @ Gero @ Py Line 2 gotoAndStop (2) Frame Number 18. Tip dén ban nhap chudt tré lai keyframe tht nbat va nhiip chudt chon Iénh Stop trong danh muc Basic Actions dé gain Iénh Stop cho keyframe nay. Peer [Bisrovie Eipiorer| BI Frame Rotors + Frame Achons ~+ @ Gere @ Fry Top tp @_Toogl High Quan No action selected No Parameters 19. Nhdp chudt vao keyframe th 2 trén Layer) va nhin phim F6 dé thém keyframe. Sau 46 chon keyframe nay va ban kéo cée danh muc (cic wut Nut |... . Nut 5) e6 trong cita s6 thy vién va sip xép chiing tong man hinh nhv sau tai keyframe thi 2 trén Layer! nay: 116GIAO TRINH THIET KE WEB : PHAN BAI TAP ~ TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANH | LINH KEN RON maroon | MINH TINH | | HOIvA DAP | 20. Sau dé ban nh&p chudt vao nit Nut 1 (LINH KIEN RG) va chon trén tinh don Window > Actions, Sau dé nhip chu6t chon Iénh Set Varialbe trong danh muc Actions tai tab Objection Actions trong keyframe thif 2 cila Layer]. Hodc ban cing ¢6 thé chon Iénh Set Variable true tiép trong muc Actions. [[eMow Erie] 31 Cheer Hever, 2p Ho Dbyect Actions: va SSONITTs @ vemwvetromcwp @ roan @® sePropery @ swmtvag @ 0p Line 2 [a variable name is required Yaa: TF expression ee PF expression Chon lénh Set Variable truge tiép trong myc Actions 21. Nhap vao muc Variable tén “menu” va mue Value 1a “linh kign ri”. Trong myc Value ban ludn lu6n nhap vao tén hién thi én mit 46, Ban cit vige nap vao ding ky wnhu thé, bé qua ché d6 font hién thi mac du nd khong thé bién ding nhy ban mong mudn. 47GiAo TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH [Movie Explore] BR Dect Actions] [> $= | Object Achons oe va @ semovetdoves ® rersn TE @ sePropery _ ® sworn ® wp . Line 2: mera inh Kiedn 16 vanatle. [nena T Exeesson ed a 7 22. Sau dé bd sung thém Iénh gotoAnd Stop (1) trong ving Iénh bén dudi [enh Set Variable. Ban phai nh&p chuét vao lénh Goto réi sau 46 nhap chudt bé d&u kiém tai muc bén dutdi lénh Go to and Play dé trd thanh Jénh Goto And Stop. [Hi Movie Explorer] GY Object Actions| zy +> Obectic v4] Bas a ‘Actions > Phy Escepl Operators > Stop Escest Functions > Togale High Quality Esc+tq Properties > ‘Stop All Sounds Escess Objects » Get UAL Esc+qu FSCommand Escefs Load Movie Escsim Unload Movie Escoum i) Acti Z a x] [[BieMovie Exrover| A Obieat Actors] [> | + — | Object Actions va 11 @ wemoveMovecip ‘on Gaara) i] @ wm inh ean 5 [ @ sePropery @ seers @ stop | “Line 3: gotaArdStop (11: eee: [eure z 7 =i aio andiag Ba 118GIAO TRINH THIET Ké WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 23. Bay gid ban hay lip lai tir buBe 20 cho dén buée 22 cho cde nit cOn lai trong trinh don Menu Pop-up. + = Object Actions removelouelip set yanable sePropety srantDrag ©e20009 stop Line 3: gotoAndStop (1); ype [Frane number Evame. fi = > GotoandPiay Trong cau lénh Variable nhap vao la menu va trong muc Value la “may tron b6" cho Nut 2 @ remavehoueoip on (rales) { @ recur 7 menu = “inh hinh'; @ servwisnie ® serropery | @ aoe @ Jive. [Frame Nor 7 TF Goto andPtay [Biennial + =. Object Actions [i Sascncicns =] BD Accone @ trea x | Line 2 mera = “ih ink; Variable [ree P Expression vate: finrook T TF expression Trong cau lénh Variable nhap vao la menu va trong muc Value la “linh tinh” cho Nut 3 119GIAO TRINH THIET KE WEB : PHAN BAI TAP - Ty HOC MACROMEDIA FLASH 5.0 BANG HINH ANH oT Bove Eve] BY Oe Acres] + | Object Actions removeNoue cp ‘on (ramate) & setvarable setProperts sang stop OO9O08) Line 3: gotaAandStop (1) Scene: [euensene SSS ine [Faretomte SS S™~—C—SsSSSSSCD Fame ff = [7 Goto and Play Trong cau iénh Variable nhap vao la menu va trong muc Value la “hdi va dap" cho Nut 4 [(eaatrowe Entre, BY Oh Aarons 7p + =, Object Actions yA @ temoveNovieCip ‘on treease) { @ mn mana = "chit" @ servanase @® seProperry @ serous @ x0 . ‘Seene. [rearenseen Tue [Frame Number ~ = Frame. fi T Goro sniPiay @a Trong cau Iénh Variable nhap vao la menu va trong myc Value [a “chi ti cho NutS ip chugt vio viing Scene | trén thanh thude Timeline dé rd 120GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 25. Nhdp chudt vao ki frame the nbat trén Layeri tong ving Scene 1 va chon lénh Comment tai danh séch Actions bén trai rong bang Frame Actions, Sau dé nhdp ky tf “bat dau” tai muc Comment bén dudi bing Frame Actions. [Sky Mowe Err] 3 Frame Aton] + = Frome dctont [BI Bee aeine = Th rectors 4 @ trou. @ Ling 1° /? bat daw onanere rater | ———— 26. Tiép d&n ban them lénh Set Variable bén dudi nh Commment. Tai myc Variable ban uhdp 12 “menu” va muc Value ban nhjp vao 1a “linh kign ri”. iets _ aa -| = Actions] > ich kien | vaste, Rem Vane. iniieoa Gory 15uie Explore] Bi Frame Rovers oo Db + = Frame Actions aabiag vais igh Minar ca stop stoparsounds 4 @e@e@ stopDrag x Line 3 stop (1 28. Va cudi cing ban kGo Symbol Nut Tam Giae trong eta sé th vi (ving Lim vige) va trang tri fai abut sau vao ving Stage 424GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH Pr ECoe I 7 tems Options 29. Ding cong cu Rectangle dé vé hinh chif nhat ién bao quanh d6i wang hinh tam gide nay. | MENU POP: oP \/ ectangle Tool (Al 30. Cudi cing ban xem menu pop-up cia ban vifa tao ra dién hoat nhu thé ndo bing cdch chon trén trinh don Control > Test Movie. Nha chust vao nut lénh dé chon cdc I8nh 6 trong nut nay va Khi ban nhap chudt vao ntit tam giéc ban sé thily m6t doc céc thude tinh xuat hié khi ban nhap chut vao mét trong nhitng thudc tinh dé thi cde tat cd ede thudc tinh nay bién mat. Nhu v4y Ja ban vifa tao xong m6t menu pop-up, ban c6 thé thay ddi ky uf tén nhiing nt 46 dé tgo ra mot menu pop-up mong musn. Chiic cdc ban thanh céng. 122ET KE WEB : PHAN BAI TAP - TU HOC MACROMEDIA FLASH 5.0 BANG Hi [uinn K EN Rot | MENU POP-uP|\_/ | MAY TRON BO ( a | HO1VA BAP | curer Boan phim ban dang dién hoat trong Flash Player khi dua chudt vao mét trong nhdng nut MENU POP-UP _ LINE KIEN ROI MAY TRON BO [ LINH TINH | | mérvApaP | Nhp chudt vao nut CHI TIET 123GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH TAO BO DUNG CU TRONG Ce Symbol mit doi lic rat thing dung dé tao ra cée higu ting dic bist ten doi NYUNE trong Flash. Vi v4y trong phdn bai tap nay cdc ban sé 6 dip st dung cde mit dé tao ra mét loat higu Ung trén cde nuit. Khi nhéip chudt vio nhiing nut nay sé tao ra nhéng hiéu ting khde nau. Ma cu thé cdc ntit nay 1a ede cong cu trong n Ot dan trong. Céch tite hign ting buée nhu sau: 1, Bao dam ring ban dang 4 chuong trinh Flash 5.0. Sau dé md file mdi va dat tén la “Bo Dung Cu Trong™. Kich thude file ban ed thé chon tay thich. 2. Trude hét ban sé tao ra mét loat cic nuit, Chon tén trinh dun Insert > New Symbol va nhap vio myc Name 12 Chieng Trai va muc Behavior la Button. Sau dé chon OK. Bites Name: [Cheng Tral Behar C Mowe Dip Eo © Button © Graphic ig vé phia bén phi xde dinh tim cla 124GIAO TRINH THIET KE WEB : PHAN BAI TAP - Tl HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 4. Sau d6 ban e6 thé chon mau t6 va 16 maw cho déi tugng. — 5. Nha phim F6 tai tab Over va khong thay déi trén di tugng nay so vdi tab Up. Cha ¥ : Trong phan bai thy hanh nay cdc tab Up va tab Over trong cdc nuit déu gidng nhau. Nghia 18 déi tuyng trong tab Up va déi ngng trong tab Over déu gidng hét nhu nhau. Chi c6 khac biét trong tab Down ddi vdi nut chon trong bai tap nay ma thdi Do d6 ching (6i chi néi ring nh&n phim F6 tai tab Over sau 46 nhain phim F6 tai tab Down va khong ni cé suf thay ddi nda én adi tugng trong tab O1 er, c6 nghia 1a nhu vay dé. & Scene Gy Chieng frat ay | Teedoewt (Sve|Oewr| Her fel BB Bilt ao G Cy 2 20% 6. Nhin phim F6 gp tue va vé thém vio nbing ving xung quanh trén tab Down va dich chuyén d6i tung nay hudng lén trén mét chtit nhy hinh sau Chi ¥ : Trong td cd cde ntit ban ludn chén thém dm thanh vao trong tab Down, Do dé trong mOt s@ cAu tai tab Down chiing t6i sé khong nhdc dén van dé nay [= Scene 1 G9 Chieng Trai [ @ 5 Os loBat a1 I [=e baa op allt don sal] 125GIAO TRINH THIET KE WEB : PHAN BAI TAP - TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 7, Nhap chuét vao ving tab Hit va nhan phim F6, Sau 46 loai bé cdc tua trong déi tudng dé cho déi wang gidng nhy trong tab Up va tab Over. 8. Nha&p chudt trén trinh dun Insert > New Symbol va dat tén nhu trong hinh sau. ee LJ Nene: [Shang Behavior, © Mowe Clio Cancel © Buton © Graphic Hep chuét tai tab Up va vé vao nhu hinh bén dudi. Sau 46 t6 mau cho déi wung bang mot mau ndo dé G Scene yj Chieng Phai 126GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 10, Nhdn phim F6 dé tao d6i tygng cho tab Over. Sau dé nhdp chudt vao tab Down va nhdn tiép phim F6 tai tab Down va vé tiép vao nh hinh bén dudi |i Scere & Cen Phas @ 9 O[fo oeBed a] we @ lft ao S fy 3 [ops ozs 11. Nban tiép phim F6 tai tab Hit va loai bé ede dutsng phy xung quanh doi tugng gidng nbu tab Up ban dau 127GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH 12. Sau d6 ban chon trén trinh dgn Insert > New Symbol va nhdp va« nhut sau; Sines [x] a rr x] Bshavor Movie Op Cancel @ Button © Graphic Heb 13. Vé d6i tng hinh try va 16 mau cho né tai tab Up. Scene] & PeDan G@ Scene1 4 PeDan aso & 4 DO) Dede ion 14, Nh&p chudt tai tab Over va nbn phim Fé. G Scene1 & PeDan @ 5 Ol Geo aT ; alld 120Ips 40 20 60, 15. Nhdin phim F6 m6t Lin nia ti tab Down va vé thém ede tua phu xung quanh déi tugng nhu hinh bén dudi. Sau d6 ban nhap chudt vao tab Hit va nhdn phim F6, loai bd cdc tua xung quanh, chon mau tdi dé t6 cho ddi tudng nay tai tab Hit 128GIAO TRINH THIET KE WEB : PHAN BAI TAP — TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANH ene PeDan 5 Offer Beet =) | fg Some? Ped ~_| — =e a vite. a al Silas Name: [Trong Dap Behavior © Movie Cp © Bitten © Graphic 17. Nh&ip chu6t tai tab Up va vé d6i tugng hinh tron cing vién trén nhw hinh bén dui. Sau d6 t6 mau cho dung vién bén trén. 129GiA0 TRINH THIET Ké WEB : PHAN BAI TAP -TY HOC MACROMEDIA FLASH 5.0 BANG HINH ANH ky ty cho déi wegng nh 18. Sau dé ban tag them: h bén duth tai fab Up nay 19, Nha phim F6 tag uep cho tab Over. Bay gitt nhdp chudt vao tah Down va nhan phim F6 cho tab Down. VE thém vag cho d@i tung ede wa xuag quanh hu hinh mau. ene] Gy TrongDap { asa 20. Nbap chudt yao tab Hit vi nhan phim F6 tai tab Hit. Chon mau tGi cal are ss sau d6 t6 mau ti cho ddi tung tai tab Hit Bian Name: [Tiong Thad 130GIAO TRINH THIET KE WEB : PHAN BAI TAP - TY HOC MACROMEDIA FLASH 5.0 BANG HiNH ANH 22. Ve d6i tugng hinh try ngn vio trong tab Up. Scored & : ] au tai ving pbia tafe ea Wink Sau dé nhap chudt vio tab 24, Nhaip chugt u&p vap tab Down vi nhdn phim F6. Sau d6 ve thém cde tua xung quanh di wong, 25. Nhdp chon tab Hit va nhan phim F6, sau dé chon bé cdc tua xung quanh ma ban da lao ra trong tab Down 6 butée trén, 26. Chon trinh dun Insert > New Symbol va hip vao ving Name tén 1a Trong Snare va chon muc Behavior 14 Button. Sau d6 chon OK. 11GIAO TRINH THIET KE WEB : PHAN BAI TAP - TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANH Binns Neme [TrongSnah Ok Behavior. Movie Cp Edt Cancel © Button: © Graphic Hel 27. Vé mét déi wong hinh try ngdn vao trong tab Up va t6 mau cho d0i tying. G Scene 45 Tong Snare “| & Scene Symbol aso Tp]Ow|oooy Fr] | @ 4 Ol] Loptoveoont A] Holo Bet Up [over[Oow Fae] L Stat 4 ao, &) Cl 100, [50 lo 50 {90 —_——— 29. Cudi cng ban trd Lai ving lam viéc chinh. Chon trén trinh don Window > Library, sau 46 ban kéo ting déi tugng nut tai cifa sé thu vién vao trong ving lam viéc, mi mé6t déi tugng nim trén mét Layer khéc nhau. Ban phdi dat tén cho mdi Layer. aaoy soo os Layer Trong Snare D Layer Pe Dan D Layer Chieng Trai 132GIAO TRINH THIET KE WEB : PHAN BAI TAP - TU’ HQC MACROMEDIA FLASH 5.0 BANG HINH ANH 133GIAO TRINH THIET KE WEB : PHAN BAI TAP - TU HOC MACROMEDIA FLASH 5.0 BANG HiNH ANH Céc déi tugng dién hoat trong Flash Player 30. Ban cé thé thay déi mau nén bing céch chon Moddify > Movie, chon muc mt mau tai hép Background Color. Nhin phim Ctrl + Enter 4é xem chting din hoat lai 135GIAO TRINH THIET KE WEB : PHAN BAI TAP - TU HOG MACROMEDIA FLASH 5.0 SANG HINH ANH _ TAO KY TU BOI MAU Trong phan bai lap nay ban sé tao hidw a khi ching dién hoat ¥ ut Ky we st chuyén dé: mas trong Céch thie hig bai tap néy ulut sau: t. Kich hogt chuting tinh Flash 5. 2. Chon ten inh din File > Save, dattén file la Ky Tu Doi Mau, ky ta Dee Miee Save selige 3. Bay gid ban sé bat du tao ra cde Symbol tong phén bai tap nay, Chon uén tinh den Insert > New Symbol, Trong hop thoai Symbol Properties, bun choo ede thiide tinh ahi hinh bén duh, Nene Behav © Button © Giochic 4. Chon c6 én irinh don Madify > Break Apart hoge nha ket ctla ede ky uy da duce nhdém. fn phim td hap Ctrl + Bae phi va moi lic 136GIAO TRINH THIET KE WEB : PHAN BAI TAP - TU HOG MACROMEDIA FLASH 5.0 BANG HINH ANH Shape Trace Bitmap... Transform Auange , Frames , Group Cue Lngroup CuleShit-G a 6. Chon mét mau té mai tai hop man Vill Color va 6 cic ky on day mau xa { vita nhap vao J wen, Bun chuyén sd (mau Gradicnt) trong bang mau. 2 e = ZOU SACH Chuéi ky ty sau khi duoe t6 mau Gradient » beth trong ede hinh miu minh hoa, ching ii chon mii de Chi $: DE givip che doh duge 1 Ping nhan bit nbat va ro néLnhat. 7. Sav di byn tao thém mdi Symbol thit hai. Chon ten tinh dein Insert > New Symbol, ahap ede thude Uah wong hép thoai Symbol Properties ahw hinh sau day Gini | Mame: BFK q Behavien © Movie Cho 8. Chon én wink dua Window > Library dé xudi thu vién chia ede Symbol Window Hele New Window CtbAlten Actions CuteAtsA, Movie Explorer CibAlteM Butput : Debugger sau dé ban kéo muc Tu Sach xual hién trong cifa sd thu vién vae trong ving iam vide. 137GIAO TRINH THIET KE WEA : PHAN BAI TAP - TU HOG MACROMEDIA FLASH 5.0 BANG HINH ANH [ ST ee Kéo muc Graphic tén la Tu Sach vio trong ving lam vie ¥. Bay gid Long trong viing Min vide da xd hig ch’ “TU SACH STK”. Choa tigp tre tinh dun Modify > Break Apart hoae shén phim ws hap Ctrl +B dé phi ve mdi liga Kéi ctl cate ky ty da duste nbn, P° shape , Trace Bitmap, Transform Antange Cuba Cnt Shite 10, Chon mau treng hop Stroke Color dé chudn bi mau 6 irén cae dvttng vida ciia ky wf 138GIAO TRINH THIET KE WEB : PHAN BAI TAP -TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANH __ Bd ‘ p irdi Ving Jam vie dé 16 vido cho ky We. Ban c6 thé chon dd day ch chon urea tinh dain Window > Panels g Stroke, han 6 thé chon kich thue duving vie toy theo yeu eu) > Stroke. Trong bin Frame. Trong bang Frame ban chon ede thuge tinh nhut trong hin dts day. Gowen 1 Aare ESA Kibet vais ws f seven Sore | sung fi -! ea [crman Ta 19. Nhap chudt vao keyframe 20 wen Layerl, Sau dé vao trinh dun Insert > Key frame hode nhan phim 15, 16. Tip theo byn lai inh dea Insert > Keyframe tai keyframe 7. Sau dé nhap vaio keylrame mdi dude Insert (chén) dé chon tt cd cde duting wien ky ty va chon mau mdi Ling céch chon mau trong hép Stroke Color. [Gi Scam Be sIK : i Cae aGIAO TRINH THIET KE WEB : PHAN BAL TAP - TU HOC MACROMEDIA FLASH 5.0 BANG HiNH ANI Chon mau dé trong hop may Stroke Color ey 17. Ban lap lai bude 16 cho keyframe IM. Nong bude nay trong thu vién eila ban da cd mu Tu Sach vai ky wf nén va muc STK vi vién ky Ww déi min. gee ui § : Ban c6 thé wao tinh den Madi h6p Background Color. 18. Nhap chudt vao ving Scene bén vén 1én ctia Layer dé wd vé wing lam vice chink, tai Layerl ban kéo muc Tu Sach trong eifa 86 thu vida vao trong ving Kam vie tayGIAO TRINH THIET KE WEB : PHAN BAI TAP - TU HOG MAGROMEDIA FLASH 5.0 BANG HiNH ANH ete Aer) STES 19. Baa vao Uinh don Insert > Layer dé thém mdi Layer mdi, Tron Layer? ay han kee mue STK trong eifa s6 thif vido vae trong viing lam vide. trong Layer! phiti vitu Kbit vdi doi ating trong ayer? ned thé nhith Ctrl + Enter dé xe Sau khi the hiGn xong 19 butte nay mind Cac 861 tugng dang chuyén déi mau trong Flash Player 142GIAO TRINH THIET KE WEB : PHAN BAI IAP - TU HOC MACROMEDIA FLASH 5.0 BANG HINH ANH CHIEU PHIM Nhim gidp ban higu r6 hon chic nding cac Iép va cae frame trong Flash. Trong phn bai lip thue hanh nay, ban sé tao ra nidt chudi cdc béng dén dién hoat chiéu sang ting giai doan Jén d6i tugng tude a6, Cae Adi tuyng nay CO miu tring vi mau nén, chi cd cde d6m sing cia bong dén moi c6 thé thay duge cde ddi wrgng nay. Cée buiée thue hign cho phan bai tap nay nhut sau: 1. Kich hoat Flash 5 hoat déng. Theo mac dinh ban sé c6 mOt file mai cé tén 1a Movie), ban chon trén trinh don File > Save dé Iu file mdi nay vdi tén 1a Chieu Phim. Save in [3 My Documents EIMy Pictares File game: Save as ype: chudt vao hép mau bén tr4i myc Background Color va chon mau den o6 gid tri hex | #000000 trong bing mau Movie Properties Frome Rate: [FZ Jfes OK ‘wih Height Dimensions: [550pe—) X - Save Defaut Match: [_ Painter Background Color: {7} 3. Bay gid ban bat dau tao cdc déi tng én nén Background cho phdn wén trink don Insert > New Symbol. Chon cée thuge tinh trong hdp tho: Properties nhufhinh trang bén. dp may. Chon Symbol 143GIAO TRINH THIET KE WEB : PHAN BAI TAP ~ TU HOC MACROMEDIA FLASH 5.0 BANG HiNH ANH Sis Behawet! OF Horie Cp ance * 8 G Button, 4. Choo cng cu Oval Tool tong bang eng cu, sau ds ve vo ving Lim vide di wang hinh 3 van nhi hinh ben dudi. Pang cOng eu Arrow Tool dé di chuyda d6i wiyng vite tao sao cho diém khai bao (dau +) 18 1am cla 61 twetng, 5. Chon tat ca doi wang blag céng eu Arrow Too! m9t in niva, Chon trea tinh dun Modify > Group hoae nha’o phim té hyp Ctrl + B € nhém di ting thanh mat. Chon 86i tugng 61 tuong duge nhém 6. Bay gids ban sé tao d6i tung bing dén. Chon tip tren uinh dus Inseet > New Symbol dé lao méi mde doi ufo nia e6 Gn 1A Bong Den, Cach thufe hin che doi wu gidng ahu céch Kim trong ede bude trén, Nhap ede thude tink trong hop thos Symbol Properties nhur hinh bén diédi nay cling Bohawor Movie ip © Btdlon © Gisthe 7. Chon lai eGng cv Oval Too! va Line Tool tong bang cOng cu va ve vao ving lam vide déi tong bing d@n trén Layer! nhu trong hinh mich hoa. Ban hay W mau cho déi iing may 1a man vang. 144GIAO TRINH THIET KE WEB : PHAN BAITAP — TU HOC MACROMEDIA FLASH 5.0 BANG HiNH ANH 8. Van dong eng cu Line Tool vé trén Layer? (chon én trinh don Insert > Layer dé tao mdi Layer2) a Hh han. Chon tiép cng cy Pencil Tool dé ve hai tia eta bong den. tung hinh cung c6 cae ca 9. Sau dé di _ dot tong trén Layer? lén trén d6i tugng wong Layerl, t@ may den che ede doi tudng trong Layer2 nay. Ban cé thé vé thém cdc thanh phan phu khac dén nay. Hay chon tat cd cde déi ttong va thu nhé béng dén nay lai. én bong £ : Do chiing ta tao cdc d6i tuging wén nén den trong khi in ra gidy & ché do den wi mt sé ving mau trén d6i téng trong mOt sé anh minh hoa hoi khé nan thay dude. Ban e6 thé nhin true ép trén may tinh cha ban, 10. Chon tip trén tinh don Insert > New Symbol, yong hop thoai Symbol Properties chon dc thude tinh nhut trong hinh ben duéi Galan Behavior Movie O © Button | © Graphic 11. Chon e tugng JA miu xdm sing cu Oval Tool, vé vao ving Jim viée nu hinh bén dui. Chon mau t6 cha ddi 145