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 6: Điều chỉnh Motion PathView 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:40 am
Flash CS4 - Bài 6: Điều chỉnh Motion Path Bgavatar_06
Flash CS4 - Bài 6: Điều chỉnh Motion Path Bgavatar_01Flash CS4 - Bài 6: Điều chỉnh Motion Path Bgavatar_02_newsFlash CS4 - Bài 6: Điều chỉnh Motion Path Bgavatar_03
Flash CS4 - Bài 6: Điều chỉnh Motion Path Bgavatar_04_newavatarFlash CS4 - Bài 6: Điều chỉnh Motion Path Bgavatar_06_news
Flash CS4 - Bài 6: Điều chỉnh Motion Path Bgavatar_07Flash CS4 - Bài 6: Điều chỉnh Motion Path Bgavatar_08_newsFlash CS4 - Bài 6: Điều chỉnh Motion Path Bgavatar_09
[Sáng Tạo] -

Points : 0
Join date : 1970-01-01


Flash CS4 - Bài 6: Điều chỉnh Motion Path Vide

PostSubject: Flash CS4 - Bài 6: Điều chỉnh Motion Path

Nguồn :https://ctrlz.123.st/t43-flash-cs4-bai-6-ieu-chinh-motion-path

Tiêu Đề : Flash CS4 - Bài 6: Điều chỉnh Motion Path

Trong bài này, bạn sẽ điều chỉnh đường bay của chim ở bài thực hành 3 bằng cách điều chỉnh hoặc thay mới motion path. 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 4 (xem bài thực hành 1 về vùng làm việc).
2. Mở một flash document
Bạn mở lại file 003_shape_tween.fla đã thực hiện ở bài thực hành 3 (phải chuột vào liên kết vào chọn "Save target as" để lưu tập tin).
2.1 Chọn File > Open từ menu:
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
2.2 Di chuyển đến folder FLASH CS4 ONLINE, chọn file 003_shape_tween.fla và bấm nút Open.
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
Bạn thu được kết quả như sau:
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
3. Lưu một flash document
3.1 Chọn File > Save as từ menu:
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
Chọn folder FLASH CS4 ONLINE, sau đó lưu file này lại với tên 004_motion_path.fla.
4. Điều chỉnh motion path
4.1. Rê chuột vào con chim phía dưới cho đến khi phía dưới chuột xuất hiện hình mũi tên bốn chiều.
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
4.2. Bấm chọn con chim. Lúc này đường thẳng nối từ vị trí đầu đến vị trí cuối của chim xuất hiện. Đường này gọi là motion path của motion tween trong Flash CS4.
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
4.3. Đưa chuột vào giữa motion path cho đến khi xuất hiện đường cong phía dưới chuột.
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
4.4. Bấm chuột và kéo xuống để chuyển motion path thành đường cong.
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
4.5. Bấm chọn con chim còn lại để thấy motion path của nó:
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
4.6. Đưa chuột vào giữa motion path cho đến khi xuất hiện đường cong phía dưới chuột:
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
4.7 Bấm chuột và kéo xuống để chuyển motion path thành đường cong:
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
Lúc này nếu bạn chọn Control > Test Movie từ menu thì Flash xuất ra flash movie với hai con chim đang vỗ cánh bay từ góc dưới bên trái sang góc trên bên phải theo hai đường cong vừa được điều chỉnh.
5. Tạo motion path mới để thay thế motion path cũ
Bạn có thể cho chim bay theo motion path bất kỳ bằng cách tự mình vẽ lấy một đường cong bất kỳ rồi áp vào motion tween.
5.1 Bấm vào nút New Layer để thêm một layer vào Timeline:
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
5.2 Bấm chọn Pencil Tool trên thanh công cụ bên phải (xem thêm phần Tìm hiểu về Pencil Tool ở cuối bài):
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
5.3 Bấm chọn Pencil Mode phía dưới cuối thanh công cụ:
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
Một menu phụ xuất hiện. Bạn chọn Smooth từ menu phụ này.
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
Bạn thu được kết quả như sau:
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
5.4 Đưa chuột vào Stage. Lúc này chuột biến thành cây bút chì. Bạn vẽ một đường cong bất kỳ từ góc dưới bên trái lên góc trên bên phải:
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
Nhả chuột ra bạn thu được đường cong như trên.
5.5 Bấm chọn Selection Tool từ thanh công cụ:
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
5.6 Bấm đúp chuột vào đường cong vừa vẽ để chọn nó. Đường cong sẽ phình to ra một chút và có những hạt li ti, thể hiện nó đã được chọn.
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
5.7 Chọn Edit > Cut từ menu, đường cong sẽ biến mất khỏi màn hình:
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
5.8 Bấm chọn Layer 1 từ Timeline, Motion path của con chim đầu tiên hiện lên:
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
5.9 Chọn Edit > Paste in Place từ menu:
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
5.10 Motion path cũ được thay thế bằng đường cong bạn vừa vẽ:
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
Bạn có thể lặp lại các thao tác như mô tả ở trên để tạo motion path mới cho con chim còn lại.
6. Xóa Layer thừa
Layer 4 không còn sử dụng nữa, bạn có thể xóa layer này:
6.1 Chọn Layer 4 từ Timeline:
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
6.2 Bấm nút Delete để xóa:
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
7. Xuất file thành flash movie
Để xuất file thành flash movie, bạn chọn Control > Test Movie từ menu:
Flash sẽ xuất thành file 004_motion_path.swf:
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView

