Flash CS4: Sử dụng Motion Presets để tạo ảnh động

  • Thread starter Thread starter Butchi
  • Ngày gửi Ngày gửi

Butchi

VPP Sơn Ca
Xu
92
FLASH CS4: SỬ DỤNG MOTION PRESETS ĐỂ TẠO ẢNH ĐỘNG

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:

ImageView.aspx


4.2. Nhấp chuột vào chỗ 12.0pt trên Property Inspector:

ImageView.aspx


4.3. Đổi số 12 thành 50 rồi nhấn phím ENTER để chấp nhận giá trị mới:


ImageView.aspx
ImageView.aspx


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


ImageView.aspx


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:

ImageView.aspx


4.6. Để canh giữa đoạn text này trên Stage, trước hết chọn Edit>Cut từ menu:


ImageView.aspx


Kế đến chọn Edit>Paste in Center từ menu:


ImageView.aspx


Bạn thu được dòng chữ được canh giữa Stage như sau:


ImageView.aspx


5. Sử dụng lệnh Break Apart để tách text thành từng ký tự.

Chọn Modify>Break Apart từ menu:

ImageView.aspx


Dòng chữ TUỔI TRẺ ONLINE được tách rời thành từng ký tự:


ImageView.aspx


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):

ImageView.aspx


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.


ImageView.aspx


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).


ImageView.aspx


6.4 Bấm chọn Selection Tool trên thanh công cụ bên phải :


ImageView.aspx


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:


ImageView.aspx


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:


ImageView.aspx


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.


ImageView.aspx


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.

ImageView.aspx


Kéo và thả Panel này vào bên dưới Properties Panel:

ImageView.aspx


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:


ImageView.aspx


6.8 Đưa chuột vào Motion Path cho đến khi phía dưới chuột xuất hiện đường cong:


ImageView.aspx


6.9 Giữ chuột và đẩy đường cong chếch lên góc trên bên phải:


ImageView.aspx


Khi nhả chuột ra, bạn thu được sự thay đổi như hình sau:


ImageView.aspx


(còn tiếp)


GV TRƯƠNG VĂN NĂNG
Công ty TNHH Khải Thiên (KTC Co., Ltd) - TTO

 
Flash CS4: sử dụng Motion Presets để tạo ảnh động (tiếp theo)

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…:

ImageView.aspx


7.2 Ở hộp thoại Save Preset As, gõ my motion vào ô Preset name và bấm OK:


ImageView.aspx


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:


ImageView.aspx


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:

ImageView.aspx


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:


ImageView.aspx


Kết quả thu được như sau:


ImageView.aspx


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:


ImageView.aspx


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:


ImageView.aspx


8.5 Flash tạo motion tween cho ký tự U và bổ sung Layer 3 vào timeline:


ImageView.aspx


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ự:


ImageView.aspx


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:

ImageView.aspx


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:


ImageView.aspx


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.


ImageView.aspx


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:


ImageView.aspx


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:

ImageView.aspx


9.6 Kéo thanh trượt bên phải timeline lên trên để có thể nhìn thấy layer 2:


ImageView.aspx


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:


ImageView.aspx


9.8: Bấm phím tắt F5 để bổ sung frame vào cho các layer:


ImageView.aspx


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ả.


ImageView.aspx


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:

ImageView.aspx


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)

ImageView.aspx


Hình dưới đây cho thấy ký tự T chưa được áp dụng Motion Preset:


ImageView.aspx


Sau khi áp dụng Motion Preset Apply at current location:


ImageView.aspx


Sau khi áp dụng Motion Preset End at current location:


ImageView.aspx


Để 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…

ImageView.aspx


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.


ImageView.aspx


Để 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…


ImageView.aspx


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 Open

ImageView.aspx


Flash sẽ đưa Motion Preset vừa import vào folder Custom Presets cho bạn sử dụng.



 

VnKienthuc lúc này

Không có thành viên trực tuyến.

Định hướng

Diễn đàn VnKienthuc.com là nơi thảo luận và chia sẻ về mọi kiến thức hữu ích trong học tập và cuộc sống, khởi nghiệp, kinh doanh,...
Top