Học Adobe Flash CS4 cơ bản - bài 13

Học Adobe Flash CS4 Bài thực hành 13: Sử dụng Classic motion guide TTO - Khi sử dụng Classic Tween kèm với Classic Motion Guide, bạn điều khiển đối tượng di chuyển theo đường dẫn Trong này, bạn tạo chuyển động cho máy bay bay lượn nhờ sử dụng Classic Motion Guide tùy chọn Orient to path Các bước thực hành sau: Chuyển 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 Flash, tiếp đến bấm chọn Reset Essentials để khôi phục vùng làm việc mặc định bắt đầu vào thực hành 13 (Xem thực hành vùng làm việc) Tạo flash document (Xem thực hành tạo flash document) Lưu flash document (Xem thực hành lưu flash document) Chọn folder FLASH CS4 ONLINE, sau lưu file lại với tên 013_motion_guide.fla Import hình máy bay 4.1 Chọn File > Import > Import to Stage… từ menu (Hoặc bấm phím tắt Ctrl+R): Học Adobe Flash CS4 4.2 Trong hộp thoại Import, trỏ đến file may_bay.png bấm nút Open: (file may_bay.png đính kèm theo để sử dụng): Học Adobe Flash CS4 Bạn thu ảnh máy bay nằm góc bên trái: Chuyển ảnh sang Symbol 5.1 Lúc ảnh chọn (xung quanh ảnh có khung chữ nhật màu xanh) Bạn chọn Modify > Convert to Symbol… từ menu (Hoặc phím tắt F8): Học Adobe Flash CS4 5.2 Hộp thoại Convert to Symbol xuất Bạn gõ tên may bay (máy bay) vào ô Name, chọn Type Movie Clip, Registration giữa, xong bấm nút OK để đóng hộp thoại lại: Bạn thu Movie Clip Symbol Khung chủ nhật chuyển sang màu xanh nhạt Ở khung có dấu + vịng trịn rỗng ruột màu trắng Tạo chuyển động cho máy bay 6.1 Dùng chuột kéo máy bay xuống góc bên trái: Học Adobe Flash CS4 6.2 Bấm chọn frame 90 Timeline: 6.3 Bấm phím F6 để bổ sung keyframe: 6.4 Dùng chuột kéo máy bay lên góc bên phải: Học Adobe Flash CS4 6.5 Bấm chọn keyframe 1: 6.6 Bấm phím phải chuột cho xuất menu ngữ cảnh chọn Create Classic Tween: 6.7 Flash tạo Classic Tween với màu đặc trưng Timeline: Học Adobe Flash CS4 Bạn chọn Control > Test Movie từ menu (hoặc phím tắt Ctrl+Enter) để xem kết Nhận xét: máy bay di chuyển từ góc bên trái sang góc bên phải Bước bạn điều chỉnh cho máy bay bay lượn Cho máy bay bay lượn 7.1 Bấm phím phải chuột vào Layer chọn Add Classic Motion Guide: Flash bổ sung layer với biểu tượng đường cong chấm chấm kèm theo chữ Guide Bên phải chữ Guide tên layer trùng với tên layer có chứa Classic Tween Biểu tượng layer chứa Classic Tween bị dịch sang phải chút, chứng tỏ layer chịu ảnh hưởng layer Guide Cây bút chì nằm layer Guide dấu hiệu layer chọn để bạn đưa nội dung vào Bạn vẽ đường guide vào layer 7.2 Bấm chọn Pencil Tool công cụ bên phải: Học Adobe Flash CS4 7.3 Bấm chọn Pencil Mode phía cơng cụ cho menu phụ xuất chọn Smooth: 7.4 Vẽ đường cong nơi có máy bay góc bên trái kết thúc nơi có máy bay góc bên phải: Học Adobe Flash CS4 Nhả chuột ra, bạn thu đường cong hình minh họa Sau vẽ, đầu mút bên trái đường cong tự động hít vào máy bay: Học Adobe Flash CS4 7.5 Bấm chọn keyframe frame 90 Layer 1: Tại keyframe cuối này, máy bay chưa hít vào đầu mút cịn lại đường cong Bạn di chuyển cho máy bay hít vào 7.6 Chọn Selection Tool từ cơng cụ bên phải: Học Adobe Flash CS4 7.7 Dùng chuột kéo cho máy bay hít vào đầu mút lại đường cong Chú ý kéo từ tâm máy bay, nơi có chấm trịn rỗng ruột Nhả chuột ra, bạn thu vị trí máy bay: Học Adobe Flash CS4 Lúc này, bạn chọn Control > Test Movie từ menu (hoặc phím tắt Ctrl+Enter) để xem thử kết Tuy nhiên máy bay bay mà chưa lượn Bạn bổ sung hiệu ứng lượn bước Lưu ý: Trong trường hợp bạn vẽ đường cong chưa xác, kéo thả chuột chưa xác, bạn khơng thu kết lần Bạn phải vẽ lại đường cong khác kéo thả lại vài lần để đạt kết 7.8 Bạn cần thay đổi góc quay máy bay cho phù hợp với hướng đường cong Bạn chọn Free Transform Tool từ công cụ bên phải: Học Adobe Flash CS4 7.9 Bạn chọn máy bay xoay cho máy bay theo hướng chếch lên đường cong: 7.10 Bấm chọn keyframe Layer 1: Học Adobe Flash CS4 7.11 Bạn chọn máy bay xoay cho máy bay theo hương chếch lên đường cong 7.12 Bấm chọn lại keyframe Layer 1: 7.13 Bấm chọn vào Ô Orient to path Property Inspector: Học Adobe Flash CS4 Chọn Control > Test Movie từ menu (hoặc phím tắt Ctrl+Enter) để xem kết Lúc máy bay bay lượn theo đường cong  .. .Học Adobe Flash CS4 4.2 Trong hộp thoại Import, trỏ đến file may_bay.png bấm nút Open: (file may_bay.png đính kèm theo để sử dụng): Học Adobe Flash CS4 Bạn thu ảnh máy bay... xuống góc bên trái: Học Adobe Flash CS4 6.2 Bấm chọn frame 90 Timeline: 6.3 Bấm phím F6 để bổ sung keyframe: 6.4 Dùng chuột kéo máy bay lên góc bên phải: Học Adobe Flash CS4 6.5 Bấm chọn keyframe... phải: Học Adobe Flash CS4 7.3 Bấm chọn Pencil Mode phía công cụ cho menu phụ xuất chọn Smooth: 7.4 Vẽ đường cong nơi có máy bay góc bên trái kết thúc nơi có máy bay góc bên phải: Học Adobe Flash CS4