GV TRƯƠNG VĂN NĂNG
Công ty TNHH Khải Thiên (KTC Co., Ltd)
-------------------------------------------------------------------------------------------
Phần lý thuyết bổ sung cho bài thực hành
Tìm hiểu về Pencil Tool
Pencil Tool là công cụ để vẽ đường cong bất kỳ.
Sau khi chọn Pencil Tool, chuột sẽ chuyển sang hình cây bút chì. Để vẽ, bạn bấm chuột vào vị trí đầu, kéo chuột theo đường cong bất kỳ đến vị trí cuối và nhả chuột ra để thu được một đường cong. Bạn cũng có thể vẽ đường thẳng bằng cách giữ phím Shift trước khi vẽ.
Bạn có thể chọn bổ sung phương án xử lý nét vẽ bằng cách chọn Pencil Mode phía dưới cuối thanh công cụ:
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
Menu phụ xuất hiện để bạn chọn lựa:
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView Straighten: Khi chọn phương án này, flash sẽ sửa các nét vẽ cong của bạn thành các đường thẳng.
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView Smooth: Khi chọn phương án này, flash sẽ làm trơn mượt các nét vẽ cong của bạn.
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView Ink: Khi chọn phương án này, flash sẽ không sửa các nét vẽ của bạn.
Dưới đây là ví dụ các nét vẽ được flash thể hiện khi chọn Straighten, SmoothInk:
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView

Property Inspector sẽ tự động cập nhật để cung cấp các thông tin liên quan đến Pencil Tool như sau:
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageViewNgay dưới Property Inspector là biểu tượng một cây bút chì kèm dòng chữ cho biết bạn đang chọn Pencil Tool.
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
Ngay dưới phần Fill and Stroke là phần chọn màu cho viền (Stroke-bên trái) và ruột (Fill-bên phải). Do Pencil Tool chỉ vẽ đường viền nên bạn không thể đổi màu Fill trong trường hợp này.
Bạn chọn màu từ bảng màu khi bấm vào ô màu đen kế bên cây bút chì:
<table style="border-collapse: separate;" align="center" border="0" cellpadding="0" cellspacing="0" width="40"><tr><td>Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView</td></tr></table>
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageViewKế đến là chọn độ lớn của đường viền. Bạn có thể nắm kéo thanh trượt nằm ngay bên phải chữ Stroke hoặc gõ số trực tiếp vào ô bên phải. Khi bạn kéo thanh trượt, ô bên phải sẽ cập nhật giá trị tùy theo vị trí thanh trượt.
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
Phần tiếp theo là chọn kiểu dáng cho nét vẽ. Nếu bạn bấm vào hình tam giác đen kế bên cây bút chì, bạn có thể chọn một trong các kiểu nét vẽ sau đây:
<table style="border-collapse: separate;" align="center" border="0" cellpadding="0" cellspacing="0" width="40"><tr><td>Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView</td></tr></table>
Nếu bạn bấm vào cây bút chì, bạn có thể tùy biến thêm các thông số phụ cho nét vẽ trong hộp thoại sau đây:
<table style="border-collapse: separate;" align="center" border="0" cellpadding="0" cellspacing="0" width="40"><tr><td>Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView</td></tr></table>
Bạn có thể thử nghiệm để tìm cho mình một kiểu dáng nét vẽ ưng ý. Tuy nhiên cần lưu ý một điều là kiểu dáng phức tạp sẽ làm tăng kích thước cuối cùng của tác phẩm.

Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView

Phần Scale giúp hiển thị nét vẽ khi được phóng to hoặc thu nhỏ. Nếu bấm vào hình tam giác đen, bạn sẽ có các tùy chọn sau đây:
<table style="border-collapse: separate;" align="center" border="0" cellpadding="0" cellspacing="0" width="40"><tr><td>Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView</td></tr></table>
Normal: Thay đổi theo giá trị scale.
Horizontal: Chỉ scale theo chiều ngang.
Vertical: Chỉ scale theo chiều dọc.
None: Không thay đổi theo giá trị scale.
Nếu chọn ô Hinting, flash sẽ tự điều chỉnh để làm tròn giá trị stroke, tránh xuất hiện những nét nhòe trên đường thẳng nằm ngang hoặc thẳng đứng.


Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView


Tùy chọn Cap giúp bạn thể hiện kiểu dáng đầu mút của nét vẽ. Nếu bấm vào hình tam giác đen, bạn sẽ có các tùy chọn sau đây:
<table style="border-collapse: separate;" align="center" border="0" cellpadding="0" cellspacing="0" width="40"><tr><td>Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView</td></tr></table>


Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView

Join giúp bạn thể hiện kiểu dáng chỗ giao nhau của hai nét vẽ. Bạn sẽ thu được các chọn lựa sau đây khi bấm vào hình tam giác đen:
<table style="border-collapse: separate;" align="center" border="0" cellpadding="0" cellspacing="0" width="40"><tr><td>Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView</td></tr></table>


Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
Flash CS4 - Bài 6: Điều chỉnh Motion Path ImageView
Smoothing: Mức độ làm trơn mượt giao điểm các nét vẽ của Pencil Tool. Tùy chọn này chỉ xuất hiện khi chọn phương án Smooth được đề cập ở phần đầu giới thiệu về Pencil Tool. Đối với các phương án còn lại, giá trị này bị mờ đi. Giá trị mặc định của Smoothing là 50.







Flash CS4 - Bài 6: Điều chỉnh Motion Path

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
Create a forum on Forumotion | ©phpBB | Free forum support | Report an abuse | Cookies | Forumotion.com