Giáo trình hướng dẫn Flash CS 5

Giáo trình hướng dẫn Flash CS 5

ĐNG NGC HOÀNG THÀNH SCRIPT VÀ KĨ THUT HOT HÌNH (Giáo trình ging dy trên Flash CS5 và ActionScript 3.0) Trang 1/ 222 Script v{ Kĩ thut Hot hình Đng Ngc Hoàng Thành Blank Page Trang 2/ 222 Script v{ Kĩ thut Hot hình Đng Ngc Hồng Thành LI NĨI ĐU dobe Flash là mt phn mm chun nghip đ to c|c thc phim hot hình c|c trò chi thit k giao din web (RIA  Rich Internet Application) Flash có mt ng dng to ln trong th gii Internet nói chung và trong cơng ngh gii trí nói riêng. Dù rng nhiu cơng ngh mi ra đi đang c gng cnh tranh vi Flash nhng Flash vn chim th phn cao hn hn. Có khá nhiu giáo trình v Flash đc biên son, nhng đi đa s đu da trên phiên bn MacroMedia Flash MX  tng đi cũ Vi phiên bn CS Adobe đ~ b sung vào nhng tính năng mi giúp ngi dùng thit k và lp trình đn gin hn Cun giáo trình này gm có ba phn: Phn 1. Thit k dành riêng cho nhng đc gi khơng chun mun tìm hiu cách s dng cơng c v và to hot hình bng các cơng c có sn ca Flash. Phn này bao gm c|c chng  chng  chng  chng  Phn 2. Gm chng  Dành cho các đc gi mun tìm hiu v ActionScript 3.0  mt ngơn ng lp trình có cu trúc gn ging vi Java đc s dng đ tăng cng sc mnh cho Flash. Phn 3. Mang tính cht tng hp. Gm c|c chng  v{ 7. Phn này giúp bn đc hồn thin c|c thc phim hot hình bng c|c kĩ thut nâng cao. Chúng tơi còn cung cp cho bn các kin thc đ làm vic vi hình nh, âm thanh và video Đng thi, chúng tơi còn gii thiu đn các bn gói th vin m PaperVision3D đ làm vic vi đ ha 3D trong Flash  mt điu mà hu nh cha có mt gi|o trình n{o đ cp đn. Khi biên son gi|o trình n{y chúng tơi đ~ c gng hồn thin nó. Tuy nhiên, khơng th tránh khi sai sót. Tơi rt mong nhn đc s đóng góp ý kin q báu ca các bn đc gi cũng nh c|c bn đng nghip. Mi th t đóng góp xin gi v các đa ch email sau dnhthanh@hueic.edu.vn hoc myhoangthanh@yahoo.com. Huế, tháng 08/2010 Chân thành cảm ơn ! A Trang 3/ 222 Script v{ Kĩ thut Hot hình Đng Ngc Hoàng Thành Blank Page Trang 4/ 222 Script v{ Kĩ thut Hot hình Đng Ngc Hoàng Thành PH LC L) NÓ) ĐU 2 C(NG  G)I THIU V FLASH 9 1.1. S lc v đ ha vector và lch s ra đi ca Flash 9 1.2. So sánh Flash vi Silverlight và JavaFx 12 1.3. C{i đt Adobe Flash CS5 13 1.4. Gii thiu v Adobe Flash CS5 16 1.4.1. Các ch đ tùy bin giao din 18 1.4.2. To mi d án cho desktop và mobile 19 1.4.3. Layer, Frame, Scene và Movie 21 1.4.4. Vùng thanh công c Tools 23 1.4.5. Vùng thuc tính Properties 24 1.4.6. Vùng son tho ActionScript 25 1.4.7. Các vùng chc năng kh|c 26 Tng kt chng  34 C(NG  CÁC CÔNG C V C BN 36 2.1. Các công c Pencil, Brush và Erase 36 2.2. Công c v hình c bn 38 2.3. Công c Text 47 2.4. Công c chn Selection và Lasso 49 2.5. Các công c đ màu Paint Bucket, Ink Bottle và bt màu EyeDropper 50 2.6. Công c Free Transform và Gradient Transform 52 2.7. Các công c làm vic vi đng Bezier 55 Trang 5/ 222 Script v{ Kĩ thut Hot hình Đng Ngc Hoàng Thành 2.8. Làm vic vi c|c đi tng 58 Tng kt chng  61 C(NG . CÁC BIU TNG TRONG FLASH 63 3.1. Biu tng Graphic 63 3.2. Biu tng Button 65 3.3. Biu tng MovieClip 67 3.4. Làm vic vi Library 68 Tng kt chng  69 C(NG  TO HOT CNH 71 4.1. Tìm hiu v TimeLine 71 4.2. Classic Tween 78 4.3. Shape Tween 80 4.4. Motion Tween 82 4.5. Công c Bone và Bind 87 4.6. Công c Deco 91 4.7. Công c 3D Translation và 3D Rotation 103 Tng kt chng  106 C(NG  LP TRÌNH VI ACTIONSCRIPT 108 5.1. Các kiu d liu 110 5.2. Bin và Hng 111 5.3. Toán t và Biu thc 112 5.4. Các cu trúc lnh điu khin 120 5.4.1. Câu lnh if 120 5.4.2. Câu lnh switch 121 Trang 6/ 222 Script v{ Kĩ thut Hot hình Đng Ngc Hoàng Thành 5.4.3. Các câu lnh lp for while v{ dowhile 122 5.4.4. Các lnh continue, break và return 125 5.5. Hàm 126 5.6. Lp v{ Đi tng 129 5.6.1. Xây dng lp 129 5.6.2. Làm vic vi đi tng 133 5.6.3. S kin chut 136 5.6.4. S kin bàn phím 137 5.7. Đa mt đi tng vào ActionScript 138 5.8. Làm vic vi XML 140 5.9. Vùng chc năng Code Snippets 142 Tng kt chng  148 C(NG  CÁC ()U CHNH NÂNG CAO 150 6.1. X lý âm thanh, hình nh và video 150 6.2. To kĩ xo đin nh vi Flash 155 6.3. To thc phim Flash ta 3D 160 6.4. Ghép ni nhiu hot cnh 166 6.5. Kĩ thut mt n mask 166 6.6. To các nút nhn điu khin 174 6.7. Xut bn mt Movie 176 Tng kt chng  177 C(NG  T( V)N PAPERVISION3D 179 7.1. Gii thiu v PaperVision3D và Adobe Flex Builder 179 7.2. Cu hình v{ c{i đt PaperVision3D cho Adobe Flex Buider 183 Trang 7/ 222 Script v{ Kĩ thut Hot hình Đng Ngc Hoàng Thành 7.3. Chng trình (ello PaperVision3D ! 186 7.4. C|c đi tng trong PaperVision3D 190  C|c đi tng hình th 190  Đi tng Material - Phi màu cho hình th 198  Đi tng Lights - Hiu ng ánh sáng 202  Đi tng Shader - Hiu ng đ bóng 203  Đi tng ShadedMaterial 203 7.4.6. Đi tng CompositeMaterial 204 7.4.7. Đi tng MaterialsList 204 7.5. Import mt mô hình 3D 204 Tng kt chng  206 BÀI TP THC HÀNH 208 BÀI THC HÀNH S 1 208 BÀI THC HÀNH S 2 209 BÀI THC HÀNH S 3 210 BÀI THC HÀNH S 4 210 BÀI THC HÀNH S 5 212 BÀI THC HÀNH S 6 213 DANH SÁCH HÌNH 215 TÀI LIU THAM KHO THÊM 221 Trang 8/ 222 Script v{ Kĩ thut Hot hình Đng Ngc Hoàng Thành Blank Page [...]... CS5 : kh ng Adobe Flash Professional CS5 , b n có th b m ch n bi ng c a nó trên màn hình Desktop, ho c b n ti c sau: - Vào Start > All Programs - Ch n Adobe Master Collection CS5 - Ch n Adobe Flash Professional Hình 8 Kh ng Adobe Flash Professional CS5 a Adobe Flash Professional CS5 hi n ra t Ho t hình ng Ng c Hoàng Thành Trang 17/ 222 Hình 9 a Adobe Flash Professional CS5 Sau khi quá trình kh ng hoàn... Java c a Sun hay NET c a Microsoft phát tri n m t trình ng d ng trên Adobe Air, b n hoàn toàn có th s d ng trình so n th o Adobe Flash ho c Adobe Flex Builder - Flash File (Mobile iphone OS, Flash Lite 4, Device Central): t o d án Flash cho Mobile Khi ch n ki u d án này, Adobe Flash CS5 s t ng g n Adobe Device Central CS5 n ích qu n lý các thông tin v Flash Lite h tr trên n tho i B n ch c n tìm ki m... ng Flash CS5 b n hãy ch n Flash Professional Ngoài ra, tôi khuy n ngh b n ch n thêm các ph n m m sau: Photoshop, Flash Buider, SoundBooth m i, b n hãy ch n v trí mà b n s t Theo m nó s c C:\Program Files\Adobe B ng t B n c mb or t Total install ph i luôn nh ng ng Available b n nh n nh p vào nút Install và ch as nh, cài t hoàn t t 1.4 Gi i thi u v Adobe Flash CS5 Kh ng Adobe Flash Professional CS5 :... ch tùy bi n giao di n Trong giao di n t ng th Essential c a Flash CS5 , có th chia làm 5 vùng chính: - Vùng h th ng menu phía trên cùng - Vùng thanh công c bên ph i - Vùng thu - Vùng sáng tác n bên c nh thanh công c trung tâm - Vùng TimeLine và Layer Hình 11 t Ho t hình i Giao di n Adobe Flash CS5 ng Ng c Hoàng Thành Trang 19/ 222 Flash CS5 cho phép b n làm vi c theo ch Tab Trên vùng thanh menu, góc... Hình 9 a Adobe Flash Professional CS5 Sau khi quá trình kh ng hoàn t t, b n s th y giao di Hình 10 C a s t Ho t hình u c a Flash Professional CS5 ng Ng c Hoàng Thành Trang 18/ 222 Phiên b n Adobe Flash CS5 xu CS5 có nhi i v c giao di 10 So v i các phiên b a nó V giao di n: phiên b n CS5 dành cho W Window, s d ng m t giao di cl pv ih V t giao v i giao di n u hành : b sung thêm nhi u công c m i làm cho công... công ngh này 1.3 t Adobe Flash CS5 Yêu c u c (MacOS X ho c t: h u hành Windows XP Pack 3 ho M c d u m a chúng ta là s d Professional CS5 , tuy nhiên các b n có th s d ng thêm m t s hi u ch nh nh, Dreamweaver thi t k giao di ng th i chèn các phim Flash vào, so n th o ActionScript chuyên nghi i Flash Buider 4, hi u ch Chính vì lý do này, ngh b n nên ch n b tr n gói Adobe Master CS5 B n có th t i tr c ti... m m i Flash/ Flex có tu phát tri i khá cao, v o, h u h t các nhà c v i Flash tr l i i h u h t các ngôn ng l p trình web hi n nay Flash h tr h u h t trên các h u hành: Windows, Linux, MacOS và r t nhi u m u Mobile c a nhi u hãng khác nhau phát tri n m t ng d ng Flash, các nhà phát tri n có th s d ng trình biên t p Adobe Flash Trình biên t p này ho t ng t t h u hành: Windows và MacOS M t yêu c trình khách... 14/ 222 Hình 4 C B n hãy nh hi n ra t Flash CS5 t vào t p tin Set- Hình 5 B vi c nh c qua có m t c a s t Adobe Master CS5 u kho n s d ng ph n m m, n u b c l i, b n hãy ch h y b vi ng ý thì b n ch t Sau khi nh p vào Accept, c a s xu t hi n Trong c a s này, b n có th n serial vào ng v i Provide a serial number (n u b n có m t s t Ho t hình ng Ng c Hoàng Thành Trang 15/ 222 serial c l i, b n có th ch n... nghi m l n, các l p trình viên và các nhà phát tri c v i Flash Flash v phát tri n trong m t kho ng th i gian dài n ng tr ng tâm: phát tri n RIA cho web, t ng d ng thông qua Adobe Air cho desktop và ng t o các c phim trình di n Trong n m i chu n HTML 5 h a h n s soán ngôi RIA c a Flash, Silverlight và JavaFx Dù sau này, v th trong vi c phát tri n RIA cho we i, thì nh ng còn l i c a Flash v n là nh ng... Hoàng Thành Trang 11/ 222 Hình 3 h a vector nh d ng Flash mà chúng ta s làm quen h a vector t h p v i hi u ng Xét m t ph u ng v tt t 24 hình/giây) nó có m là c t o b i Flash không b v h t khi phóng to (tr ng h p phim có ch h m) c bi c phim t o b i Flash r t nh g n so v nh d ng phim khác L ch s i c a Flash Flash là m c gi i thi t t o các hi u c phim ho Flash u tiên b c Adobe mua l i v i giá 3.4 t T n này,