Flash CS4: Phương pháp Motion Tween
TTO - 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ữ TUỔI TRẺ ONLINE xuấ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 đị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 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 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 002_motion_mask.fla
4. 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:



4.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:






4.4. Bấm chuột vào Stage và gõ vào dòng chữ TUỔI TRẺ ONLINE:



4.5. Bấm phí ESCAPE để thoát khỏi khung text, lúc này cả đoạn text đã được chọn và 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:



Kế đế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:



5.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ụ:



Chuộ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ỔI TRẺ 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:



7.2 Bấm chọn hình chữ nhật. Khi đã được chọn, hình chữ nhật chuyển sang dạng hạ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 Motion Tween:



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áo cầ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 ý:



Sau 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à Movie Clip 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 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 đến 24 đã được đổi sang màu xanh nhạt đặc trưng của motion tween của Flash CS4.



7.5 Bấm F6 để chèn keyframe vào vị trí frame 24 (Xem bài thực hành 1- cách chèn keyframe), tại frame này xuất hiện một hình thoi màu đen. Đây là đặc trưng của motion 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 khi nhì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 1



7.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ật sang trái, giữ phím Shift để hình chữ nhật di chuyển theo chiều ngang.



Khi 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