CtrlZ

CtrlZ
 
RegisterRegister  HomeHome  CalendarCalendar  FAQFAQ  SearchSearch  MemberlistMemberlist  UsergroupsUsergroups  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
[Sáng Tạo] -

Points : 0
Join date : 1970-01-01


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

Nguồn :http://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:
2.2 Di chuyển đến folder FLASH CS4 ONLINE, chọn file 003_shape_tween.fla và bấm nút Open.
Bạn thu được kết quả như sau:
3. Lưu một flash document
3.1 Chọn File > Save as từ menu:
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.
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.
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.
4.4. Bấm chuột và kéo xuống để chuyển motion path thành đường cong.
4.5. Bấm chọn con chim còn lại để thấy motion path của nó:
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:
4.7 Bấm chuột và kéo xuống để chuyển motion path thành đường cong:
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:
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):
5.3 Bấm chọn Pencil Mode phía dưới cuối thanh công cụ:
Một menu phụ xuất hiện. Bạn chọn Smooth từ menu phụ này.
Bạn thu được kết quả như sau:
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:
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ụ:
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.
5.7 Chọn Edit > Cut từ menu, đường cong sẽ biến mất khỏi màn hình:
5.8 Bấm chọn Layer 1 từ Timeline, Motion path của con chim đầu tiên hiện lên:
5.9 Chọn Edit > Paste in Place từ menu:
5.10 Motion path cũ được thay thế bằng đường cong bạn vừa vẽ:
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:
6.2 Bấm nút Delete để xóa:
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:

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ụ:
Menu phụ xuất hiện để bạn chọn lựa:
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.
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.
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:

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

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></td></tr></table>
Kế đế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.

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



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






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></td></tr></table>





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></td></tr></table>




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
Free forum | © phpBB | Free forum support | Contact | Report an abuse | Forumotion.com