Lúc này nếu bạn chọn Control > Test Movie từ menu thì Flash xuất ra flash movie với một con chim đang vỗ cánh bay từ góc dưới bên trái sang góc trên bên phải.. Thêm một con chim v[r]
Trang 1Flash CS4: Tạo ảnh động theo phương pháp Shape Tween (tiếp theo)
TTO - 5 Tạo motion tween cho chim bay.
5.1 B m ch n và kéo symbol chim xu ng góc d i bên trái:ấ ọ ố ướ
5.2 Bấm phím phải chuột và chọn Create Motion Tween t menu ng c nh:ừ ữ ả
Trang 2Trong khu vực frame của Timeline, Flash đã tự động bổ sung thêm số frame thành 24 frame (mặc định cho
motion tween hoàn thành trong một giây - theo mặc định Flash CS4 thiết lập tốc độ 24 fps) Đồng th i ờ Playhead đ c di chuy n đ n frame s 24 Bên c nh đó b n còn th y các frame t 1ượ ể ế ố ạ ạ ấ ừ - 24 đã
đ c đ i sang màu xanh nh t đ c tr ng c a motion tween c a Flash CS4.ượ ổ ạ ặ ư ủ ủ
5.3 B m ch n và kéo symbol chim lên góc trên bên ph i:ấ ọ ả
Trang 3Khi nh chu t ra, Flash t đ ng t o thêm m t đ ng th ng n i t góc d i bên trái lên góc ả ộ ự ộ ạ ộ ườ ẳ ố ừ ướ trên bên ph i v i các d u ch m gi a, m i d u ch m là m t frame c a motion tween ả ớ ấ ấ ở ữ ỗ ấ ấ ộ ủ Ngoài ra Flash c ng thêm m t key frame vào timeline, hi n th b ng m t hình thoi màu ũ ộ ể ị ằ ộ đen
Trang 4Với chỉ một giây cho motion tween, bạn không thể nhìn kịp hiệu ứng chim vỗ cánh Bạn sẽ cho bổ sung frame cho motion tween hoạt động 4 giây, tức 96 frame.
5.4 Đưa chuột vào keyframe 24 cho đ n khi chu t bi n thành m i tên hai chi u:ế ộ ế ũ ề
5.5 Nắm giữ chuột và kéo sang phải cho đến frame 96 thì nh chu t ra, hình thoi th hi n ả ộ ể ệ keyframe đã đ c di chuy n t frame 24 sang frame 96.ượ ể ừ
Trang 5Lúc này nếu bạn chọn Control > Test Movie từ menu thì Flash xuất ra flash movie với một con chim đang
vỗ cánh bay từ góc dưới bên trái sang góc trên bên phải.
6 Thêm một con chim vào Stage
6.1 B m vào nút New Layer đ thêm m t layer vào Timeline:ấ ể ộ
6.2 Đưa chuột bấm chọn Library panel kế bên Property Inspector
6.3 B m chu t vào bi u t ng symbol c a chim và kéo sang góc d i bên trái, cao h n v ấ ộ ể ượ ủ ướ ơ ị trí chim c m t chút Nh chu t ra b n thu đ c m t con chim v trí m i:ũ ộ ả ộ ạ ượ ộ ở ị ớ
Trang 67 Copy và paste motion tween
7.1 B m chu t vào m t frame b t k trong vùng motion tween c a layer 1, b m phím ấ ộ ộ ấ ỳ ủ ấ
ph i chu t và ch n Copy Motion t menu ng c nh:ả ộ ọ ừ ữ ả
7.2 Bấm chuột vào một frame bất kỳ trong vùng frame của layer 2, bấm phím phải chuột và chọn Paste
Motion từ menu ngữ cảnh:
Trang 7Flash t o m t motion tween cho Layer 2 hoàn toàn gi ng v i motion tween c a Layer ạ ộ ố ớ ủ
1
Lúc này nếu bạn chọn Control > Test Movie từ menu thì Flash xuất ra flash movie với hai con chim đang
vỗ cánh bay từ góc dưới bên trái sang góc trên bên phải.
8 Thêm hình bầu trời vào làm background
8.1 B m vào nút New Layer đ thêm m t layer vào Timeline:ấ ể ộ
Trang 88.2 Chọn File > Import > Import to Stage… t menu:ừ
8.3 Trong hộp thoại Import, trỏ đến file cloud.jpg và bấm nút Open: (file cloud.jpg đ c đính kèm theo ượ bài, b n có th ch n m t file khác có kích c 550x400 pixel đ s d ng)ạ ể ọ ộ ỡ ể ử ụ
Trang 98.4 File cloud.jpg được import vào layer 3 và che m t các layer ch a chim Dùng chu t kéo ấ ứ ộ chuy n layer 3 xu ng phía d i, khi kéo b n th y m t đ ng th ng có hình tròn nh bênể ố ướ ạ ấ ộ ườ ẳ ỏ trái xu t hi n kèm theo Khi th y đ ng th ng này đã đ n d i cùng thì nh chu t ra:ấ ệ ấ ườ ẳ ế ướ ả ộ
9 Xem thử animation lúc đang biên soạn
Để xem thử kết quả lúc đang biên soạn, bạn nhấn phím ENTER Tuy nhiên bạn chỉ thấy chim di chuyển chớ
không thấy chim vỗ cánh Để thấy chim vừa di chuyển vừa vỗ cánh bạn phải xuất thành flash movie.
10 Xuất file thành flash movie
Để xuất file thành flash movie, bạn chọn Control > Test Movie từ menu:
Flash sẽ xuất thành file 003_shape_tween.swf:
Trang 10GV TRƯƠNG VĂN NĂNG
Công ty TNHH Khải Thiên (KTC Co., Ltd)
-Phần lý thuyết bổ sung cho bài thực hành
Tìm hiểu về Line Tool
Line Tool là công cụ để vẽ đường thẳng Sau khi chọn Line Tool, chuột sẽ chuyển sang hình dấu + Để vẽ
bạn bấm chuột vào vị trí đầu, kéo chuột đến vị trí cuối và nhả chuột ra để thu được một đường thẳng Nếu giữ phím Shift trong khi vẽ bạn sẽ thu được một đường thẳng tạo với đường nằm ngang một góc là bội
số của 45 o
Property Inspector sẽ tự động cập nhật để cung cấp các thông tin liên quan đến Line Tool
như sau
Ngay dưới Property Inspector là biểu
tượng một đường thẳng kèm dòng chữ cho biết bạn đang chọn Line Tool
Trang 11Ngay dưới phần Fill and Stroke là
phần chọn màu cho viền (Stroke-bên trái) và ruột (Fill-bên phải) Do Line Tool chỉ vẽ đường viền nên bạn không thể đổi màu Fill trong trường hợp này.
B n ch n màu t b ng màu khiạ ọ ừ ả
b m vào ô màu đen k bên cây bútấ ế
chì:
Kế đến là chọn độ lớn của đường viền Bạn có thể nắm kéo thanh trượt nằm ngay bên phải chữ Stroke hoặc gỏ số trực tiếp vào ô bên phải Khi bạn kéo thanh trượt, ô bên phải sẽ cập nhật giá trị tùy theo vị trí thanh trượt.
Ph n ti p theo là ch n ki u dángầ ế ọ ể cho nét v N u b n b m vàoẽ ế ạ ấ hình tam giác đen k bên cây bútế chì, b n có th ch n m t trongạ ể ọ ộ các ki u nét v sau đây:ể ẽ
N u b n b m vào cây bút chì, b nế ạ ấ ạ
có th tùy bi n thêm các thông sể ế ố
ph cho nét v trong h p tho iụ ẽ ộ ạ
sau đây:
Trang 12B n có th th nghi m đ tìmạ ể ử ệ ể cho mình m t ki u dáng nét vộ ể ẽ
ng ý Tuy nhiên c n l u ý m t
đi u là ki u dáng ph c t p s làmề ể ứ ạ ẽ
t ng kích th c cu i cùng c aă ướ ố ủ
tác ph m.ẩ
Ph n Scale giúp hi n th nét vầ ể ị ẽ khi đ c phóng to ho c thu nh ượ ặ ỏ
N u b m vào hình tam giác đen,ế ấ
b n s có các tùy ch n sau đây:ạ ẽ ọ
Normal: Thay đổi theo giá trị scale Horizontal: Chỉ scale theo chiều
ngang.
Vertical: Chỉ scale theo chiều dọc None: Không thay đổi theo giá trị scale.
Nếu chọn ô Hinting, Flash s tẽ ự
đi u ch nh đ làm trònề ỉ ể giá trị stroke, tránh xu t hi n nh ng nétấ ệ ữ nhòe trên đ ng th ng n mườ ẳ ằ ngang ho c th ng đ ng.ặ ẳ ứ
Tùy chọn Cap giúp b n th hi nạ ể ệ
ki u dáng đ u mút c a đ ngể ầ ủ ườ
th ng N u b m vào hình tamẳ ế ấ giác đen, b n s có các tùy ch nạ ẽ ọ
sau đây:
Trang 13Join giúp b n th hi n ki u dángạ ể ệ ể
ch giao nhau c a hai đ ngỗ ủ ườ
th ng B n s thu đ c các ch nẳ ạ ẽ ượ ọ
l a sau đây khi b m vào hình tamự ấ
giác đen: