Trong bài này, bạn sẽ thực hành tạo ảnh động
(animation) bằng cách sử dụng Motion Presets để cho từng ký tự của dòng chữ TUỔI TRẺ ONLINE bay từ ngoài vào màn hình. 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 5. (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
005_motion_presets.fla (phải chuột và chọn "Save target as" để lưu file về máy).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. Sử dụng lệnh
Break Apart để tách text thành từng ký tự.
Chọn
Modify>Break Apart từ menu:
Dòng chữ TUỔI TRẺ ONLINE được tách rời thành từng ký tự:
6. Sử dụng
Motion Presets để tạo ảnh động.
6.1 Chọn
Window> Motion Presets từ menu (xem thêm phần Tìm hiểu về
Motion Presets ở cuối bài):
6.2
Motion Presets Panel xuất hiện. Bạn đưa chuột vào hình tam giác màu xám phía trước biểu tượng folder của
Default Presets. Bấm chuột để mở folder này ra.
6.3 Bạn bấm chuột vào
fly-in-blur-left để xem thử hiệu ứng này. Bạn sẽ dùng hiệu ứng này để tạo ảnh động cho ký tự đầu tiên (chữ T).
6.4 Bấm chọn
Selection Tool trên thanh công cụ bên phải :
6.5 Lúc này các ký tự của dòng chữ TUỔI TRẺ ONLINE vẫn đang được chọn. Bạn bấm chuột ra vùng xám để bỏ chọn, kế đến chọn ký tự T đầu tiên:
6.5 Ở
Motion Presets Panel, bấm phím phải chuột vào fly-in-blur-left cho xuất hiện menu ngữ cảnh và chọn
End at current location:
6.6 Flash áp dụng
Motion Preset cho ký tự
T, chuyển ký tự này khuất sang trái và một Motion Path xuất hiện với vị trí cuối là nơi trước đây của ký tự T. Đồng thời Flash tạo ra Layer 2 ở
Timeline với biểu tượng
Motion Tween gồm 15 frame áp dụng cho ký tự T này.
Do Motion Presets Panel che khuất
Stage, bạn chuyển Panel này sang phải như sau:
Đưa chuột vào vùng màu xám bên cạnh tiêu đề
Motion Presets Panel.
Kéo và thả Panel này vào bên dưới Properties Panel:
6.7 Rê chuột vào thanh trượt ngang phía dưới Stage và kéo sang trái để nhìn thấy toàn bộ Motion Path:
6.8 Đưa chuột vào Motion Path cho đến khi phía dưới chuột xuất hiện đường cong:
6.9 Giữ chuột và đẩy đường cong chếch lên góc trên bên phải:
Khi nhả chuột ra, bạn thu được sự thay đổi như hình sau:
Lưu kết quả thành Motion Preset.
7.1 Rê chuột vào khu vực Motion tween của Layer 2, bấm phím phải chuột cho xuất hiện menu ngữ cảnh và chọn
Save as Motion Preset…:
7.2 Ở hộp thoại
Save Preset As, gõ my motion vào ô
Preset name và bấm OK:
7.3 Bấm chuột vào hình tam giác màu xám trước folder
Default Presets để đóng folder này lại. Bạn sẽ thấy my motion nằm trong
Custom Presets folder:
8. Sử dụng
Custom Presets để áp dụng cho các ký tự còn lại.
8.1 Bấm chọn keyframe 1 của layer 1:
8.2 Rê chuột kéo thanh trượt phía dưới Stage sang phải để nhìn thấy toàn bộ Stage:
Kết quả thu được như sau:
8.3 Bấm chuột ra vùng xám để bỏ chọn. Bấm chuột chọn lại ký tự
U:
8.4 Ở Motion Presets Panel, bấm phím phải chuột vào my motion trong
Custom Presets và chọn
End at current location:
8.5 Flash tạo
motion tween cho ký tự U và bổ sung Layer 3 vào timeline:
8.6 Tiếp tục chọn các ký tự còn lại và thực hiện tương tự. Bạn thu được 13 motion tween cho 13 ký tự:
9. Di chuyển cho các
Motion Tween lệch pha nhau.
9.1 Kéo thanh trượt bên phải timeline lên trên để nhìn thấy layer 2:
9.2 Đưa chuột vào vùng motion tween của layer 3, Giữ chuột và kéo toàn bộ
motion tween này sang phải cho đến khi thấy keyframe đầu xuất hiện dưới frame số 5 thì nhả chuột ra:
9.3 Đưa chuột vào vùng motion tween của layer 4, giữ chuột và kéo toàn bộ motion tween này sang phải cho đến khi thấy keyframe đầu xuất hiện dưới frame số 10 thì nhả chuột ra.
9.4 Thực hiện tương tự cho các motion tween còn lại để các motion tween lệch pha nhau 5 frame. Bạn thu được kết quả như sau:
Motion tween cuối cùng ở layer 1 kết thúc ở frame 74. Bạn sẽ bổ sung frame vào toàn bộ các layer để sau khi hiệu ứng kết thúc, kết quả sẽ dừng lại 2 giây để người xem thưởng thức tác phẩm của bạn.
9.5 Bấm chọn frame 122 của layer 1:
9.6 Kéo thanh trượt bên phải timeline lên trên để có thể nhìn thấy layer 2:
9.7 Giữ phím Shift và bấm chọn vào frame 122 của layer 2, toàn bộ các layer khác cũng được chọn:
9.8: Bấm phím tắt F5 để bổ sung frame vào cho các layer:
10. Xuất file thành flash movie. Chọn
Control > Test Movie từ menu (hoặc phím tắt Ctrl+Enter) để xem kết quả.
GV TRƯƠNG VĂN NĂNG
Công ty TNHH Khải Thiên (KTC Co., Ltd)-------------------------------------------------------------------------------------------
Tìm hiểu về Motion Presets Motion Presets Panel chứa các hiệu ứng ảnh động mà Flash đã dựng sẵn. Bạn có thể áp dụng các hiệu ứng này cho tác phẩm của mình nếu thấy các hiệu ứng này phù hợp. Ngoài ra bạn cũng có thể tự lưu các hiệu ứng do mình tạo ra thành các Custom Presets để áp dụng cho các tác phẩm của mình.Bạn Chọn Window> Motion Presets từ menu để mở Motion Presets Panel:
Motion Presets panel có 2 folder: Default Presets chứa các hiệu ứng ảnh động mà Flash đã dựng sẵn và Custom Presets chứa các hiệu ứng do bạn lưu lại. Trong hình trên, my motion là Custom Preset mà bạn đã lưu trong bài thực hành.
Để sử dụng một hiệu ứng nào, bạn chọn trước một đối tượng trên Stage, kế đến chọn hiệu ứng muốn áp dụng và bấm nút Apply (hoặc bấm phím phải chuột và chọn Apply at current location). Flash sẽ sử dụng keyframe đầu của hiệu ứng để áp cho vị trí đang chọn của đối tượng.
Nếu muốn Flash sử dụng keyframe cuối của hiệu ứng để áp cho vị trí đang chọn của đối tượng, bạn chọn trước một đối tượng trên Stage, kế đến chọn hiệu ứng muốn áp dụng, giữ phím Shift và bấm nút Apply (hoặc bấm phím phải chuột và chọn End at current location)Hình dưới đây cho thấy ký tự T chưa được áp dụng Motion Preset:Sau khi áp dụng Motion Preset Apply at current location:Sau khi áp dụng Motion Preset End at current location:Để lưu một Motion Tween thành Motion Preset, bạn chọn Motion Tween cần lưu, bấm phím phải chuột cho xuất hiện menu ngữ cảnh và chọn Save as Motion Preset…Ở hộp thoại Save Preset As, gỏ tên vào ô Preset name và bấm OK như phần thực hành ở trên.Export và Import Motion Presets:Bạn có thể export Motion Preset của bạn tạo ra để đưa sang máy khác sử dụng. Để export, bạn chọn Motion Preset cần export, bấm phím phải chuột cho xuất hiện menu ngữ cảnh và chọn Export…Trong hộp thoại Save As, Flash đặt sẵn tên trùng với tên của Motion Preset của bạn với đuôi mặc định là xml. Bạn chọn vị trí folder cần lưu rồi bấm Save.Để import một Motion Preset đã được lưu trước đó vào Flash, bạn bấm chuột vào góc trên bên phải của Motion Presets Panel để mở menu và chọn Import…Trong hộp thoại Open, bạn mở folder chứa file xml của Motion Preset, chọn file cần import và bấm nút OpenFlash sẽ đưa Motion Preset vừa import vào folder Custom Presets cho bạn sử dụng.