Tao anh dong theo phuong phap Shape Tween

Bạn bấm chọn vùng Essentials để chọn lại vùng làm việc mặc định của Flash, tiếp đến bấm chọn Reset Essentials để khôi phục vùng làm việc mặc định này và bắt đầu vào bài thực hành 3.[r]

Flash CS4: Tạo ảnh động theo phương pháp Shape Tween

TTO - Trong bài này, bạn sẽ thực hành tạo ảnh động (animation) theo phương pháp shape tween kết hợp với import file để tạo đàn chim bay qua bầu trời Các bước thực hành như sau:

1 Chuyển về vùng làm việc mặc định

Bạn bấm chọn vùng Essentials để chọn lại vùng làm việc mặc định của Flash, tiếp đến bấm chọn Reset

Essentials để khôi phục vùng làm việc mặc định này và bắt đầu vào bài thực hành 3 (Xem bài thực hành 1

về vùng làm việc)

2 Tạo mới một flash document (Xem bài thực hành 1 về tạo một flash document)

3 Lưu một flash document (Xem bài thực hành 1 về lưu một flash document)

Chọn folder FLASH CS4 ONLINE, sau đó lưu file này lại với tên 003_shape_tween.fla (Phải chuột "Save

File as" để tải file)

4 Sử dụng Line Tool để vẽ một đường thẳng

4.1 Bấm chọn Line Tool trên thanh công c bên ph i:ụ ả

4.2 Lúc này chuột biến thành dấu + Đưa chuột vào góc trên bên phải, giữ phím Shift và kéo chuột sang

phải một đoạn khoảng 1cm (xem thêm phần Tìm hiểu về Line Tool cu i bài).ở ố

4.3 Nh chu t ra, thu đ c m t đ ng th ng n m ngang màu đen nh sau:ả ộ ượ ộ ườ ẳ ằ ư

4.4 Bấm chọn Selection Tool trên thanh công c bên ph i:ụ ả

4.5 B m ch n đ ng th ng v a v , đ ng th ng bi n thành đ ng có ch m li ti:ấ ọ ườ ẳ ừ ẽ ườ ẳ ế ườ ấ

4.6 Chọn Modify > Convert to Symbol t menu (Ho c b m phím t t F8) đ chuy n đ ng ừ ặ ấ ắ ể ể ườ

th ng sang symbol:ẳ

H p tho i Convert to Symbol xu t hi n Tên m c đ nh cho symbol là Symbol 1:ộ ạ ấ ệ ặ ị

4.7 B n s a tên là chim, ch n Type m c đ nh là Movie Clip và b m OK đ đóng h p tho i ạ ử ọ ặ ị ấ ể ộ ạ

l i:ạ

ng th ng đã đ c chuy n sang symbol nh hình sau:

4.8 Bấm đúp vào symbol để mở Timeline của symbol ra, Display Bar thay đổi để thể hiện bạn đang ở

Timeline của symbol chim:

4.9 Lúc này đ ng th ng đang đ c ch n B m chu t vào vùng màu xám đ b ch n:ườ ẳ ượ ọ ấ ộ ể ỏ ọ

4.10 Rê chu t vào gi a đ ng th ng đ n khi phía d i chu t xu t hi n m t đ ng cong:ộ ữ ườ ẳ ế ướ ộ ấ ệ ộ ườ

4.11 B m chu t và đ y lên cho đ ng th ng bi n thành đ ng cong:ấ ộ ẩ ườ ẳ ế ườ

Nh chu t ra, b n thu đ c đ ng cong:ả ộ ạ ượ ườ

4.12 Rê chu t vào gi a đ ng cong này đ n khi phía d i chu t xu t hi n m t đ ng ộ ữ ườ ế ướ ộ ấ ệ ộ ườ cong:

4.13 Gi phím Alt và kéo chu t xu ng phía d i:ữ ộ ố ướ

Nh chu t ra, b n thu đ c hình dáng m t con chim đang v cánh:ả ộ ạ ượ ộ ỗ

4.14 Bạn sẽ tạo 2 shape tween liên tục để cho chim vỗ cánh Bấm chọn frame 12 trên timeline và bấm F6

đ chèn thêm keyframe:ể

Bấm chọn frame 24 trên timeline và bấm F6 đ chèn thêm keyframe:ể

4.15 B m ch n keyframe 12 trên timeline:ấ ọ

Lúc này trên Stage, chim đang đ c ch n, b n b m chu t ra vùng xám đ b ch n.ượ ọ ạ ấ ộ ể ỏ ọ

4.16 Rê chu t vào mép trái c a cánh chim cho đ n khi phía d i chu t xu t hi n góc vuôngộ ủ ế ướ ộ ấ ệ

4.17 B m gi chu t và kéo xu ng m t đo n, nh chu t ra thu đ c cánh chim h xu ng:ấ ữ ộ ố ộ ạ ả ộ ượ ạ ố

4.18 Th c hi n t ng t cho cánh chim bên ph i:ự ệ ươ ự ả

4.19 Chọn keyframe 12, bấm phím phải chuột và chọn Create Shape Tween t menu ng c nh:ừ ữ ả

4.20 Chọn keyframe 1, bấm phím phải chuột và chọn Create Shape Tween t menu ng c nh:ừ ữ ả

Kết quả thu được hai shape tween kề nhau với màu xanh lá cây đặc trưng cho shape tween nh sau:ư

4.21 B m chu t vào Scene 1 đ thoát kh i Timeline c a symbol chim và quay ra ấ ộ ể ỏ ủ

Timeline chính:

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.

Bạn sẽ sử dụng motion tween để cho chim bay từ góc dưới bên trái sang góc trên bên phải.

(còn tiếp)

GV TRƯƠNG VĂN NĂNG