Macromedia Flash MX (Bài 1)
GK ( gelukrait@yahoo.com ) ớ ế ế ườ ư ớ ệ ệ ế t đ n Flash , nh ng ít ng ẩ ạ ộ ứ ạ ng tác và h p d n h n đ i v i ng ẫ ấ ườ ỉ ầ ề ươ ấ ủ ơ ệ ệ ớ i chú ý đ n . M c dù hi n nay có r t nhi u ch ệ ườ ụ ế ế ặ ấ ấ ấ ẫ ươ ủ ừ ế ế ự ầ ị i trong chúng ta quan tâm vì ng i Làm quen v i Web chúng ta không ai là không bi ạ ti p xúc v i giao di n làm vi c quá ph c t p c a Flash . Flash là m t chu n đ h a ho t hình trên Web , giúp ồ ọ i ghé thăm trang Web . Ch c n cài đ t Flash cho trang Web có tính t ặ ố ớ i , vì lý do đó Player (hi n nay m i nh t là version 7.0) thì vi c đ c các file *.swf không còn là m t v n đ nan gi ả ộ ấ ọ mà Flash tr nên thông d ng và khi n cho r t nhi u ng ươ ng ở ề ề sau phiên b n ng trình Flash c a hãng Macromedia , và t trình thi ả t k Flash nh ng đ i chúng nh t v n là ch ạ ế ế 4.0 , Macromedia đã t t k Web . Do hi n nay Flash MX ệ đ c s d ng khá ph bi n t kh ng đ nh mình là hãng hàng đ u trong lãnh v c thi i VN nên tôi ch xin đ c p đ n phiên b n này. ề ậ ư ự ẳ ổ ế ạ ử ụ ượ ế ả ỉ Giao di n c a Macromedia Flash MX ủ ệ
[Đ u trang]
ầ
Thay đ i màu n n khung làm vi c và nh ng đi u c n bi t v h p tho i Document Properties ữ ề ề ệ ầ ổ ế ề ộ ạ
ề : ạ ấ ả ọ ọ ể ở * Thay đ i màu n n ổ T thanh Menu b n ch n Modify/Document... ( n Ctrl + J ho c n chu t ph i ch n Document Properties) đ m h p tho i Document Properties . Đ xu t hi n b ng màu b n nh p ch n Background Color. ặ ấ ấ ộ ọ ừ ộ ệ ể ạ ấ ả ạ
[Đầu trang]
ọ ố ả ạ ẳ ặ ạ ả ể ư ậ i h n màu #333333 ngay d ơ ả ướ ả ậ ộ ớ ợ ớ ợ ộ ố ẳ ầ i màu đen trong b ng màu ta bu c ph i nh p mã n u ế ạ ể ầ ọ
: ộ ỡ ủ ề ộ ề ể ặ ạ ỡ ổ
ng là 12) ườ ặ ị c" ộ ể ố ị ướ ế ớ ơ ỡ ẵ ặ ị ố ở ề ặ ố ồ ỉ nguyên thông s tr B n có th ch n màu s c theo b ng màu ho c nh p mã s , ch ng h n nh trên b ng mã không có màu nào ắ sáng h n màu đen mà t ố ơ mu n th hi n m t màu phù h p v i yêu c u (ch ng h n phù h p v i yêu c u trên ta có th ch n màu ể ệ #0A0A0A). * H p tho i Document Properties ạ Dimensions : Kích c c a "Khung làm vi c" (width : chi u r ng ; height : chi u cao) ệ Match : Kh (Printer : kích c chính xác khi in ; Default : kích c mà b n đ m c đ nh) ị ỡ Background color : màu n nề Frame Rate : t c đ khung hình ( s khung hình trong 1 giây , m c đ nh th ố Ruler Units : chuy n qua các đ n v khác c a "th ủ Help : liên k t v i trang giúp đ trong máy (trang này có s n sau khi cài đ t Flash MX) Make Default : làm cho các thông s tr v m c đ nh OK : đ ng ý vi c ch nh s a thông s trong h p tho i ạ ộ ử ệ c khi m h p tho i Cancel : không đ ng ý và gi ạ ở ộ ố ướ ữ ồ Các công c v (thanh công c ) ụ ụ ẽ : * Công c Lasso ụ ng th ng , các đ i t ng ườ ố ượ ở khung làm vi c ệ ẳ t c 3 tính ch t : Công c dùng đ v các đ ụ Công c này có t ụ ể ẽ ấ ả ấ
ẳ ủ ộ ườ ộ ậ ẽ ẳ ườ ủ ng th ng mà b n v (bên trái) ạ ng th ng b n v (gi a) ẽ ạ ng th ng (nét ch m g ch hay nét đ t ch ng h n) (bên ph i) ạ ườ ữ ứ ẳ ấ ạ ả ẳ ẵ ạ ệ ủ ạ ỉ ư thanh Menu : Window/Properties . ế ằ ọ ở ạ ạ ng nét ki u gradient , b n dùng công c Arrow (ho c n V) ch n vùng mà b n ụ ể ộ ể ả ườ ặ ấ ể ạ ọ thanh Menu : Modify/Shape/Convert Lines to Fills t màu sau đó ch n -Stroke color : màu c a đ -Stroke height : đ dày (đ đ m) c a đ -Stroke style : các lo i đ Đ ch nh s a thông s này n u trong trình làm vi c c a b n ch a s n có trình Properties thì ố ử bu c b n ph i kh i đ ng nó b ng cách ch n ở ộ Đ tô màu đ mu n tr ố ọ ở ượ
Macromedia Flash MX (Bài 2)
GK ( gelukrait@yahoo.com ) Các công c v (thanh công c ) (ti p theo) ụ ẽ ụ ế (phím L) : * Công c Lasso ụ
ng trên khung làm vi c, đ c bi t h n công c Arrow (ch n các đ i t ể ặ ụ ọ ệ ậ ở ố ượ ng ệ ch có kh năng xác đ nh vùng có hình d ng b t kỳ ấ ệ ơ ả ạ ỗ ị ng trong khung làm vi c . ố ượ ữ ệ ủ Dùng đ ch n các đ i t ố ượ ọ trên khung làm vi c d a vào hình ch nh t) ự c a các đ i t Công c này có 3 m c làm vi c : ụ ứ ệ
ự ạ ấ ọ ng d a trên màu s c trong vùng có hình d ng b t kỳ ề ắ ố ỉ -Magic Wand (bên trái) : ch n đ i t ố ượ -Magic Wand Properties (bên ph i) : đi u ch nh thông s cho Magic Wand . ả -Polygon (d i) : ch n các vùng có hình d ng đa giác ướ ạ ọ
* Công c Pen ụ ng th ng g p khúc ho c các đ ườ ể ặ ườ ồ ố ạ ướ ạ ụ ư ng cong b ng các ch m các đi m t ằ ấ ng cong . Công c này t ng th ng , đ ườ ẳ ự ề i d ng các đ ụ i các v ị ự ng t ế ấ i d ơ ạ ươ ể ứ ố ư ể ụ ầ ể ể ở ố
ng t ự ụ (phím P) : Công c v các đ ẳ ụ ẽ trí khác nhau r i n i chúng l ườ nh công c Line nh ng ti n h n công c Line r t nhi u , d a vào ch c năng n i các đi m n u ta ấ ệ n i đi m đ u vào đi m cu i (3 đi m tr lên) s t o thành các hình đa giác . ố ẽ ạ Công c này có 4 tính ch t : ấ ụ -3 tính ch t đ u t công c Line ấ ầ ươ -Tính ch t Fill color : tô màu cho các hình đa giác mà b n đã v ấ ẽ ạ
[Đ u trang]
ầ
* Công c Text ụ t đây là công c nh p văn b n . Đây cũng đ ng th i là công c có ế ụ ụ ậ ả ờ ồ Nghe tên ch c ch n ai cũng bi nhi u tính ch t nh t . (phím T) : ắ ấ ắ ấ ề
ẽ ắ ầ ừ ấ t l p cho văn b n mà b n đang nh p là tĩnh - Dynamic ả ậ t l p cho văn b n c a b n s làm vi c v i các hi u ng đ ng hàng th nh t . ứ ế ậ ệ ớ ả ủ ạ ớ ả ệ ứ ạ ộ ế ậ ị ẽ ể ậ Chúng ta s xét t ng hàng . B t đ u t ừ * Static Text : làm vi c v i văn b n tĩnh , thi ệ Text : thi * Font : đ nh d ng font mà b n dùng đ nh p văn b n . ả ạ * Font Size : c ch mà b n dùng đ nh p văn b n . ạ ạ ỡ ữ ể ậ ả
ọ ậ ạ ả ẽ ằ ả ậ ữ trái sang ph i (t ọ ề ữ ọ ừ ả ừ
ng cu i dòng 1 : gióng hàng (tùy theo chi u mà b n cho ch trình bày mà có các lo i gióng hàng ố ả ố ể ượ ữ ề ạ ạ
. ự ủ ng (normal) , ch đ ch thu nh lên trên (SuperScript) , ch thu nh ườ ế ộ ộ ữ ữ ữ ỏ ỏ ướ đ ng đ a các font ch l ự ộ ữ ạ ự ề ả i (SubScript) . ư ư ụ ả ố ộ ữ ặ ữ ộ i cùng m t kho ng cách (cách đ u các kí t ) . ả ố trái ho ph i m t kho ng) . ả ờ ề ữ ữ ộ ủ ủ ề ộ ố ề ộ ệ ữ
* Text (fill) Color : ch n màu cho văn b n mà b n s nh p . * Toggle the bold (italic) style (ch B và I) : ch n in đ m ch văn b n và n m nghiêng . ữ ọ * Change direction of text : ch n cho ch trình bày theo chi u ngang (horizontal) chi u d c t ề ph i sang trái) (vertical to left (right)) . * B n bi u t khác nhau) Hàng 2 : * Character Spacing : đ xa g n c a các ký t ầ * Character Position : ch đ ch bình th ế ộ xu ng d ố * Auto Kern : t * Edit format options : đ a ra b n thông s cho ch - Indent (kho ng các th t vào) - Line Spacing (kho ng các gi a các hàng) - Left (Right) Margin (r i l ả Hàng cu i - * W : chi u r ng c a nhóm ch - H : chi u cao nhóm ch - X ; Y : hoành đ và tung đ c a nhóm ch trong khung làm vi c . * Selectable : * URL Link : đ a đ ng d n cho đo n văn b n mà b n ch n đ n 1 file nào đó . ườ ư ế ẫ ạ ả ạ ọ
* Target : ki u xu t hi n c a file khi liên k t th c hi n . ủ ự ệ ể ệ ế ấ
[Đ u trang]
ầ
ng t công (phím O) : Công c dùng đ v nh ng hình tròn , hình b u d c , có 4 tính năng t ầ ự ụ ữ ụ ụ ươ ể ẽ ụ (phím R) : Công c v các hình ch nh t ngoài 4 tính năng nh Oval , ta còn có thêm tính ậ ư ụ ẽ
ng t ế ụ ứ ữ b ng options . ư (phím Y) : ch c năng t ng th ng , các nét g n s t o thành đ ở ả công c Pen nh ng đ chi ti ng cong , t ầ ẳ ẽ ự ươ ộ ấ ả ặ ứ ươ ẽ ạ ụ t c là do ch ư ư ng trình t ụ ộ ể ố ạ ớ ụ ng ; behind : quét sau các màu khác trên khung ...) ườ ụ ủ ủ ạ ụ ầ
(phím Q) : công c này giúp ch n các đ i t ố ượ ụ ệ ọ ụ ọ ng trên khung làm vi c , công c còn ọ ụ ấ ụ ộ ộ ộ ộ ề ỉ ỡ ụ ả ả ạ ẳ ơ
ụ c th hi n qua các thao tác tr chu t . Ch c năng còn l ể ệ ượ ứ ả ộ ạ ng nét bao quanh m t hình d ng ộ ườ ộ ướ ươ ụ các đ ể nh Line . ự ừ ườ ề ng vi n (tô màu cho các hình công c pencil ch ng h n) , thay đ i màu đã có trong khung làm vi c . Có hai tính năng c t o ra t i là Fill color trong b ng Properties . ạ c ki u c a m t đ ủ ng t ư ạ ạ ổ (phím K) : tô màu cho các hình d ng t o ra t ạ ụ ượ ạ ừ ụ ệ ạ ẳ ụ ng đang xét r i áp ườ ấ ẫ ồ ụ ụ ế ấ (phím I) : cho phép l y m u , sao chép màu tô , đ ng nét c a đ i t ố ượ ủ ng khác , công c này không có tính ch t khác , giúp chúng ta ti t ki m th i gian . ệ ờ (phím E) : nh cái tên c a nó , công c này làm nhi m v xóa màu , đ ườ ộ ố ng nét c a m t đ i ủ ư ủ ụ ụ ệ ng trong khung làm vi c . Công c g m có 3 tính năng trong m c options : ụ ươ ng . ố ượ ố ề ủ ộ * Công c Oval c Pen . * Công c Rectangle ụ năng bo tròn các góc (Round Rectangle Radius) t không nh công c Pen (các nét * Công c Pencil ụ ự ụ tính toán và b n xa s thành đ ạ ườ ườ hoàn toàn v b ng tay) , ngoài ra công c này không có ch c năng Fill color nh công c Pen , m c dù có n i ố ẽ ằ đi m đ u v i đi m cu i t o thành m t hình . ể ớ ầ (phím B) : công c quét màu v i 4 tính năng : * Công c Brush ụ -Brush mode : ki u quét (normal : quét màu bình th ể -Brush size : đ l n c a công c quét . ộ ớ -Brush shape : hình d ng c a công c quét ( hình que xéo , hình tròn , hình b u d c ...) ụ -Lock fill : không cho tô màu lên . * Công c Free Transform giúp ta ch n m t vùng màu ch sau m t cái click chu t , công c còn giúp ta xoay vùng ch n m t góc b t kỳ và có kh năng tăng gi m kích c các chi u trong vùng ch n , công c này m nh h n h n Arrow . ọ Công c này có 5 tính năng chính , 4 tính năng trong m c options (Rotate and Skew ; Scale ; Distort ; Enverlope) ụ và đ ỏ (phím S) : thay đ i màu , kích th * Công c Ink bottle ổ ụ trong khung làm vi c . Công c này có 3 tính năng t ệ * Công c Paint Bucket d ng đ Gape Size và Lock Fill trong m c options . * Công c Eyedropper ụ d ng cho m t đ i t ộ ố ượ * Công c Eraser ụ t ượ -Eraser mode : t ng t -Faucet : xóa nhanh đ -Eraser shape : t ệ ụ ồ v i Brush mode . ự ớ ng nét n i li n , màu tô , m t vùng tô màu c a đ i t ườ v i Brush shape . ng t ự ớ ươ
Macromedia Flash MX (Bài 3)
GK ( gelukrait@yahoo.com ) ườ ự ể ẽ ướ ng ng h p , lý thuy t mà không có th c hành thì khó có th thành công , do đó mà tôi s h t t nh t và các tính năng đ c bi m i công c . Trong nhi u tr d n b n n t cách s d ng t ạ ợ ử ụ ệ ở ỗ ề ố ế ấ ụ ẫ ặ ố : ng nét khác ng nét và áp d ng cho đ ng ng nh gi ng nét mà b n mu n sao ạ ấ ụ ặ ộ ọ ườ ụ ườ ỏ ể ượ ỏ ệ ẽ ố ỏ ọ ỏ ọ ấ ố ụ ạ công c Eyedropper s kích ho t công c Ink bottle (tính năng đã gi ạ c). ướ công ộ ườ t lên đ ườ t . Nh p chu t vào đ ộ ớ ng nét nào mu n thay đ i thu c tính nh đ ư ườ ố ng nét mà b n ạ ườ i thi u trong bài tr ệ ng vi n l y t ề ấ ừ ụ ố ổ ộ ng nét g c . ụ ư ườ ẽ ộ ố ấ ấ ng nét đó s có thu c tính nh đ ủ ứ ể ề ể ộ ử ụ ạ ẽ ể ọ ể ụ ệ ọ ỗ ị : ủ ng vi n không bao kín vùng tô màu v i 4 thông s chính : ườ ử ề ớ ố
ng vi n ch a bao kín . ư ỏ ườ ề
Sao chép thu c tính đ Nh n phím I ch n công c Eyedropper , đ t con tr bi u t chép ,khi đó s xu t hi n hình cây bút chì nh bên c nh ng nh gi ấ ố mu n sao chép , t ẽ ừ Sau đó b n ch c n nh p chu t vào b t kỳ đ ỉ ầ ạ c Eyedropper thì đ ườ Tính năng Lock Fill c a Brush và Paint Bucket : Đi u khi n cách th c tô màu v i các vùng màu ki u gradient , khi ch n thì s d ng cùng m t ki u màu ể ớ gradient , còn khi không ch n m i vùng tô s hi n th khác bi t các ki u tô mà b n áp d ng gradient . Tính năng Gap Size c a Paint Bucker X lý đ -Don't Close Gaps : Không tô vùng mà đ -Close Small Gaps : Tô vùng có đ ườ -Close Medium Gaps : Tô vùng có đ -Close Large Gaps : Tô vùng có đ ườ ề ng vi n h r t nh . ở ấ ng vi n h trung bình . ở ườ ề ở ớ ng vi n h l n . ề
[Đ u trang]
ầ
: ng biên ườ ọ ạ ề ề ộ ệ ả ộ ọ c a m t nhóm) , sau đó ch n ầ ử ủ ố ử ộ ớ ỉ ng biên ngoài tính trên Pixel . ườ ề ề ạ ng biên m m và đ ng biên đ u đ n k t thúc đ ế ơ ề ầ ề ự ỗ ng biên m m . Không nên s d ng nhi u b i ở c r t nhi u m i khi th c hi n m t c đ ng flash,nên ệ ề ử ụ ộ ử ộ Làm m m đ Ch n m t lúc nhi u hình d ng trên khung làm vi c (không ph i ph n t Modify>Shape>Soften Fill Edges .H p tho i hi n ra b n ch nh s thông s theo ý mình .V i : ạ ệ -Distance :Kho ng cách gi a đ ườ ườ ữ ả đ -Number of Step : S b c t ế ố ướ ừ ườ làm th s khi n cho máy ph i tính toán nhi u h n tr ướ ấ ả ế ẽ ch n 10 là t ế i đa). ọ ố
ng biên m m t o ra bên ngoài (Expand) ho c trong (Insert) ng đ đ ặ ọ ạ ề ướ ể ườ ạ ng ố ớ ấ
ng ng ữ ố ượ ố ượ ề ọ ng ố ượ ng ng ố ượ ng ố ượ ng ố ượ ng ố ượ ng ữ i đ u cho các hàng đ i t ướ ề ố ượ ng ề ng ố ượ ng ố ượ ả ề ng ng i t
t c đ i t ả ấ ả ố ượ t c đ i t ướ ấ ả ố ượ ứ ề -Derection : Ch n h hình d ng . ố ượ : Gióng hàng các đ i t Nh n Ctrl + K đ s d ng ch c năng này .V i các tham s : ứ ể ử ụ Align left edge : canh trái đ u các đ i t Align horizontal center : canh gi a theo hàng d c các đ i t Align right edge : canh ph i đ u các đ i t ả ề Align top edge : canh trên đ u các đ i t ố ượ ề Align vertical center : canh gi a theo hàng ngang các đ i t ữ Align bottom edge : canh d i đ u các đ i t ướ ề Distribute top edge : canh trên đ u cho các hàng đ i t ề Distribute vertical center : canh gi a theo hàng ngang cho các dòng đ i t Distribute bottom edge : canh d Distribute left edge : canh trái đ u cho các hàng đ i t ố ượ Distribute horizontal center : canh gi a theo hàng d c cho các dòng đ i t ọ ữ Distribute right edge : canh ph i đ u cho các hàng đ i t Match width : canh đ u trái và ph i t ề Match height : canh đ u trên và d ề Match width and height : k t h p hai th trên ế ợ Space evenly vertically : kho ng cách đ u gi a các đ i t ố ượ ữ ả Space evenly horizontally : kho ng cách đ u gi a các đ i t ng theo hàng ngang ng theo hàng d c. ố ượ ữ ề ả ọ
[Đ u trang]
ầ
L t các đ i t ng ố ượ : ậ
t (quay) đ i t t ng c đ i t ng. Do đó mà s ố ượ ử ệ ầ ậ t .T t c đ ng r i đ a t ố ượ ấ ả ượ ng m t góc nào đó ho c l ặ ậ ọ ượ c g p chung khi b n ch n đ i t ố ượ ộ ộ ế ạ ồ ư ớ i ụ
i đây b n có th quay m t góc b t kỳ , tăng gi m kích th ả ấ ộ ướ ầ c , thay đ i góc đ cho m t ph n ộ ổ ộ ạ ạ ể ố ượ ng t m t đi m ể ầ ộ nh distort nh ng gi a các đi m vuông s thêm vào các đi m tròn , các đi m tròn này có ổ ng t ể ể ẽ ố ượ ữ ừ ộ ể ộ ư ươ ư ự ụ ệ ọ t h n là xài Free Transform ướ ỉ ế ố ơ ng Đôi khi làm vi c v i flash ta c n l ớ d ng các tính năng Flip là r t c n thi ấ ầ Modify>Transform> ? và ? s là : ẽ -Free Transform : t đ i t ng -Distort : thay đ i góc đ cho m t ph n đ i t -Envelope : t nhi m v bo tròn các góc nh n -Scale : Ch có tác d ng thay đ i kích th ổ ụ -Rotate and Skew : quay đ i t ố ượ -Scale and Rotate : thay đ i kích th ổ c , n u xài ch c năng này thì t ứ ng b ng chu t và d i đ i t ờ ố ượ ộ ng (%) và góc xoay t ố ượ ằ c đ i t ướ ự nh p ậ
ộ ng m t góc 90' t ộ bên trái lên trên ừ bên ph i lên trên ả -Rotate 90' CC : quay đ i t ố ượ -Rotate 90' CCW : quay đ i t c đ i t -Flip Vertical : l ừ ng m t góc 90' t ng theo chi u ngang t ng ố ượ ố ượ ượ ề ậ
ng theo chi u d c ậ ề ọ t ng -Flip Horizontal : l -Remove Transform : b ch n Transform c đ i t ố ượ ọ ượ ỏ
Macromedia Flash MX (Bài 4)
GK ( gelukrait@yahoo.com ) ọ ọ ứ ộ ố ạ ấ ằ ễ ể ọ ệ ng t ượ ớ ng trong m t đo n phim s có 24hình/giây thì b ng cách thi ng đ ộ ể ế ậ ươ ế ạ ị ố ẽ ố ẽ ộ ể ẽ ươ ạ ằ ạ ế ư ả ả ộ ngh ch (đây là đi u t i k v i thi ạ ượ ặ ộ ặ ố ị . Bây gi ể ả ư ng đo n flash s l n lên theo t l ỉ ệ ẽ ớ ệ t k Web) ho c khung hình càng ề ố ị ớ ế ế chúng ta s b t đ u bài h c. ọ ẽ ắ ầ ờ ộ ng pháp ho t đ ng chính ạ ộ ươ ầ ử ộ ộ ơ i nh m t đo n phim, cách này d th c hi n nh t và có nhi u đi u khi n h n ạ m i frame hay m t m t đo n ề khác nhau ệ ở ỗ ấ ố ế ố ề ể ạ ư ộ ạ ễ ự ơ ề ồ ờ ế ế ả ỏ ẽ ặ ừ ạ ẽ ấ ủ ầ ư ử ụ ủ ẽ ử ụ ế ổ ố ượ ổ ỉ ầ ả ể ẽ ố ị ể ể ể ầ ọ ố Làm vi c v i Flash thì quan tr ng b n khâu quan tr ng nh t đó chính là khung hình. Nói cho d hi u thì ta c t l p thông s frame (đã h c trong bài t ưở ng m t hình trong Flash, và n u b n đ t đ u) thì ta có th hình dung r ng m t frame (khung hình) s t ặ ằ ầ thông s 12 fps thì s có 12 hình hi n th trong m t giây cho b n. Nói cho cùng thì flash cũng không khác video cho l m nh ng b n ph i l u ý r ng n u cài đ t s khung hình càng cao trong m t giây thì cái giá ph i tr cho ắ dung l th p thì chuy n đ ng trong flash càng t ấ Hai ph - S d ng khung n i ti p : có nghĩa là b n s đ t t ng ph n t ử ụ frame , sau đó ráp n i chúng l ạ nh ng đ ng th i cái giá ph i tr là b n s m t nhi u th i gian h n. ả ả ờ ổ ự - S d ng khung bi n đ i : không đòi h i th công nh cách trên, chúng ta s s d ng kh năng bi n đ i t ư ng cho ta (gi đ ng c a flash, ta ch c n quy đ nh đi m đ u và đi m cu i, flash s tính toán và bi n đ i đ i t ẽ ế s ch n đi m đ u là hình vuông và đi m cu i là hình tròn trong 24 frames thì trong 2 giây hình vuông s bi n đ i qua các hình d ng bo tròn các c nh ngày m t l n h n và cu i cùng là chuy n thành hình tròn). ộ ớ ộ ử ổ ể ạ ạ ố ơ
[Đ u trang]
ầ
ẽ ắ ầ ớ ệ ứ ủ ữ ẽ ể ầ ầ Chúng ta s b t đ u v i vi c tìm hi u ch c năng c a các thành ph n trên khung. Sau đây s là nh ng ph n mà các b n c n quan tâm : ạ ầ
t là : trái qua thì l n l ừ ầ ượ ộ ọ ạ ạ ế ế ữ ữ ấ ạ ẽ ị ữ ở ị ỏ ủ ố ạ v trí 300 thì khi nh p canh gi a s giúp cho b n ủ ộ ở ạ ị ử ở ộ ị ế ọ ạ ệ ộ ủ ộ ộ m t v trí trên thanh ti n trình thì ấ c đánh d u , ượ ữ ể ỉ ộ ạ ạ ể ủ ỉ ẽ ử ượ ố c ch n. ọ ộ ộ ướ ạ ượ ệ ọ Onion Skin. ng t c ch n s xu t hi n d ề ng vi n. ề ầ ể ệ ươ ẽ ỉ ự ộ ẽ ệ ớ ụ ủ ệ ả ấ ố ổ ể ể ể ấ ạ ị ị ọ i hay khóa các đi m đ c đánh d u ch n Onion Skin t ọ ạ ị l ữ ạ ượ ệ ể ấ t l p các đi m đánh d u b ng Onion Skin i v trí mà chúng đang hi n di n. v trí hai khung hình n m tr ệ c và sau v trí thanh ị ở ị ướ ể ấ ằ ằ ự c và sau. ướ ố t c các khung hình trong c nh hi n t Tính t - Nút canh gi a khung hình :canh gi a khung hình mà b n đang ch n(n u b n cu n đ n v trí 1500 trong s 2000 khung hình c a toàn đo n flash mà tr c a b n đang ạ tr l i v trí 300 m t cách nhanh chóng). - Nút Onion Skin :xem và ch nh s a nhi u khung hình cùng m t lúc , khi đang ề vi c ch n nút Onion Skin s giúp b n gom toàn b n i dung c a khung hình vào gi a hai đi m đ lúc này b n có th ch nh s a n i dung c a đo n khung hình đang đ - Nút Onion Skin Outlines :gi ng v i Onion Skin, và đi m khác là toàn b n i dung trên các khung hình khác v i ớ ớ ể i d ng đ khung hình đang đ ườ ấ - Nút Edit Multiple Frames :ch nh s a nhi u khung hình và ph n th hi n t ử - Nút Modify Onion Markers :khi nh p vào nút này thì m t bành s hi n ra : ấ B ng này có nhi m v thay đ i các đi m đánh d u c a Onion Skin v i các thông s sau : ể + Always Show Markers :làm cho các đi m đánh d u Onion Skin hi n th hay không hi n th cho dù b n có hay không có ch n tính năng Onion Skin. + Anchor Onion :gi + Onion 2 :Thi ế ậ th c hi n. ệ + Onion 5 :gi ng nh Onion 2 nh ng thay vào 2 là 5 khung hình tr ư + Onion All :th c hi n ch c năng Onion skin v i t ứ ớ ấ ả i. ệ ạ ư ệ ự ả
[Đ u trang]
ầ
ị ộ ở ố ệ ạ i :xác đ nh b i s ch và n i dung hi n t ỉ ự i khung hình làm vi c, n i xác đ nh v trí thanh th c ơ ệ ạ ệ ị ị
ộ ộ ệ ạ ẽ ạ ậ ậ ộ ụ ố i, khi đo n phim đang c p nh t , t c đ này s thay đ i liên t c(t c ố ế t ổ ở ạ ọ ộ ạ v trí thanh ti n trình(gi ố ố ố i). ờ ộ ự ờ ả ử s ở ị ữ ế ị v trí 12 thì có th là 1 giây),nó cũng đ c c p nh t liên t c khi ch y th . ụ ầ ượ ở ị ử ể ậ ậ ạ - Khung hình hi n t hi n.ệ - T c đ khung hình :thông s t c đ hi n t ố đ này có th khác v i thông s Frame Rate mà b n ch n trong h p Document Properties(bài 1)b i nó cho bi ớ ể ộ t c đ th c s khi b n phát l ạ ự ố - Th i gian trôi qua :xác đ nh th i gian gi a khung hình đ u tiên và khung hình thanh ti n trình ế Các d ng c a khung hình ủ ạ
n i đ b n đ t các khung hình th t trên m t l p vào.Cách đ t là b n ch n m t v ỗ ặ ộ ớ ặ ạ ọ ộ ị ỗ ấ ơ ể ạ ộ ả ọ
ướ ế ế ộ t ,là n i đ b n thay đ i hành ộ i cùng là m t ệ ặ ổ ộ ơ ể ạ ể ườ ạ ấ ạ ả ộ ng l n khung hình khóa nh ng v i d ng khung - Khung hình r ng : ậ trí trên khung hình r ng nh n chu t ph i và ch n Insert Frame. - Khung hình khóa : trên cùng là khung hình khóa tr ng , ti p đ n là khung hình khóa có kèm theo hành đ ng và d ng.V y khung hình khóa là m t khung hình đ c bi khung hình khóa bình th đ ng trong Flash.B t kì b n mu n chuy n đ ng trong flash tr i qua b n bu c ph i dùng ki u khung hình ộ khóa.N u s d ng ki u khung n i ti p b n s tiêu t n m t l ố ố ậ ố ố ế ả ộ ượ ớ ạ ử ụ ể ạ ộ ẽ ư ế ể ớ
ộ ắ ầ ự ế ộ ế ệ ầ ổ ỉ khung hình khóa). bi n đ i ch yêu c u hai khung hình khóa ,m t b t đ u và m t k t thúc(vi c tính toán s bi n đ i là do flash ,b ns không c n chèn thêm các ầ ổ ế ạ ẽ
[Đ u trang]
ầ
ườ ị ộ ộ ể ộ ả ộ c s hi n th t ở ng :là các khung hình tĩnh hi n th m t n i dung b t kỳ trong khung hình khóa sau cùng c và n i dung c a khung hình ủ i g p khung hình khóa khác ,ví ạ ặ ẽ ể ị ạ ướ ấ ứ ướ ng sau nó cho đ n lúc l ế h khóa. ph n khung hìn ườ ở ườ ụ ầ ầ - Khung hình bình th cùng m t l p ,các khung này luôn đòi h i ph i có m t khung hình khóa đ ng tr ỏ ộ ớ khóa đ ng tr ứ d là ph n màu nâu trên khung hình khóa bình th - Khung hình d ng bi n đ i :là khung hình t ể ế i các khung hình bình th ng ả ủ i thi u ph i có hai khung hình khóa, m t xác đ nh s xu t hi n c a ự ệ ạ ấ ố ộ ổ ị
ị ờ ộ ể ả các khung hình n m gi a s là nh ng hình nh ữ ữ ẽ ằ ố ế ầ ế ổ ổ ế ự ữ ộ ạ ị ướ ả ố ệ ạ ị ổ ng ,kh i ,văn b n trong flash mà b n ạ ể ượ ng v i mũi ớ ở ườ ấ ở ng sáng. ươ m t hình d ng đ n gi n ra m t hình d ng khác(ví d hình vuông màu đ ra hình ụ ế ả ổ ơ ộ ổ ạ ạ ụ ỏ ỏ ệ ở ấ ở ế ị ượ ụ ặ ườ ớ ng v i mũi tên màu đen và n n màu xanh lá cây sáng. ề c xác đ nh b i hai khung hình khóa và có chèn khung hình ượ ị ng và m t xác đ nh th i đi m k t thúc đ i t ố ượ bi n đ i trung gian gi a khung hình đ u và cu i.Có hai d ng bi n đ i : ổ ế + BI n đ i chuy n đ ng :t o ra s thay đ i kích th c ,v trí...các bi u t ể đang làm vi c.Đ c xác đ nh ít nh t b i hai khung hình khóa cách nhau b i các khung hình bình th ượ tên màu đen và n n màu xanh d ề + Bi n đ i hình d ng :bi n t ế ừ ộ ạ ạ ứ tròn màu xanh,ch G mà xanh thành ch K màu đ ).Bi n đ i hình d ng ch áp d ng cho khung làm vi c ch ỉ ữ ữ không áp d ng cho nhóm ho c bi u t ng.Đ c xác đ nh ít nh t b i hai khung hình khóa cách nhau b i các ể ượ khung hình bình th + D ng cu i cùng là bi n đ i có v n đ :cũng đ ế ạ bình th ổ gi a ,có các nét đ t đo n ở gi a các khung hình. ố ng ề ạ ở ữ ấ ứ ở ữ ườ
Macromedia Flash MX (Bài 5)
GK ( gelukrait@yahoo.com ) ướ ượ ư ề ế ạ ộ ủ chúng ta s đi th ng vào v n đ là làm cách nào đ c cung c p toàn b khái ni m v hai lo i khung hình c a Flash (n u ch a xem yêu ể ẽ ơ ả ề ạ ẳ ấ ờ bài tr Ở c u b n quay l ạ ầ t o chúng. Đ u tiên ta s b t đ u t ầ ạ c chúng ta đã đ ể ế ẽ ắ ầ ừ ạ ấ ệ i bài 4 đ có ki n th c c b n) và bây gi ứ lo i khung hình đ u tiên : ầ Khung hình n i ti p ố ế ụ ể ẽ ấ ẽ ộ ọ Đ d hi u chúng ta s l y m t ví d đi n hình c a lo i khung hình này làm bài h c. Chúng ta s làm cho dòng ạ ch "TIN HOC NHU COM BINH DAN" xu t hi n t ng ch , t ng ch m t. ể ễ ể ữ ủ ệ ừ ữ ộ ữ ừ ấ ộ ắ ạ ệ ư ộ ố ạ ộ ớ ệ ớ ấ Ở ả ể ố ạ ộ ệ ầ ộ ấ ữ ự ệ ộ ộ ỏ ạ ắ ằ ộ ẽ ư ậ ẽ ớ v trí ng đ ấ ng v i 4 frames. Nh v y dòng ch c a tôi có c th y 19 ch v y tôi ữ ủ ở ạ ộ ở ị ờ ỗ là đ t tr chu t ặ ỏ i ch đó tôi click chu t ph i ch n "Insert Frame"(b ả ệ ả ả ch khung hình t ướ ệ ọ ộ ươ c 1) và ti p đ n ế i nh n chu t ph i và l n này tôi ch n "Insert KeyFrame"(b ủ ạ ầ c 1. Xin l u ý là đ n bây gi ộ i ả b ạ ở ướ ư b n v n ch a ẫ ng đ ứ ờ ạ ọ ế ấ ừ ự ư ệ Đ u tiên vi c mà b n ph i làm là t o m t tài li u m i và ch c ch n r ng ch a có m t khung hình nào c ngoài ả m t khung hình khóa tr ng trên m t l p duy nh t. đây trong h p tho i "Document properties" tôi đ s frame xu t hi n trong m t giây là 12 fps và tôi d đ nh trong m t giây s có 3 ch xu t hi n, th c hi n m t bài toán ự ị ng đ chia nho nh b n s có m t ch t ươ ữ ươ ữ ậ ộ ng ph i s d ng 76 frame. V y công vi c c a b n bây gi ươ ả ử ụ ủ ệ ậ v i v trí s 4 c a thanh th c hi n, t v trí ế ở ị ỗ ố ạ ự ủ ớ ị t ướ c ng v i s 5 c a thanh th c hi n tôi l ự ươ ệ ớ ố ươ 2), c nh th b n th c hi n cho đ n frame76 và d ng l ế ư ế ạ nh p n i dung gì c . ả ậ ộ i thích thêm, vi c b n chèn frame(b ạ ả ệ ể ư ướ ộ ạ ế ể ộ ộ ộ ữ ứ ạ ậ ạ ạ ệ ẽ ạ ữ ể ộ ấ ạ ạ ạ ớ
ọ ể ả ọ i bài h c sau khi đã chèn xong 76 frame thì ta đ chu t t ộ ạ ộ ạ c tô đen và ti p theo b n ch n công c ộ ụ ế ạ ọ
ế ệ ạ ấ ẽ ượ ữ i tr l ạ ạ ở ạ ả ố ế ữ ố ọ i b ng frame và ch n toàn đo n frame k ọ shift sau đó nh n vào frame k ấ i khung ạ ọ ữ ữ ỏ ố i đo n frame đ u tiên và đo n này ch còn ch a ch "T". ạ ở ạ ứ ế ụ ữ ứ c khi xu t ra d ấ ướ ạ i d ng ế ế ầ ạ ể ạ ạ ọ ằ ả ể ế ấ ấ ẳ ằ c 1) là N u b n ch a hi u rõ tôi xin gi đ nh p n i dung lên frame, còn b n chèn khung hình khóa là đ ngăn cách hai đo n frame,m t đo n ch a n i dung ch "T" và m t đo n n i dung ch ữ "TI", ráp n i các đo n l i v i nhau chúng ta s có đo n ch xu t hi n liên ố t c.ụ i m t Quay tr l ộ ở ạ frame b t kỳ sau đó nh n chu t ph i ch n "Select All Frames". B n s th y ẽ ấ ấ lúc này toàn b frame s đ Text(bài 2) và đánh dòng ch "TIN HOC NHU COM BINH DAN" vào khung ế làm vi c. Ti p đ n b n l ế ế cu i (ch n khung hình khóa k cu i và gi bên tay trái khung hình khóa cu i cùng) và sau khi ch n b n tr l ố làm vi c ch n dòng ch khi nãy b đi ch "N" cu i cùng. C ti p t c nh th ư ế ọ ệ đ n khi g p l ỉ ặ ạ K t thúc quá trình t o xong b n có th xem qua tr ướ *.swf b ng cách ch n trên thanh menu Control>Play. N u c m th y đã hài lòng thì b n có th xu t th ng ra b ng cách ch n ọ File>Export Movie ho c nh n t h p phím Ctrl+Alt+Shift+S. ạ ấ ổ ợ ặ
[Đ u trang]
ầ
ờ ự ả ộ ơ Bây gi ra cách đ b n t o còn vi c ch n các tham s nh "Insert Frame" ch ng h n thì l ch y đ n gi n d a vào khung. Nh ng phía trên tôi ch m i đ a ỉ ớ ư i. V y đ có i ch a đ c p t chúng ta đã có th t o m t file flash t ự ể ạ ố ệ ể ạ ạ ề ậ ớ ư ạ ạ ư ư ể ạ ậ ẳ ọ
ệ ổ ợ ủ ế ừ ề ơ ố ủ t t ng tham s c a
m t khái ni m rõ ràng h n v menu b tr c a khung(hình trên) này ta hãy cùng xem chi ti ộ chúng. +Create Motion Tween : khi đánh d u m t đo n frame và kích ho t ch c năng này thì các frame s t ứ ấ ạ ạ ộ ẽ ự ế ổ bi n đ i
ấ ế ế ổ ở ạ d ng bi n đ i có v n đ ề ổ ộ ố ạ ổ ể ư ỉ ớ ố ế ừ ạ ẽ i (khung hình n i ti p) thành khung hình bi n đ i ẽ ắ ầ ả ể ế ế cu i. ố ệ ạ ề ậ ư ự ệ ạ ế ế ứ ỗ ỗ ạ ế ừ ườ ư ạ ố m t khung hình r ng thì kho ng ả ẽ ể ự ệ ộ ở ộ ng) đ n khung hình r ng là m t đo n khung hình r ng s ộ c thay th b ng khung hình tr ng. N u b n chèn ngay trong khung hình tr ng (ho c khbt) thì m t khung ố ộ ố ạ ặ ỏ ạ ệ ớ ẽ ế ằ ấ ộ ạ ạ ấ ế ả ị ộ ọ ng t ộ ự ư ươ ng t "Insert Keyframe" nh ng thay vào m t khóa có kèm theo hành ự ứ nh "Insert Frame". ư ộ ộ ặ ươ ố ố ộ ạ ộ ạ ng (tr khung hình đ u tiên c a m t l p). ầ t c khung hình ấ ả ộ ớ ấ ế ằ ẽ ị ườ ừ ủ ườ ứ ề ộ ng và ch n ch c năng này thì (các) ng s bi n thành (các) khung hình khóa tr ng (n u không có n i dung) ho c khung hình ọ ộ ườ ế ặ ố
nh "Convert to Keyframes" nh ng thay vào đó ch có khung hình khóa ươ ự ư ỉ ư ố ặ ộ ố ể ắ ặ ỗ ộ ộ ể ỗ ặ ặ ộ ộ ạ ạ ộ ộ ụ ặ ắ ộ ỗ ỉ ắ ộ ế đây không ph i là làm m t mà bi n ặ ấ ạ ạ ọ ộ ở ả ầ ứ ứ ố ố ộ ớ ộ ế ả ậ ớ ọ ị t ho c đ o v trí các khung hình đang ch n. K t qu phát v i th t ủ i. c l ượ ạ ng đ h a ngang ồ ọ ắ ầ ả ộ ủ ề ả ộ ớ ề khung hình hi n t mà chúng ta đ c p cu i bài 4. T d ng khung hình này chúng ta s chuy n qua m t trong hai d ng khung hình bi n đ i. Xin l u ý là khi chuy n s ch m i có khung hình khóa b t đ u s ki n mà ch a có khung hình khóa k t thúc s ki n (hình). Đ có m t khung hình bi n đ i b n ph i chèn thêm m t khung hình khóa ộ ở ổ ạ ế +Insert Frame : nh b n đã bi t, đây là ch c năng chèn frame, n u b n chèn ỗ cách t khung hình tr ng(ho c khung hình bình th ặ đ ượ hình m i s xu t hi n ngay bên tay ph i v trí khung hình b n đang tr chu t. ộ +Remove Frames : đánh d u m t hay m t đo n khung hình và kích ho t ch c năng này thì (các) khung hình ứ ch n s b xóa đi. ẽ ị +Insert Keyframe : chèn m t khung hình khóa và t +Insert Blank Keyframe : ch c năng t đ ng ho c không (khung hình khóa tr ng) là m t khung hình khóa tr ng. +Clear Keyframe : khi đánh d u m t đo n khung hình mà trong đó có khung hình khóa thì t khóa trong đo n s b thay th b ng khung hình bình th +Convert to Keyframes : khi đánh d u m t hay nhi u khung hình bình th ấ khung hình bình th ẽ ế khóa có kèm theo hành đ ng.ộ +Convert to Blank Keyframe : t ng t tr ng m c cho có n i dung hay không (gi ng "Insert Blank Keyframe"). +Cut Frames : c t m t ho c m t đo n khung hình đ dán vào ch khác. ạ +Copy Frames : chép m t ho c m t đo n khung hình đ dán vào ch khác. +Paste Frames : dán m t ho c m t đo n khung hình vào m t ch khi đã chép ho c c t (ch có tác d ng khi dùng m t trong hai tính năng c t ho c chép). ặ +Clear Frames : xóa m t ho c m t đo n khung hình mà b n ch n (xóa ộ các khung hình ch a n i dung thành khung hình tr ng có khung hình khóa tr ng đ ng đ u). ộ +Select All Frames : ch n toàn b frame trên m t l p. ọ +Reverse Frames : l ng ứ ự ặ +Synchronize Symbol : đ ng b khung hình b t đ u c a nhi u phiên b n c a cùng bi u t ể ượ ồ qua nhi u khung hình khóa trên cùng m t l p. +Properties : hi n h p tho i đi u khi n các tính năng c a khung hình. ủ ệ ề ể ạ ộ
ủ ưở ng gì đ n khung ế ố ả ậ ế ủ ư ả ạ ộ ạ ứ ứ ộ ớ ề ạ ẳ ỉ ổ ạ ế ủ ụ ế ề ạ ấ ổ bài sau. ể ở ế ộ ề ệ ớ ch đ motion), v vi c này chúng ta s nghiên c u kĩ h n ơ ở ọ ẽ ướ ạ ặ ạ ủ ể ư ẽ ả ạ ủ ạ ạ ạ ạ ạ ộ ọ ể ạ c b t m t khi b n đã chèn nh c vào m t đo n frame. B n ạ ỉ ượ ứ ậ ạ ạ ộ ộ ệ ứ ế ọ ở ố ổ đây. ặ ự ệ ạ ả ế i c a đo n nh c mà b n chèn. ạ i âm thanh n u b n c m th y các ki u âm thanh Effect là ch a đ và không ư ủ ể ạ ả ấ ở + : nhãn c a toàn b khung hình trong m t l p, ch c năng này không nh h hình c , nh ng nó th t có ích n u b n mu n ghi chú gì đó v ch c năng c a toàn đo n khung hình trên m t l p ộ ớ ch ng h n. +Tween : các d ng c a khung hình bi n đ i, ch có tác d ng v i các khung hình d ng bi n đ i có v n đ (khi đ ứ ạ c tiên b n ph i ch n File>Import (ho c Ctrl+R) đ đ a file nh c +Sound : chèn âm thanh vào khung hình, tr c a b n vào, sau đó ch n m t đo n khung hình và chèn đo n nh c c a b n vào. Đo n nh c s phát khi đo n ạ khung hình đó hi n th . ị +Effect : hi u ng âm thanh, ch c băng bày ch đ mu n âm bi n đ i nh th nào thì ch n ư ế +Sync : b t nh c khi b t đ u hay k t thúc ho c lúc x y ra s ki n. ắ ầ ậ +Loop : s l n l p l ố ầ ậ ạ ủ ạ +Edit... : b t b ng biên so n l ạ ạ ậ ả thích h p. Khi ch n h p tho i sau s xu t hi n: ạ ạ ế ệ ẽ ấ ợ ọ ộ
b n ch c n kéo th chu t sao cho âm thanh v a ý và nh n OK (hình) (ph n này đ n gi n và tùy theo ầ ấ ả ơ ộ ở ỉ ầ ạ ể ờ ạ ủ ạ ừ ng cho các b n tìm hi u). ạ ế ế ờ ể ầ i đa vi c làm phát phì file. i khuyên sau đây n u b n làm flash cho web : ạ ể ố ầ ố ấ ể ả ệ ạ ạ Bây gi ả s thích c a b n nên tôi nh ườ Ngoài ra b n cũng c n đ ý đ n l +Nên chèn (import) đo n nh c có t n s th p đ gi m thi u t +Không nên chèn các đo n nh c quá dài, và nên dùng loop cho các đo n nh c ng n, dung l ạ ạ ng file nh c ượ ạ ạ ạ ắ
--> nh v y là quá cao và ch nên làm v i file l n nh ư ậ ớ ớ ỉ ư ừ ậ ậ đ ng nên quá 100Kb ( v y khi l u vào CD hay b t trên HDD). ư +Khi xu t nên đ ấ Mono và t ng s th p. ầ ố ấ ể ở
Macromedia Flash MX (Bài 6a)
GK ( gelukrait@yahoo.com ) ế ướ ề ậ ố ế ạ ả ậ c tôi đã đ c p đ n vi c t o khung hình n ti p, m t trong hai d ng chính c a khung hình. Qu th t, ủ ộ s đo n flash y kéo dài ả ử ộ ỉ ầ ư ơ ắ ủ ạ ậ ả t l p thì đúng là m t "big ệ ạ "c b p" v y cũng đã đ kho ng 60-70%, nh ng gi ế ậ ấ ộ ả ạ ạ ơ ố ơ ể ứ ấ ạ ạ ề t ph n c b n bài 4).Nay tôi xin h c v n đ đó, hãng macromedia đã sáng t o ra m t lo i khung hình th 2, đó là khung hình ầ ng d n b n cách t o khung hình bi n đ i d ng đ u ẫ ế ơ ả ở ổ ạ ộ ạ ướ ế ạ ầ ổ bài tr Ở n u làm m t flash mà ch đ u t ư ế 1 phút hay h n v y thì làm m t bài tính đ n gi n cho s đo n frames mà b n thi ậ ộ problem", hi u đ ượ bi n đ i (xem chi ti ế tiên: Khung hình bi n đ i chuy n đ ng ổ ộ ế ể ộ ể ễ ể ự ụ ẽ ạ ộ ạ ể ỏ ầ ể ế ạ ộ c (nói th không ph i không làm vi c v i text ượ ộ ấ ạ ệ ế ả ạ ạ ị Đ cho bài h c có m t cái gì đó cho b n th c hành và d hi u, tôi s làm m t ví d nho nh sau, b n s làm ẽ ọ m t đi m này đ n đi m khác sau m t đo n khung hình. Và đ u tiên b n c n cho chú gà con "Echip" bay t ầ ừ ộ chu n b cho tôi m t t m hình "gà con" hay đ i lo i gì đó cũng đ ớ đ ẩ c). ượ ộ ớ ờ ng đ ừ ng v i 60 frames.V y t ậ ươ ươ ạ ế góc trái sang góc ph i, th i gian bay là 5s, n u i frame th 60, b n t o ra m t khung ạ ạ ậ ạ ả ứ ớ ộ Tôi s t o m t tài li u m i 800x600 pixels và cho chú gà bay t ẽ ạ ệ b n đ t s frame trong 1 giây là 12 v y t ặ ố hình khóa. i khung hình đ u tiên (hình) và ch n trên thanh menu : File>Import (ho c nh n Ctrl+R) đ chèn ặ ỏ ể ầ ặ ấ ọ Đ t tr chu t t hình ban đ u vào. H p tho i Import hi n ra, b n ch n hình mà mình đã chu n b s n. ộ ạ ầ ị ẵ ệ ạ ạ ẩ ọ ộ ẽ ấ ệ ấ ạ ọ ụ Khi này, b n s th y xu t hi n hình mà mình mu n chèn n m gi a khung làm vi c, b n nh n V ch n công c ấ frame 1-59 b tô Arrow đ d i hình v góc trái khung làm vi c. Đ ng th i b n s th y toàn b ph n khung t ừ ằ ờ ạ ữ ẽ ấ ạ ể ờ ệ ầ ố ồ ệ ề ộ ị xám. nút shift, gi ọ ầ ạ ứ ữ ữ ẵ ấ ọ ấ ể ạ ộ ế ấ ế ọ ở ữ ế ề ạ ấ ả ậ ả ổ ọ ẽ ế ộ ề ế ế ể ể ạ ộ ổ ấ khung hình bình c trung gian t ướ ừ ế ấ ố ị cho đ n khi b n ch n frame th 59 thì h ng buông Lúc này b n ch n frame đ u tiên và nh n gi ề ra đ đánh d u ch n khung hình 1 đ n khung hình 59, sau đó nh n chu t ph i ch n Remove Tween, làm đi u ả này chúng ta s bi n c đo n khung hình gi a thành khung hình bi n đ i có v n đ , bu c ph i làm v y đ có ể th chuy n sang m t trong hai d ng khung hình bi n đ i (nói cách khác khung hình bi n đ i có v n đ là khung ổ hình b thi u m t khung hình khóa đ u hay khung hình khóa cu i, và là b ầ th ng thành khung hình d ng bi n đ i. ườ ế ạ ổ ế ế ấ ổ ợ ạ ọ Ti p đ n ta click ch n hình chú gà con (hình trên) và nh n t đâu? H n là đoán xem ta s paste frame th 60 r i. Tôi s nói chi ti ồ h p phím Ctrl+C đ copy hình chú gà. Và b n th ẽ ử t h n m t tí, b n ch n frame 60 sau đó ọ ế ơ ể ộ ứ ẽ ẳ ạ ở ở
ụ ẽ ệ ạ ấ ộ ề dùng công c Arrow click vào khung làm vi c m t cái sau đó nh n Ctrl+V, và b n s kéo hình chú gà này v phía tu t t n cùng phíc bên ph i. Xong xuôi b n s có khung hình nh sau: ố ậ ư ẽ ạ ả ế ạ ầ ậ ộ ổ ủ ề đ u và khung hình khóa k t thúc), đ n lúc này tr c t ở ầ V y là đ y đ đi u ki n cho m t khung hình d ng bi n đ i (có khung ướ ươ ng ệ khi xu t ra xem b n có th ki m tra tr ạ ướ ế nh khung hình n i ti p. Đo n khung hình ố ế ể ể ườ ấ ẽ ạ gi a có hình mũi tên s do flash tính toán đ ế ng bay cho chú ướ ng ộ ố ư ừ ả ả ơ ế ở ữ ả ạ ế ạ ậ ộ hình khóa t ư ự góc ph i sang góc trái. Đ n gi n quá ph i không? Nh ng ti c thay m t s thao tác mà tôi v a h chim t ừ d n các b n có pha m t chút không chính quy, b n có nh n ra là gì không? Đó là khung hình đ t thúc, nó ch a ư ẫ là khung hình bi n đ i (n u là thì nó đâu có màu xám). ế ế ổ
[Đ u trang]
ầ
ư ạ ơ ậ ư ế ạ ọ ứ ỗ ừ ạ ọ ứ ế ấ ng d n cho b n cách chính quy và theo b n cách nào nhanh h n là còn tùy. Cũng nh trên V y tôi s h ẫ ẽ ướ ch v a t o xong khung hình bi n đ i có v n đ . Lúc này b n ch c n ch n khung hình th nh ng ta d ng l i ề ỉ ầ ấ ạ ở ừ 59 và nh n chu t ph i ch n Insert Keyframe, sau đó đ tr chu t khung hình th 59 (lúc này đã bi n thành ộ ở ả ộ khung hình khóa), và kéo hình chú gà trong khung làm vi c v góc ph i: ạ ổ ể ỏ ệ ề ả
ạ ậ ấ ư ế ộ ố khung hình 59, và khung hình 60 l ả ạ ọ ệ ượ ở ụ ạ ầ ộ ứ ế ấ ấ ị ả ộ ư ậ ạ ả ng trình Office và s ti nh các ch ng t ầ ươ ả ờ ụ ạ ư ự ệ i b bi n thành khung V y là xong, nh ng b n th y đ y, m i vi c k t thúc ạ ị ế ấ c là khi áp d ng cách chính quy thì b n ph i t o d ra m t khung hình hình khóa tr ng, v y m t đi u rút ra đ ư ề ậ lúc đ u và sau đó ph i xóa cái khung hình d đó đi. Th đ y, cái nào cũng có m t chút phi n ph c nh t đ nh ề ư ắ c . Nh ng v i cách làm đ u tiên tôi cũng mu n nói v i các b n m t đi u, hãy t n d ng tri t đ kh năng c t ệ ể ộ ố ề ớ ớ t ki m cho b n m t kh i th i gian l n khi dán trong flash, nó cũng t ớ ố ộ ẽ ế ươ làm vi c.ệ
c ng n g n mà ta đã có th ti ạ ấ ộ ố ướ t ki m bi ệ ể ế ứ ọ ấ ứ ụ ỗ ặ ả ạ ề ộ t bao nhiêu s c lao đ ng ế ố ế ớ ạ ụ ứ ặ ạ ạ ữ ộ ồ ặ i m i khóa b n d ch chuy n ể ạ ẳ ị ỗ ờ ỡ n đ p l m ta. N u mà làm v i khung hình n i ti p thì qu th c tr i h i ả ự ố ế ế ẽ ẳ ớ ộ B n th y đ y, m c dù ch v i m t s b ỉ ớ trong khi c ph i t o m i đo n frame r i đ t m t hình vào cho ví d khung hình n i ti p, và v i ví d trên n u ế ạ b n t o thêm nhi u khóa gi a n a, ch ng h n 12 frame thì c đ t m t khóa và t ở ữ chú gà con m t tí thì h n chú s bay l c c ượ i là c c và còn không chính xác n a ch , và tôi xin đ a ra ngay ví d : ữ ắ ộ ạ ẹ ắ ứ ự ơ ự ụ ư
B n th y gi a hai hình có s khác bi t ch , m t chú thì bay th ng m t đ nhiên ữ ự ấ ạ ệ ộ ườ ứ ẳ ộ ng làm cho đo n flash m t t ạ ấ ự
n m t chút xíu trong có v t nhiên h n. làm sao, còn m t chú thì bay l ộ ượ ẻ ự ộ ơ trên thôi, n u v n ch a hi u thì b n nhìn hình d i đây s ư ư ạ ở ổ ỉ ướ ẽ ể ng ra ngay thôi, và nh là có 5 đo n khung hình b n đ i đ y nhé: Th c ra tôi ch có thay đ i chút xíu nh đã nói ự ng t t ưở ẫ ổ ấ ế ế ượ ạ ớ ở ư ậ ộ ị ộ đây chính là m t v trí c a khung hình khóa, v i cách làm nh v y góc đ khi bay s b l ch đi ớ ữ ộ n l ượ ờ ừ ủ ọ ế ằ ườ ể ị ừ ừ ơ ệ ệ ỉ ữ n l ượ ờ ữ ứ ế ạ Hình m i Chíp ẽ ị ệ ỗ i xem khi n h nghĩ r ng th c ra nh ng chú chim kia bay l . T ví d này tôi m t chút và đánh l a ng ụ ự khuyên các b n đ ng đ v trí các chú Chip l ch nhau quá, mà ch nên h i l ch thôi, và kho ng cách gi a hai ả đi m nên nh thôi n u không đo n flash s cho th y chú Chip bay theo góc c nh ch không l ậ n a, v y ấ ạ i xem. ch c ch n s không thuy t ph c đ c ng ạ ỏ ẽ ẽ ườ ể ắ ượ ụ ế ắ i thi u xong khung hình d ng bi n đ i chuy n đ ng, nh ng t ớ ệ ế ả ạ ổ ộ ấ ả i thi u xong 4 khâu căn b n tôi s đi vào chuyên sâu h n cho các b n sau, và ể ơ ệ ả ư ạ ế c kia tôi đã đ c p v i các b n, bi n t c ch m i là căn b n thôi, sau ỉ ớ bài sau (bài 6b) chúng ta ở ề ậ ẽ ế ướ ụ ạ ạ ổ ớ ớ Đ n đây tôi đã gi ế khi gi s ti p t c làm quen v i khung hình bi n đ i hình d ng v i ví d mà tr ớ m t ch G màu xanh thành m t ch K màu đ . ỏ ữ ớ ẽ ế ụ ộ ữ ộ
Macromedia Flash MX (Bài 6b)
GK ( gelukrait@yahoo.com ) Khung hình bi n đ i hình d ng: ổ ế ạ c làm quen v i d ng khung hình bi n đ i chuy n đ ng. Gi ượ ế ổ ẫ ớ ạ ơ ả ng d n ngay các b n các c b n đ t o m t khung hình bi n đ i hình d ng, v y xin đ ộ ạ ể ế ể ạ i thi u dài dòng vì dù sao qua các bài h c tr ệ ờ ứ i h a tôi s th c hi n l ộ ờ c b qua ổ ỏ ượ ạ t ph n nào v lo i khung hình này. c các b n cũng đã bi Ở c a mình, h ủ ph n gi ầ bài 6a chúng ta đã đ ướ ệ ớ ọ ẽ ự ậ ề ạ ầ ướ ạ ế
* Khái quát: ư ế ế ễ ổ ố ấ ả ế ặ ấ ạ ố ộ ị i vi c quy đ nh frames, sau này m i bài vi t s đ t chúng ta ph i t o ả ạ ng thì là 12fps thì s frame ế ẽ ể ở ứ m c ắ ạ ệ ầ ạ ọ ị t c bi n đ i di n bi n trong vòng hai giây nên nh các b n cũng bi Chúng ta s làm cho t ạ ẽ ra s frame g p đôi so v i m c đ nh mà b n quy đ nh có trong m t giây (thông th ườ ị ớ b n c n t o 24 frames, và đây là l n cu i tôi nh c l ố frame chu n là 12fps, tôi s không nói nhi u v phép tính t o frame đ n gi n n a). ề ầ ạ ẩ ữ ể ẽ ạ ả ơ * Ph n chính: ầ i frame th nh t, t i đây b n ch n công c Text và nh p vào ch G. - Đ u tiên b n đ t thanh th c hi n t ặ ệ ạ ự ầ ạ ấ ạ ứ ụ ữ ậ ạ ọ i frame th 24 b n nh n chu t ph i ch n ế ớ ứ ấ ả ả ọ Insert Blank Keyframe (nên nh là Blank ch không ph i ứ ớ - Ti n t Insert Keyframe, còn t ạ i sao ph i nh v y thì xin b n xem l i ộ ư ậ ạ ả ạ ạ bài 5). i đây b n l ờ ứ ạ ạ ủ ữ ạ ạ ọ frame th 14 c a b n s là khung hình tr ng, t ẽ ơ ạ i ch n công c Text và nh p ch K t ổ i ngay v ạ ồ ố ữ ớ ậ ạ ụ ế ữ ậ ạ ọ ở ị - Gi trí mà b n đã nh p ch G (b n ch n font ch l n h n cũng không sao b i vì bi n đ i hình d ng bao g m ý bi n ế đ i kích th c). ướ ổ ậ ữ ủ ế ẫ ạ ả ệ ữ ạ - Nh p hai ch G và K xong công vi c c a b n v n ch a k t thúc, vi c mà b n ph i làm là bi n các ch d ng ư ể ế text (thu n văn b n) này sang d ng hình (b i flash ch ch p nh n bi n đ i các hình d ng ch không th bi n ỉ ế ứ ệ ế ả ầ ấ ậ ổ ạ c a nó mang tên đuôi khác trong Wins). ạ ở ạ đ i các file mà m i kí t ự ủ ỗ ổ ể ặ ầ ấ cho ch K. ọ ng t - Đ làm vi c này b n ch n khung hình đ u tiên và ch n trên menu: Modify>Break Apart (ho c nh n Ctrl+B), ạ ọ b n th c hi n đi u t ề ươ ệ ệ ữ ự ự ạ ế ọ đây b n nh n chu t ph i ch n ế ể ạ ấ ầ ạ ộ ị ả cu i màn hình hi n ra và b n ch n thông s nh hình sau: - Ti p theo b n di chuy n thanh th c hi n đ n v trí frame đ u tiên. ự ở Properties, b ng Properties ả Ở ọ ệ ố ư ệ ạ ố
khi ch n ạ ọ shape thì ể ọ ờ ộ c đây khi t o khung hình chuy n đ ng thì chúng ta ch n Motion, gi ạ ủ ẩ ậ ớ i thích toàn b cho b n). Sau khi ch n Shape khung hình c a chúng ta s bi n thành nh th ấ ạ ẽ ả i c a khung hình (v y là khung tween đã không còn bí n gì v i chúng ta và tôi đã th c ự ư ế ẽ ế ủ ạ ọ ộ Nh b n th y đ y tr ư ạ ướ ấ hi n nhiên là d ng còn l ễ hi n l i h a s gi ệ ờ ứ này: (đúng v i màu xanh lá cây sáng mà tôi nh c đ n trong bài 4) ế ắ ớ Nh ng còn thông s Ease và Blend là gì? B n ch băn khoăn, tôi gi i thích ngay đây: ư ạ ố ớ ả ị ừ ừ ế ế ị ạ ọ -100 đ n 0 là giá tr In, t ổ ế ả ố 0 đ n 100 là giá tr Out. Là tùy ch n giúp b n tăng gi m t c ế ả ộ ừ ng nhiên t c đ s không thay đ i t ươ ế ầ ầ ị ế khi b t đ u cho đ n khi k t thúc chuy n đ ng bi n ế ổ ừ ể khi b t đ u cho ắ ầ ị ắ ầ ố ộ ẽ + Ease: có hai giá tr t đ chuy n đ ng bi n đ i. Ease giúp cho kho ng th i gian t ờ đ i t c đ s tăng d n hay gi m d n. N u giá tr 0 đ ả đ n khi k t thúc chuy n đ ng. ộ ể ộ ộ ẽ ế ộ ổ ố ế ể ố ộ ườ ố ự ạ ậ ạ ợ ơ ọ ứ ề ợ ơ ỉ + Blend: có hai thông s chính là Distributive và Angular.Là tùy ch n giúp cho đ Distributive phù h p cho hình d ng cong và tr n. Angular ng dù là góc hay d ng cong đ u có th m t trong hai th này, ch là cái nào phù h p và t b n th y rõ ch G thì cong còn ch K thì góc c nh nên b n ch n tùy ch n nào cũng t ng nét và góc hòa tr n nhau. ọ ứ i là l a ch n s 1 cho góc c nh. Nói v y ch c l ượ ạ i u h n thôi. Trong ví d ụ ố ư t c . ố ả ể ộ ữ ạ ữ ạ ấ ạ ạ ọ ọ ế ạ ộ ổ ỉ t l p xong b n đã có m t flash bi n đ i hình d ng hoàn ch nh mà không c n ph i phân ế ậ ẳ ư ả ế c, n u ầ ượ ồ ấ ạ ộ ế ể ể Đ n lúc này sau khi thi chính quy hay không nh chuy n đ ng r i đ y, b n có th xem th ng ngay trong FlashMX cũng đ ạ không thì xu t ra xem cũng không sao. ấ
Trên là ví d v vi c v a bi n đ i hình v a bi n đ i đ l n. ụ ề ệ ổ ộ ớ ừ ừ ế ế ổ
[Đ u trang]
ầ
i đó, hãng ấ ả ề ế ư ừ ạ ẫ ấ ạ T t c các công phu v bi n đ i hình d ng do Macromedia cung c p cho chúng ta v n ch a d ng t còn cung c p cho chúng ta m t tính năng tuy t v i có tên Shape Hints. ệ ờ ổ ộ ấ ả ầ ộ ọ ị ị Shape Hint: là ch năng ch n và quy đ nh m t hay nhi u v trí trên hình ban đ u theo b ng ch cái và quy đ nh ề đ ng dò các đi m t Shape Hint là khi đ t, các đi m s t i t ể ẽ ự ộ ữ ể ươ ế ộ c a hình, d dàng cho ta thi di n ra theo ý ta ch ứ ng ng t ạ ứ tìm theo ph n t ầ ử ủ ị i hình d ng k t thúc. M t đi u thu n l ệ ầ ử ễ ạ ễ ứ ổ ị không ph i do flash quy t đ nh. ề ặ t l p và vi c bi n đ i v trí các ph n t ế ậ ả ậ ợ ừ ế ế ị Đ s này ta ch n ể ử ọ Modify>Shape>Add Shape Hint (Ctrl+Shift+H). ọ ứ ế ầ - Ch n khung hình đ u tiên, sau đó ch n ch c năng Shape Hint, sau đó kéo đi m Shape Hint đ n góc nào đó ể ọ trong hình, th c hi n nh v y cho đ n khi các đi m Shape Hint bao quanh hình: ư ậ ự ể ệ ế
t ấ ạ ư ặ ị ừ ộ ừ ể ố đó b n cũng bu c ph i đ t ự ạ ệ ổ ủ ả ẫ ừ ạ ả ặ ở a đ n i, t ứ ự ừ ế ậ a đ n i, n u không th c hi n đúng quy trình thì h u ế ế đó khi n cho đo n flash có k t qu khó đoán, ế ế ả tính toán n u không s d ng tính năng này. Nh các b n cũng th y, trong hình các v trí mà tôi đ t là theo th t frame cu i cùng bao quanh ch K là các đi m Shape Hint t ữ qu d n đ n là đo n flash bi n đ i c a b n không h p logic t ợ ế h ng đi s bi n đ i m m m i mà thay vì flash giúp ta t ạ ế ự ế ạ ổ ự ề ỏ ế ạ ử ụ ế ế ươ ứ ể ọ ố ở trên. C n l u ý i mà chúng n m đè ng ng nh tôi đã nói ư ả ạ ạ ứ ữ ế ế ạ ố ầ ư ằ - Ti p đ n ta ch n khung hình cu i cùng và đ t các đi m Shape Hint t ặ khi b n ti n đ n frame cu i ch a ch K thì các đi m SH (Shape Hint) không c n ph i t o l lên nhau, vi c c a b n là ph i tách chúng ra và đ t chúng t ả ầ i các đi m h p lý: ể ể ặ ủ ệ ạ ạ ợ Nguyên tr ng khi v a chuy n đ n frame cu i, các SH đè lên nhau và trên cùng là SH i. ố ừ ế ể ạ ấ ế ử ư ể ợ ỉ ị Đây là các v trí SH sau khi ch nh s a v trí, nh ng r t ti c là không h p logic nên Flash không th tính ị toán chu trình bi n đ i. ổ ế ộ ấ ư ạ ạ ế ổ ớ ắ ầ ử ụ ủ ặ ế ợ ự ầ ử ơ ọ ế ụ ư ạ ọ i nó SH là m t tính ch t kèm thêm c a Flash c c m nh và cho phép b n thay đ i c c u bi n đ i, nh ng bù l ổ ơ ấ ạ ỉ l sao cho h p logic. Do đó n u b n m i b t đ u h c flash thì ch i r t khó s d ng trong khâu đ t các ph n t ạ ạ ấ ộ nên áp d ng cho các c u trúc hình h c đ n gi n nh hình vuông ch T hay hình tròn,... Còn n u b n là m t ả ấ Designer chuyên nghi p hay đã s d ng thu n th c Flash thì đây là m t m u ch t c a s khác nhau gi a trình ố ủ ữ ộ ử ụ ữ ự ệ ấ i khác. ụ đ c a b n và ng ạ ầ ộ ủ ườ t c đo n flash, b n có th b t ệ ế ế ậ t l p SH không thành công, b n không nên lo l ng mà b t ạ ắ ạ ạ ỏ ấ ả ầ ả ấ ộ ộ ọ N u vi c thi t c SH b ng cách nh n chu t ph i vào m t SH nào đó trong hình c a Frame đ u tiên ch n Remove All Hints đ ằ xóa b t ỏ ấ ả ể ỏ ấ ả ể t c và Remove Hint đ xóa SH mà b n đang ch n. Đ n nhiên t o thêm Hint thì b n ch n Add Hint. ọ ủ ơ ể ạ ạ ạ ọ ng d n b n các ầ ế ế ơ ả ủ ế ế ạ ạ ổ ể ạ ọ ệ ể i nh ng bài liên quan đ n công c v đã đ a lên website Echip đ ế ấ ả ẽ ượ ụ ẽ ế ạ ẫ c th c hi n gói g n trong ể ư ộ ế ướ ư ữ ạ Đ n đây là k t thúc ph n c b n c a khung hình d ng bi n đ i hình d ng, ti p đ n tôi s h ẽ ướ nào đ chú gà Chip bay vòng tròn khi s d ng khung hình chuy n đ ng. T t c s đ ự ử ụ c h t b n cũng nên xem l bài 6c, nh ng tr d thao tác h n trong bài 6c. ơ ễ
Macromedia Flash MX (Bài 6c)
GK ( gelukrait@yahoo.com ) Khung hình chuy n đ ng theo l p d n: ộ ớ ể ẫ Chúng ta đã đ c bi t đ n cách t o khung hình bi n đ i chuy n đ ng bài 6a. ượ ế ế ế ể ạ ộ ổ ở ứ ạ ươ ề ể ế ả n l ượ ờ i xem, nh ng cách đó có v ch thích h p khi ta cho bé gà bay trên đ cu i bài tôi đã có đ c p đ n ph ư ả ề ậ ườ ng th c t o nhi u kho ng frames đ chú gà con l ợ ẻ ậ ỉ ạ lên xu ng t o ố ng th ng và ẳ ườ Ờ ố c m giác th t cho ng không nh ng th còn làm ta m t nhi u công s c. ữ ứ ề ế ấ ng ph c t p thì ta ph i làm sao đây? Các b n th xem ví d ế ộ ườ ứ ạ ử ạ ả ụ V y n u mu n bé Chíp nhà ta bay theo m t đ d ố i đây nhá. ậ ướ
* L p d n: ớ ẫ đó chính là chúng ta s d ng thêm l p d n. Th t đ n gi ậ ơ ả ử ụ ẫ ớ V y l p d n làm gì? ẫ ậ ớ ng bay cho đ i t ẫ ộ ớ ạ ớ ố ượ ng, đây là m t trong các ộ các ch L p d n là m t l p đè lên l p hi n hành, cho phép ta ho ch đ nh đ ệ lo i cao c p nh t c a l p mà ta ch th y ấ ủ ớ ị ườ ng trình t o flash. ạ ỉ ấ ở ớ ạ ươ ấ ớ ệ ẽ ẽ ầ ớ ộ ị ng chuy n đ ng, l p hi n hành s là l p ch a ứ ệ ng. L p hi n hành s quy đ nh đi m đ u và đi m cu i c a đ i t ố ượ ể ườ khung hình chuy n đ ng quy đ nh đ ể ố ủ ị ớ ể ng bay th ng cho đ i t ố ượ ể ộ ẳ ng bay theo logic, ta ch c n v đ ộ ẽ ườ ầ tính toán đ ng bay sao cho đi qua đi m đ u và đi m cu i ố ng bay cho l p hi n hành (l p ch a chuy n đ ng bay ẫ ố ượ ợ ẽ ự ỉ ầ ườ ể ộ ể ứ ệ ể ớ ớ L p d n ch a n i dung đ ứ ườ ớ c a đ i t ng và h p logic thì flash s t ủ th ng). ẳ L p d n không hi n th khi th c hi n chu trình chuy n đ ng. ự ệ ể ể ẫ ớ ộ ị * Th c hi n: ự ệ Nói mà không làm thì khó mà hi u đ c.Do đó b n hãy cùng tôi th c hi n ví d nói trên. ể ượ ự ụ ệ ạ Đ u tiên ta t o m t chuy n đ ng y nh ví d bài 6a. ụ ở ư ể ầ ạ ộ ộ Xin xem hình d ướ ể ạ i đ b n có th hình dung ra. ể
ẽ ể ấ ộ ừ sát phía bên trái đ n sát phía bên tay ế Nh b n th y, trong vòng 50 khung hình , chú gà con s chuy n đ ng t ph i tài li u c a b n. ệ ư ạ ả ủ ạ Chúng ta s không đá đ ng gì đ n l p hi n hành này n a. ế ớ ữ ệ ẽ ộ Vi c ti p theo là b n ph i chèn m t l p d n, xin hãy xem chi ti hình sau. ộ ớ ệ ế ạ ả ẫ t ế ở B n nh n vào bi u t ng đã đ ể ượ ấ ạ ượ c khoanh đ . ỏ Layer Guide mà tôi g i là l p d n xu t hi n. ọ ệ ẫ ấ ớ ặ ả ạ ạ ấ ả ộ ị N u m c đ nh phiên b n Flash mà b n dùng không ph i là Guide thì b n nh n chu t ph i lên layer này và ch n ọ ả ế Guide. ng đi cho ế ế ụ ẽ ạ ố ọ ế ấ ả ọ đ i t ng. t c frame trong layer này và ch n công c v nào mà b n mu n đ v đ ể ẽ ườ ng. đây tôi dùng công c Pencil đ v đ ng đi ngo n ngoèo cho đ i t Ti p đ n b n ch n h t t ạ ố ượ Ở ể ẽ ườ ố ượ ụ ằ
Vi c cu i cùng mà b n ph i làm bây gi là export thành qu ra mà thôi. ệ ả ạ ố ờ ả Download ví d t i đây . ụ ạ
[Đ u trang]
ầ
L i d ng k h v khung hình c a Flash MX ẽ ở ề ợ ụ ủ
Trên là m t ví d v vi c l i d ng v thu t toán khi tuy Logic nh ng không th tính toán đ Flash MX. ụ ề ệ ợ ụ ư ể ề ậ ộ c ượ ở ư ạ ử ụ ưở ư ế ắ ắ ự i các bài v l p và theo đ m c ví d cũng cho ta th y không nh t thi t ta ph i l ư ng đ n vi c s d ng Mask nh trên, nh ng ả ợ ụ i d ng ấ ẽ ề ụ ệ ấ ề ớ ấ ư ụ ế Nh b n th y, ví d trên khi nhìn, ch c ch n ta s có s liên t ụ chúng ta ch a h c t ọ ớ Mask. ặ ạ ư ữ ầ ớ ộ b n s đ c bi (Layer Mask là l p m t n cũng nh Guide hay còn g i là l p d n là m t trong nh ng thành ph n khác c a l p, ủ ớ ớ ọ ẫ t chi ti ế ơ ế t h n v sau) ề ẽ ượ ạ ề ở ạ ấ ẩ ả ắ ấ i v n đ , ta th y đ i t ố ượ ể ế i l n n a ta s không làm vi c v i l p, ch đ n thu n là l ệ t t ượ ừ ẽ ự ng h p duy nh t đó là ữ ợ ườ ủ ệ trái sang ph i, do đó ch c ch n v n đ s liên ề ẽ i d ng s ợ ụ ấ ắ ỉ ơ ộ ườ ớ ớ ỉ ầ ợ ng h p này ch c ch n b n ch còn m t tr ắ ạ ắ ng lúc n hi n trong khi tr Tr l ệ ấ quan đ n khung hình chuy n đ ng. Nh c l ắ ạ ầ ộ tính toán l ch c a Flash. Do đó mà trong tr s d ng khung hình bi n đ i. ổ ử ụ ế Sau đây là cách th c hi n : ự ệ c. Đ n nhiên b n ph i t o m t tài li u m i tr ả ạ ớ ướ ệ ạ ơ ộ
ng trong kho ng frame 1 đ n 59 bên tay trái ạ ạ ạ ứ ộ ố ượ ế ả ở T i khung hình th 60 b n t o m t khung hình khóa. Chèn đ i t nh hình trên. ư
T i khung hình 60 b n chèn ti p đ i t ng t i góc ph i cu i tài li u làm vi c. ố ượ ế ạ ạ ạ ệ ệ ả ố Vi c làm này t ng t nh b n t o khung hình chuy n đ ng, đích xác là ví d đ c l y t bài 6a. ệ ươ ự ư ạ ạ ụ ượ ấ ừ ể ộ i b ng Properties Tween là Shape (làm nh v y đ ạ ả ư ậ ạ ạ ọ ộ ở ể Sau đó b n ch n toàn b đo n khung hình t ừ thi ổ 1 - 59 t t l p dãy khung hình này là d ng bi n đ i ch không ph i là d ng chuy n đ ng Motion). ứ ế ậ ể ế ạ ả ạ ộ Đây là k t qu mà b n nh n đ ế ậ ạ ả ượ c sau khi th c hi n ch n Shape: ệ ự ọ
ế ự ậ ậ ệ ứ ể ạ ạ ư ế ộ ắ cu i và khung hình đ u đã đ y đ đi u ki n nên b t ả ệ i khi đây là d ng chuy n đ ng ch không ph i hình ở ng t ậ ộ ầ ớ ạ ậ ẽ ắ ố khi b n dùng hai l p, m t l p d ự ộ ớ i do bi n đ i ổ ế ạ ng đi, l p trên là m t l p tr ng khuy t m t ph n th c hi n d ng ủ ề ướ ự ầ ộ ớ ầ ế ệ ắ ộ ng đ nh s n. Theo đúng lý thuy t thì Flash ch nh n th c hi n thu t gi ả ỉ d ng, nh ng theo lý thuy t thì vi c chèn khung hình khoá ệ i, đó là m t thu t gi bu c Flash ph i đ a ra thu t gi i t ả ươ ả ư ộ ả nên hình đ i t ớ ườ ế chuy n đ ng ch y cũng theo đ ẵ ườ ng s s p liên ti p theo đ ố ượ ạ ể ộ ị Đ n đây ví d cũng đã xong, b n ch c n export ra xem là đ c. ỉ ầ ụ ế ạ ượ Download ví d t i đây . ụ ạ c s d ng r t nhi u trong gi i chuyên nghi p. Hai ví d trên r t ph bi n và đ ấ ổ ế ụ ượ ử ụ ề ấ ớ ệ ng đ B n cũng có th k t h p hai ví d trên v i nhau t o nên m t hi u ng khác cũng th ớ ể ế ợ ệ ứ ụ ạ ạ ộ ườ ượ c s d ng. ử ụ
Macromedia Flash MX (Bài 7)
GK ( gelukrait@yahoo.com ) L p và các thu c tính: ớ ộ Nh tôi đã nói tr c bi ế ơ ả ướ ạ ạ ụ ư v " và "khung hình", nay tôi xin gi ẽ c kia, Flash bao g m 4 đ i gia chính và chúng ta đã đ ớ ề ộ ị ạ ứ ệ c. t c b n v hai đ i gia "Công c ồ ượ i thi u v i các b n v đ i gia th 3, đây cũng là m t v đ i gia không kém ạ ớ ph n quan tr ng so v i các đ i gia tr ướ ầ ị ạ ớ ạ ọ ĐÓ CHÍNH LÀ L P.Ớ
ng đ n ngay các trình đ h a n i ti ng nh Photoshop, và b n cũng nên hi u, l p đây ế ớ ổ ế ồ ọ ớ ở ư ể ế Nói đ n l p ta liên t ạ mang nghĩa Layer, t c nó cũng có chung m t tính năng nh Layer trong Photoshop. ưở ứ ư ộ Sau đây là toàn b khu v c làm vi c c a l p: ủ ớ ự ệ ộ ượ ứ ệ ể ớ ỉ t n i dung l p có đ ế ộ ị ệ ắ ạ ệ ể ạ ả ớ ộ ộ * Hình con m t cho bi c hi n th trong vùng làm vi c hay không (ch c năng này ch có ị hi u qu khi b n làm vi c, l p có hi n th hay không khi b n export ra là còn tùy thu c vào thu c tính mà nó đang mang). khóa cho bi ổ ử ắ ả ớ ị ỉ ư ậ ớ ủ ạ ộ ố ể c n a b ng cách g ch chéo bi u t t l p này không ch nh s đ ể ạ ọ ớ ng cây bút ể ượ ế ớ ữ ạ ằ ạ ỉ t n i dung trong l p đó có kh năng b ch nh s a hay không (làm nh v y đ ch c ch n * Hình ắ ế ộ trong quá trình làm vi c không vô ý h y ho i hay tác đ ng ngoài ý mu n n i dung trong l p, khi b n ch n l p đ ộ ệ khóa, Flash s báo cho b n bi ử ượ ẽ chì). * Hình khung vi n đen: quy đ nh màu s c bao các đ i t ng trong l p. ố ượ ề ắ ị ớ *Hình t gi y: đó là bi u t ng, không mang thu c tính khác. ờ ấ ể ượ ng c a m t l p bình th ộ ớ ủ ườ ộ Bên c nh đó có dòng ch "Layer 1" chính là tên l p, đ i v i l p th ữ ạ ớ ị ố ng thì l p nào n m trên s hi n th đ i ẽ ể ằ ng l p trên đè lên đ i t t ượ ở ớ ố ượ ố ớ ớ ằ ớ ườ i. ng n m trong l p d ướ ớ ờ ấ ộ ớ ấ ườ ớ ng, m c đ nh l p này t o ra s n m trên l p hi n hành (t c là l p ẽ ằ ứ ệ ặ ạ ớ ớ ị * Hình t gi y có d u +: t o thêm m t l p th ạ mà b n đang đ trò chu t). ộ ạ ể * Hình d u c ng có các ch m đ : nh ta đã t ng th c hành, đây là bi u t ư ể ượ ừ ấ ấ ỏ ộ ớ ng chèn l p d n (Guide) cho l p ẫ ớ hi n hành. ự ệ * Bi u t ng th m c có d u +: chèn th m c. ể ượ ư ụ ư ụ ấ * Bi u t ng thùng rác: xóa l p mà b n đang ch n. ể ượ ạ ớ ọ Các thu c tính c a l p: ủ ớ ộ ể ể ủ ớ ọ ớ ử ấ ả ạ ạ ổ ố ộ ộ ộ Đ hi n th thu c tính c a l p, b n ch n l p mà b n mu n s a đ i thu c tính, sau đó nh n chu t ph i ch n ọ ị Properties. B ng Layer Properties hi n ra: ệ ả
ể ạ ạ ổ ớ ớ ị ẳ ằ ể ệ ọ ớ ệ ạ ạ ố ị t n i dung ắ ắ ộ ể ọ ở ả ư ứ ả ộ ớ ộ ớ * Name: quy đ nh tên cho l p mà b n đang ch n, b n có th thay đ i tên cho l p này b ng cái tên khác Layer 1 nh Echip ch ng h n. Vi c quy đ nh tên cho l p cũng khá quan tr ng khi b n mu n th hi n v n t ch a trong l p đó (m t cách khác đ đ i tên là b n không ph i m b ng thu c tính l p ra mà có th double click ạ vào ph n tên c a layer hi n hành và nh p tên m i). ớ ệ ể ổ ậ ủ ầ trên. * Show và Lock: là thu c tính hình con m t và ộ ắ ổ khóa nh tôi nói ư ở * Type: đây chính là các thu c tính khác nhau c a l p. ủ ớ ộ + Guide hay Guided là l p d n nh ng có s khác nhau đôi chút, còn Mask hay Masked là l p m t n , cũng nh ư ự ẫ ớ ớ ư l p d n hai lo i này cũng khác nau đôi chút. Chúng ta s đ c p sâu h n v 4 lo i l p này ớ ẽ ề ậ ạ ớ ề ạ ẫ ơ ặ ạ bài 8 và 9. ở + Normal: chính là l p bình th ng, ch a n i dung và quy đ nh hi n th trên d ớ ườ ứ ể ộ ị ị i. ướ + Folder: có cùng ch c năng v i bi u t ng th m c. Đây là m t thành ph n m i mà ch có th b t g p t phiên ể ượ ứ ớ ể ắ ặ ừ ư ụ ầ ớ ộ ỉ
b n MX tr lên. Quy đ nh ngăn các các l p giúp ta d ki m soát n i dung các l p h n. ễ ể ả ớ ơ ớ ở ộ ị t các l p mà nó còn giúp ta phân bi ộ ầ ữ ứ ữ ệ ớ ệ t * Outline Color: ch c năng này không nh ng m t l n n a giúp ta phân bi các thành ph n trong l p. ầ ớ L y ví d b n t o hai l p, m i l p t o chèn m t bé Chíp m t v trí khác nhau : ụ ạ ạ ỗ ớ ạ ấ ộ ớ ở ộ ị
c đâu là bé Chíp thu c l p Chíp 1, đâu là bé Chíp thu c l p Chíp 2. V y b n s không bi ẽ ậ ạ t đ ế ượ ộ ớ ộ ớ ạ ớ ờ ờ khung hình nào thì ỉ ớ ọ ể ế ậ ạ ạ ỏ ộ ế ở ế ộ ớ ệ ả Mà trong khi b n đang ch n l p Chíp 1 v i Outline Color là màu xanh lá, l p Chíp 2 là màu xanh da tr i. Bây gi ọ ớ t, m t là b n ch n đ i 1 trong 2 bé Chíp, n u tr chu t hi n th ch có hai cách nh n bi ị ờ ộ Chíp đó thu c l p đó. Nh ng đây không ph i là cách toàn di n, b i n u đây không ph i hai mà là hàng ngàn bé ư ả Chíp v i c ch c l p thì b n không th đánh d u t ng Chíp m t theo ki u trên. ạ ấ ừ ụ ớ ớ ả ể ể ộ ự ư ề ạ ấ ộ ở trên, b n s d ạ ẽ ễ Cách t ạ dàng th y hai bé Chíp b bi n thành : t nh t là b n d a vào Outline Color, b n nh n chu t lên khung có vi n đen nh tôi nói ấ ố ấ ị ế
B n th y đ y, bây gi t không còn là khó n a, màu xanh da tr i là thu c l p Chíp 2, màu xanh lá là ạ ấ ấ ờ nh n bi ậ ế ộ ớ ờ thu c l p Chíp 1. ữ ộ ớ ộ ố ượ ế ề ng t i d ng vi n màu ng s hi n th d ọ ẽ ể ng s không hi n th mà ch hi n th vi n ngoài và màu ỉ ể hình sau c a ví d v Outline Color, đ i t ụ ề ị ướ ạ ị ề ạ ố ượ ủ ự ẽ ể ị * View layer as outline chính là thu c tính n u b n ch n thì toàn b đ i t ộ t ươ Outline mà thôi (tùy ch n này thay th cho cái click chu t vào khung vi n đen trong ph n Outline Color). ề ế ầ ộ ọ ủ ớ ổ ộ ề ầ ộ ọ * Layer Height: tùy ch n này cho phép b n thay đ i đ cao c a l p, không h tác đ ng lên các thành ph n trong ạ l p, có ba m c là 100%, 200%, và 300%. ớ ứ Gi s tôi ch n 300% cho l p Chíp 1 thì: ả ử ớ ọ Nh b n th y đ y, đ cao c a l p s l p t c tăng g p 3 l n, tr l ẽ ậ ứ ủ ớ ư ạ ở ạ ấ ấ ấ ầ ộ i nh cũ thì b n ch n 100%. ạ ư ọ ứ ử ể ệ ơ V y Macromedia làm ch c năng này đ làm gì? Xin th a, đó là đ cho b n d dàng h n trong vi c s a đ i t ng ổ ầ ễ ư ể c đây và s nâng cao sau này. s âm thanh d ng sóng nh p nhô ngay trong Flash. Vi c s a đ i đã đ c p tr ướ ệ ạ ề ậ ậ ố ử ẽ ấ ạ ổ ứ ự ớ : do m c đ nh t o thêm l p m i thì l p này s n m trên l p cũ và tr thành l p hi n hành, ệ ạ ớ ớ ớ ở ị ẽ ằ ỉ ặ ộ ớ l p ổ ị ớ ấ i m t hay nhi u l p khác) b n ch c n ch n l p mu n thay đ i v trí, ch n l p đó và gi ọ ớ ằ chu t rê đ n v ữ ớ ủ ớ ố ị ọ ớ ề ớ ổ ị ỉ ầ ậ ằ ạ ộ ộ ị Thay đ i th t ổ ặ v y mu n thay đ i v trí m t l p nào đó (theo tính năng c a l p ch có duy nh t hai v trí đó là n m trên ho c ố n m d ế ướ trí mà mình c n.ầ B n cũng có th thay đ i m t lúc v trí c a nhi u l p b ng cách nh n Shift kèm theo khi ch n l p (không th ọ ớ ề ớ ủ ể ạ ấ ằ ổ ộ ị ể
ể ở ọ ị chu t đ ng th i gi ạ nh n Ctrl b i làm th Flash s không th tính toán v trí c a các l p và khi ch n Shift cũng có nghĩa v i vi c b n ủ bu c ph i ch n các l p liên ti p nhau), sau đó gi ộ ồ ớ ệ Shift và rê đ n v trí mà b n mu n. ố ị ế ớ ẽ ế ớ ờ ấ ộ ữ ữ ế ả ạ ọ ư ệ ệ ườ ộ ng làm, đ sao chép n i dung m t ể ộ t v vi c quy c, l p này tên b n đ t là gì cũng đ ạ ơ ớ ướ ả ạ ộ ớ ặ ạ ạ c và cũng không c n thi ượ ầ ế ề ệ Sao chép l pớ : vi c này không đ n gi n nh vi c Copy và Paste mà b n th ả l p b n ph i t o m t l p m i tr ớ ớ đ nh s khung hình trong l p m i này. ị ố ớ ớ ạ ế ế ủ ớ ộ ộ ữ ầ ả ồ ộ ờ nút Ctrl đ ng th i nh n chu t ph i ch n Copy Ctrl) và ch n Paste ọ ọ ộ ị ấ ả ọ ạ ữ ả ọ ớ ộ Ti p đ n b n ch n toàn b n i dung c a l p c n sao chép và gi Frame, sau đó b n ch n m t v trí nào đó trong l p m i và nh n chu t ph i (không ph i gi ớ ấ Frame là OK. bài khung hình thì t t h n nh ng bài đó chúng ta ch a bi ở ố ơ ư ở ư ế ề ớ ả ợ t v l p nên ph i đ i (đáng ra ph n này nên nói ầ đ n bài này) ế ề ớ : cũng nh trên b n ph i t o thêm m t l p m i tr ớ c, sau đó b n ch n n i dung các l p ọ ớ ướ ư ạ ạ ộ ả ạ ở ộ ớ ể ấ ả ằ ộ ớ i cũng nh sao chép l p, ch n Paste Frame trên l p m i t o là xong. Sao chép nhi u l p b ng phím Shift (không th dùng phím Ctrl b i ta không th sao chép các l p cách nhau), nh n chu t ph i ch n ọ ể Copy Frames và vi c còn l ọ ạ ớ ạ ư ệ ớ ớ ể ệ ạ ớ ộ Di chuy n n i dung trong m t l p đ n l p khác mu n di chuy n sau đó nh n và gi ế ấ ạ : đ làm vi c này b n ch n ph n n i dung trong l p mà b n ầ ộ chu t và rê đ n b t c khung hình nào c a l p mà b n mu n di chuy n n i ọ ủ ớ ế ớ ộ ộ ớ ữ ộ ể ể ạ ố ố ể ấ ứ dung. ệ ớ ị ặ ấ ữ ng quá l n s khi n cho b n m t nhi u th i gian khi b t ng đ i t ấ ấ ỏ ừ ị ẩ ạ ở ế ế ẽ ề ớ ờ t c các khóa và n ỏ ấ ả khóa), b i n u v i m t s l ặ ổ ỉ ầ ả ộ ố ượ ộ ớ ố ượ ẽ ị ạ ỏ ấ ả ẩ ả ấ ấ ạ ọ ọ ẩ : vi c này r t h u ích n u các l p b n ho c đã b khóa (đánh d u hình con m t ắ B t ho c ng, ế ớ đ n gi n là b n ch c n ch n m t l p b t kì nh n chu t ph i và ch n Show all. T t c n và khóa s b lo i b ộ ơ hoàn toàn.
