Học Adobe Flash CS4 căn bản Flash CS4 – Bài 4 - Tạo ảnh động theo phương pháp Shape Twee

Học Adobe Flash CS4 căn bảnFlash CS4 – Bài 4 - Tạo ảnh động theo phương pháp Shape TweenTTO - 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.
Nội dung trích xuất từ tài liệu:
Học Adobe Flash CS4 căn bản Flash CS4 – Bài 4 - Tạo ảnh động theo phương pháp Shape Twee Học Adobe Flash CS4 căn bản Flash CS4 – Bài 4 - Tạo ảnh động theo phương pháp Shape TweenTTO - Trong bài này, bạn sẽ thực hành tạo ảnh động (animation) theo phươngpháp shape tween kết hợp với import file để tạo đàn chim bay qua bầu trời. Cácbước thực hành như sau:1. Chuyển về vùng làm việc mặc địnhBạ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 flashdocument)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ên003_shape_tween.fla (Phải chuột Save File as để tải file)4. Sử dụng Line Tool để vẽ một đường thẳng4.1. Bấm chọn Line Tool trên thanh công cụ bên phải: Học Adobe Flash CS4 căn bản4.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ímShift 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: Học Adobe Flash CS4 căn bản4.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 để đónghộp thoại lại: Học Adobe Flash CS4 căn bảnĐườ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: Học Adobe Flash CS4 căn bản4.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: Học Adobe Flash CS4 căn bảnNhả 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: Học Adobe Flash CS4 căn bảnNhả 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 12trê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: Học Adobe Flash CS4 căn bản4.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ệngóc vuông Học Adobe Flash CS4 căn bản4.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: Học Adobe Flash CS4 căn bản4.20 Chọn keyframe 1, bấm phím phải chuột và chọn Create Shape Tween từmenu ngữ cảnh: Học Adobe Flash CS4 căn bảnKết quả thu được hai shape tween kề nhau với màu xanh lá cây đặc trưng choshape tween như sau: Học Adobe Flash CS4 căn bản4.21 Bấm chuột vào Scene 1 để thoát khỏi Timeline của symbol chim và quay raTimeline chính:Lúc này nếu bạn chọn Control > Test Movie từ menu thì Flash xuất ra flash movievớ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ênbên phải.(còn tiếp) ...