CtrlZ
Would you like to react to this message? Create an account in a few clicks or log in to continue.
CtrlZ

CtrlZ
 
RegisterRegister  HomeHome  Latest imagesLatest images  SearchSearch  Log inLog in  


Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh độngView previous topic View next topic Go down

Copy đường link dưới đây gửi đến nick yahoo bạn bè!

Mon Nov 08, 2010 9:31 am
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động Bgavatar_06
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động Bgavatar_01Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động Bgavatar_02_newsFlash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động Bgavatar_03
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động Bgavatar_04_newavatarFlash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động Bgavatar_06_news
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động Bgavatar_07Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động Bgavatar_08_newsFlash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động Bgavatar_09
[Sáng Tạo] -

Points : 0
Join date : 1970-01-01


Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động Vide

PostSubject: Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động

Nguồn :https://ctrlz.123.st/t42-flash-cs4-bai-5-su-dung-motion-presets-e-tao-anh-ong

Tiêu Đề : Flash CS4 - Bài 5: 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:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
4.2. Nhấp chuột vào chỗ 12.0pt trên Property Inspector:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
4.3. Đổi số 12 thành 50 rồi nhấn phím ENTER để chấp nhận giá trị mới:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
4.4. Bấm chuột vào Stage và gõ vào dòng chữ TUỔI TRẺ ONLINE:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
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:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
4.6. Để canh giữa đoạn text này trên Stage, trước hết chọn Edit>Cut từ menu:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
Kế đến chọn Edit>Paste in Center từ menu:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
Bạn thu được dòng chữ được canh giữa Stage như sau:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
5. Sử dụng lệnh Break Apart để tách text thành từng ký tự.
Chọn Modify>Break Apart từ menu:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
Dòng chữ TUỔI TRẺ ONLINE được tách rời thành từng ký tự:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
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):
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
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.
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
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).
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
6.4 Bấm chọn Selection Tool trên thanh công cụ bên phải :
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
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:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
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:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
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.
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
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.
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
Kéo và thả Panel này vào bên dưới Properties Panel:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
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:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
6.8 Đưa chuột vào Motion Path cho đến khi phía dưới chuột xuất hiện đường cong:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
6.9 Giữ chuột và đẩy đường cong chếch lên góc trên bên phải:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
Khi nhả chuột ra, bạn thu được sự thay đổi như hình sau:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView

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…:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
7.2 Ở hộp thoại Save Preset As, gõ my motion vào ô Preset name và bấm OK:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
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:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
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:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
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:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
Kết quả thu được như sau:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
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:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
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:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
8.5 Flash tạo motion tween cho ký tự U và bổ sung Layer 3 vào timeline:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
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ự:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
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:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
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:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
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.
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
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:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
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:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
9.6 Kéo thanh trượt bên phải timeline lên trên để có thể nhìn thấy layer 2:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
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:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
9.8: Bấm phím tắt F5 để bổ sung frame vào cho các layer:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
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ả.
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
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:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
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)

Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
Hình dưới đây cho thấy ký tự T chưa được áp dụng Motion Preset:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
Sau khi áp dụng Motion Preset Apply at current location:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
Sau khi áp dụng Motion Preset End at current location:
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
Để 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…
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
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.
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
Để 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…
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
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
Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động ImageView
Flash sẽ đưa Motion Preset vừa import vào folder Custom Presets cho bạn sử dụng.







Flash CS4 - Bài 5: Sử dụng Motion Presets để tạo ảnh động

View previous topic View next topic Back to top
Page 1 of 1
* Viết tiếng Việt có dấu, là tôn trọng người đọc.
* Chia sẻ bài sưu tầm có ghi rõ nguồn, là tôn trọng người viết.
* Thực hiện những điều trên, là tôn trọng chính mình.
-Nếu chèn smilies có vấn đề thì bấm A/a trên phải khung viết bài
Permissions in this forum:You cannot reply to topics in this forum
CtrlZ :: Đồ Họa :: Flash :: Căn Bản-
pingText link: Xem Phim Nhanh


Ctrlz.123.st | KINGDOM OF DREAMS
Copyright S4U - All rights reserved
Copyright 2010
Powered by vBulletin Version 4.0.7 licensed
Xem tốt nhất với độ phân giải 1024x768 và trình duyệt Firefox
Free forum | ©phpBB | Free forum support | Report an abuse | Forumotion.com