Học Adobe Flash CS4 căn bản Flash CS4 – Bài 3

Học Adobe Flash CS4 căn bảnFlash CS4 – Bài 3 Phương pháp Motion TweenTTO - Trong bài này bạn sẽ thực hành tạo ảnh động (animation) theo phương pháp motion tween kết hợp với mask layer để cho dòng chữ xuất hiện dần theo từng ký tự.
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 3 Học Adobe Flash CS4 căn bản Flash CS4 – Bài 3 Phương pháp Motion TweenTTO - Trong bài này bạn sẽ thực hành tạo ảnh động (animation) theo phươngpháp motion tween kết hợp với mask layer để cho dòng chữ TUỔI TRẺ ONLINExuất hiện dần theo từng ký tự. Các bướ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 2. (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ên002_motion_mask.fla4. Sử dụng Text Tool để viết một đoạn text.4.1. Bấm chọn vào Text Tool trên thanh công cụ bên phải: Học Adobe Flash CS4 căn bản4.2. Nhấp chuột vào chỗ 12.0pt trên Property Inspector:4.3. Đổi số 12 thành 50 rồi nhấn phím ENTER để chấp nhận giá trị mới: Học Adobe Flash CS4 căn bản4.4. Bấm chuột vào Stage và gõ vào dòng chữ TUỔI TRẺ ONLINE: Học Adobe Flash CS4 căn bản4.5. Bấm phí ESCAPE để thoát khỏi khung text, lúc này cả đoạn text đã được chọnvà có một khung hình chữ nhật bao quanh:4.6. Để canh giữa đoạn text này trên Stage, trước hết chọn Edit>Cut từ menu: Học Adobe Flash CS4 căn bảnKế đến chọn Edit>Paste in Center từ menu:Bạn thu được dòng chữ được canh giữa Stage như sau:5. Thêm một layer vào Timeline.5.1 Bấm chuột vào nút New Layer để thêm một layer vào Timeline: Học Adobe Flash CS4 căn bản5.2 Bấm đúp vào Layer 2 và đổi tên thành mask:6.Chọn Rectangle Tool để vẽ hình chữ nhật.6.1 Bấm chọn Rectangle Tool từ thanh công cụ: Học Adobe Flash CS4 căn bảnChuột sẽ đổi hình dáng từ mũi tên sang chữ thập + .6.2 Kéo chuột từ góc trên bên trái sang góc dưới bên phải để bao phủ chữ TUỔITRẺ ONLINE:Bạn thu được một hình chữ nhật màu xanh bao phủ chữ TUỔI TRẺ ONLINE:7. Sử dụng Selection Tool để chọn hình chữ nhật và tạo motion tween.7.1 Bấm chọn Selection Tool trên thanh công cụ bên phải: Học Adobe Flash CS4 căn bản7.2 Bấm chọn hình chữ nhật. Khi đã được chọn, hình chữ nhật chuyển sang dạnghạt li ti, đồng thời phía dưới chuột xuất hiện mũi tên bốn chiều:7.3 Bấm phím phải chuột cho xuất hiện menu ngữ cảnh và chọn Create MotionTween:7.4 Do hình chữ nhật vừa tạo ra không phải là một symbol nên flash thông báocần phải chuyển nó sang symbol để tạo tween (xem thêm phần tìm hiểu vềsymbol ở cuối bài). Bạn bấm OK để đồng ý: Học Adobe Flash CS4 căn bảnSau khi bấm chọn OK, bạn thấy một số thay đổi như sau:1. Hình chữ nhật không còn những hạt li ti nữa vì đã được chuyển thành symbol.2. Trên Property Inspector xuất hiện biểu tượng symbol (hình bánh xe) là MovieClip với dòng chữ Instance of: Symbol 1. (xem thêm phần tìm hiểu về symbol ởcuối bài)3. Trong khu vực frame của Timeline, Flash đã tự động bổ sung số frame thành 24frame (mặc định cho motion tween hoàn thành trong một giây - theo mặc địnhFlash CS4 thiết lập tốc độ 24 fps). Đồng thời Playhead được di chuyển đến framesố 24. Bên cạnh đó bạn còn thấy các frame từ 1 đến 24 đã được đổi sang màuxanh nhạt đặc trưng của motion tween của Flash CS4. Học Adobe Flash CS4 căn bản7.5 Bấm F6 để chèn keyframe vào vị trí frame 24 (Xem bài thực hành 1- cách chènkeyframe), tại frame này xuất hiện một hình thoi màu đen. Đây là đặc trưng củamotion tween mới của Flash CS4.7.6 Đưa chuột đến keyframe 1 của motion tween và bấm chọn keyframe 1 khinhìn thấy phía dưới chuột xuất hiện một khung chữ nhật mờ, playhead sẽ chuyểnđến keyframe 17.7. Đưa chuột vào mép phải của hình chữ nhật, bấm và di chuyển hình chữ nhậtsang trái, giữ phím Shift để hình chữ nhật di chuyển theo chiều ngang. Học Adobe Flash CS4 căn bảnKhi nhả chuột ra, bạn thu được sự thay đổi như hình vẽ.Trên hình bạn thấy một đường thẳng có các chấm dọc theo đường thể hiện vị trícủa các frame, đây là điểm đặc trưng của motion tween cho đối tượng của FlashCS4, hoàn toàn khác với motion tween của các phiên bản Flash trước đây (FlashCS4 gọi motion tween theo cách cũ là Classic motion tween)7.8 Motion tween kéo dài 24 frame, trong khi đoạn t ...