28/07/2010 17:04 GMT+7

Flash CS4 - Bài thực hành 19: tạo bướm bay lượn (Phần lý thuyết bổ sung cho bài thực hành)

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

TTO - Tìm hiểu về Pen Tool.

Bạn chọn Pen Tool từ thanh công cụ bên phải:

lFH7uRaL.jpgPhóng to

Sau khi chọn Pen Tool, bạn đưa chuột vào Stage chuột sẽ đổi thành ngòi bút mực có dấu X bên phải 8gfln2px.jpg.

A. Sử dụng Pen Tool để vẽ đường thẳng:

1. Đưa chuột đến vị trí cần vẽ điểm đầu tiên của đường thẳng và bấm chuột để xác lập điểm đầu của đường thẳng.

2. Đưa chuột đến vị trí mới và bấm chuột để tạo đường thẳng từ hai điểm vừa bấm. (các điểm vừa vẽ gọi là anchor point). Bạn giữ phím Shift khi vẽ để các đường mới vẽ tạo thành một góc là bội số của 45 độ.

3. Tiếp tục bấm vào các vị trí mới để tạo các anchor point.

4. Đưa chuột quay lại điểm đầu tiên. Dưới chuột xuất hiện một vòng tròn.

4Arr2PmK.jpgPhóng to

5. Bấm chuột để kết thúc nét vẽ. bạn thu được một đường khép kín.

7w7p0qnN.jpgPhóng to

Bạn có thể kết thúc nét vẽ để thu được một đường không khép kín bằng cách:

+ Bấm đúp vào điểm cuối.

+ Giữ phím Ctrl và bấm vào một vị trí nào đó không trùng với đường đang vẽ.

+ Chọn một công cụ khác.

B. Sử dụng Pen Tool để vẽ đường cong:

1. Đưa chuột đến vị trí cần vẽ điểm đầu tiên, bấm chuột và kéo một đoạn để xác lập điểm đầu của đường cong.

pNJo6HH7.jpgPhóng to

2. Đưa chuột đến vị trí thứ hai, bấm chuột và kéo một đoạn khác. Flash sẽ tạo một đường cong nối liền hai điểm đã vẽ.

kJt9luau.jpgPhóng to

Các đường thẳng xuất hiện tại điểm bạn vẽ gọi là tiếp tuyến. Bạn giữ phím Shift khi vẽ sẽ thu được các tiếp tuyến là bội số của 45 độ. Thông thường bạn canh chỉnh khi kéo tiếp tuyến khoảng 1/3 khoảng cách đến điểm định vẽ tiếp theo.

3. Tiếp tục thao tác trên để tạo các anchor point.

Để kết thúc nét vẽ, bạn thực hiện giống như cách Sử dụng Pen Tool để vẽ đường thẳng.

C. Vẽ tiếp một đường đã kết thúc :

Khi đã kết thúc một đường, bạn có thể vẽ tiếp bằng cách đưa chuột vào một trong các anchor point. Lúc này bên phải chuột xuất hiện thêm một dấu / bên cạnh biểu tượng bút mực.

CXuBLGDo.jpgPhóng to

Bấm chuột vào anchor point, đường thẳng được chọn:

Z9o9RZ7r.jpgPhóng to

Vẽ tiếp một nét mới từ anchor point vừa chọn:

rxRQn9ai.jpgPhóng to

D. Chuyển sang vẽ đường thẳng khi đang vẽ đường cong và ngược lại:

1. Đưa chuột đến điểm cuối của đường cong đang vẽ, lúc này có hai tiếp tuyến tại điểm cuối. Bên cạnh chuột xuất hiện dấu góc nhọn. Bấm chuột vào điểm này.

jb8ozfma.jpgPhóng to

Một tiếp tuyến biến mất khỏi điểm vừa chọn:

4lVbYmSa.jpgPhóng to

Bấm chuột vào một điểm mới, bạn thu được một đường thẳng.

dgCzaXeT.jpgPhóng to

Để chuyển sang vẽ một đường cong khác, bạn bấm vào vị trí mới và kéo chuột.

PkpCG406.jpgPhóng to

Để đổi hướng tiếp tuyến, bạn giữ phím Alt và chọn tiếp tuyến cần đổi hướng. Chuột biến thành góc nhọn:

X9cae1Er.jpgPhóng to

Dùng chuột kéo tiếp tuyến đến vị trí mới:

qXs7TYky.jpgPhóng to

E. Thêm, xóa và chuyển đổi anchor point:

Bạn phân biệt hai loại anchor point:

+ Corner point: xuất hiện khi bạn vẽ đường thẳng.

+ Smooth point: xuất hiện khi bạn vẽ đường cong.

Khi bạn bấm chọn Pen Tool và giữ chuột, menu phụ xuất hiện và bạn có thể chọn các công cụ khác đi kèm là:

Add Anchor Point Tool để thêm anchor point.

Delete Anchor Point Tool để xóa anchor point.

Convert Anchor Point Tool để chuyển đổi anchor point từ corner point sang smooth point và ngược lại.

EQRsZvkF.jpgPhóng to

Add Anchor Point Tool: đưa chuột vào đường cong được chọn, bên phải chuột xuất hiện dấu cộng, bấm vào đường cong để thêm anchor point.

QlJG3r6G.jpgPhóng to

Delete Anchor Point Tool: đưa chuột vào đường cong được chọn, bên phải chuột xuất hiện dấu trừ, bấm vào anchor point để xóa anchor point khỏi đường cong đang chọn.

ya2aDMTa.jpgPhóng to

Anchor point đã được xóa:

ZsB05yhq.jpgPhóng to

Convert Anchor Point Tool: chuột biến thành góc nhọn

QuCdmqBc.jpgPhóng to

Đã chuyển thành corner point:

4YOpYkzc.jpgPhóng to

Đưa chuột vào corner point:

MMYhoKcb.jpgPhóng to

Nắm kéo corner point:

l9zRBZPz.jpgPhóng to

Chuyển thành smooth point với các tiếp tuyến, bạn nắm kéo tiếp tuyến để thay đổi độ cong và hướng nét vẽ:

xsZUtWnn.jpgPhóng to

Tìm hiểu về Subselection Tool:

Thông thường, để thực hiện các thao tác Thêm, xóa và chuyển đổi anchor point, bạn sử dụng công cụ Subselection Tool ở thanh công cụ:

Cng7U6V8.jpgPhóng to

Sau khi chọn Subselection Tool, chuột chuyển thành mũi tên trắng. Khi rê chuột vào đường cong, dưới chuột xuất hiện hình vuông nhỏ màu đen.

4H2yQ2Aa.jpgPhóng to

Bạn bấm chọn đường cong, các anchor point rỗng ruột xuất hiện xuất hiện:

ZWdtPmDS.jpgPhóng to

Lúc này, bạn có thể chọn các công cụ Add Anchor Point Tool, Delete Anchor Point Tool và Convert Anchor Point Tool như đã đề cập ở trên.

Bạn cũng có thể sử dụng Subselection Tool để di chuyển một hoặc nhiều anchor point bằng cách bấm chọn vào các anchor point đó, sau đó di chuyển chúng đến vị trí mới (anchor point được chọn là hình vuông đặc ruột) hoặc bấm phím delete để xóa anchor point được chọn:

Gpd4KiiV.jpgPhóng to

Thiết lập Preferences cho Pen tool

Chọn Edit Preferences… từ menu:

7GfSK3r1.jpgPhóng to

Hộp thoại Preferences xuất hiện, chọn mục Drawing từ Category:

W2BGXNh5.jpgPhóng to

Khu vực Pen tool có các mục:

Show Pen Preview: chọn mục này để nhìn thấy trước nét vẽ kế tiếp khi di chuyển chuột (sau khi đã chọn một anchor point).

Show Solid Points: chọn mục này để Flash hiển thị các anchor point là các hình vuông đặc ruột.

Show Precise Cursors: chọn mục này để Flash hiển thị Pen Tool là dấu chữ thập thay vì là ngòi bút mực.

---------------------------------------------------------------------------------------

KIẾN THỨC ADOBE FLASH CS4 CĂN BẢN

* Bài 1: Giới thiệu chương trình Flash và các điểm mới của Flash CS4 Professional* Bài 1: Giới thiệu giao diện chương trình * Bài 2: Tạo ảnh động theo phương pháp Frame-By-Frame* Bài 2: Tạo ảnh động theo phương pháp Frame-By-Frame(tiếp theo)* Bài 3: Tạo ảnh động theo phương pháp Motion Tween* Bài 4: Tạo ảnh động theo phương pháp Shape Tween* Bài 4: Tạo ảnh động theo phương pháp Shape Tween (tiếp theo)* Bài 5: Sử dụng Motion Presets để tạo ảnh động* Bài 5: Sử dụng Motion Presets để tạo ảnh động(tiếp theo)* Bài 6: Điều chỉnh Motion Path* Bài 7 Tối ưu hóa cách quản lý các Layer* Bài 7: Tối ưu hóa cách quản lý các Layer(tiếp theo)* Bài 7: Tạo bản preview cho custom presets* Bài 8: Tạo hiệu ứng lấp lánh cho chữ* Bài 8: Tạo hiệu ứng lấp lánh cho chữ (tiếp theo)* Bài 8: Tìm hiểu về Rectangle Tool, tọa độ và kích thước* Bài 9: Tạo trò chơi bóng bàn đơn giản* Bài 9: Tạo trò chơi bóng bàn đơn giản(tiếp theo)* Bài 9: Tìm hiểu về Oval Tool(tiếp theo)* Bài 10: Sử dụng Shape Hint* Bài 10: Sử dụng Shape Hint (tiếp theo) * Bài 10:Tìm hiểu về PolyStar Tool* Bài 11: Classic Tween và trò chơi bập bênh đơn giản* Bài 11: Classic Tween và trò chơi bập bênh đơn giản (tiếp theo)* Bài 11: Phần lý thuyết bổ sung cho bài thực hành: Tìm hiểu về Grid* Bài 12: Thay đổi tốc độ hoạt động với tùy chọn Ease* Bài 12: Tìm hiểu về Ease(Phần lý thuyết bổ sung cho bài thực hành)* Bài 13: Sử dụng Classic motion guide* Bài 13: Tìm hiểu về Tweening(Phần lý thuyết bổ sung cho bài thực hành)* Bài 14: Sử dụng Color effect* Bài 14: Sử dụng Color effect(tiếp theo)* Bài 14: Tìm hiểu về Color Effect(Phần lý thuyết bổ sung cho bài thực hành)* Bài 16: Áp dụng color effect để tạo slideshow* Bài 16: Áp dụng color effect để tạo slideshow(Phần 2)* Bài 16: Áp dụng color effect để tạo slideshow(Phần 3)* Bài 16: Áp dụng color effect để tạo slideshow(Phần 4)* Bài 16: Tìm hiểu về Preloader(Phần 5)* Bài 17: Sử dụng Motion presets tạo slideshow(Phần 1)* Bài 17: Sử dụng Motion presets tạo slideshow (Phần 2)* Bài 17:Sử dụng Motion presets tạo slideshow (Phần lý thuyết bổ sung cho thực hành)* Bài 19: Tạo bướm bay lượn (Bài thực hành - Phần 1)* Bài 19: Tạo bướm bay lượn (Bài thực hành - Phần 2)* Bài 19: Tạo bướm bay lượn (Phần lý thuyết bổ sung cho bài thực hành)

nhipsongso.TuoiTre.vn :: KIẾN THỨC CÔNG NGHỆ
GV TRƯƠNG VĂN NĂNGCông ty TNHH Khải Thiên (KTC Co., Ltd)
Trở thành người đầu tiên tặng sao cho bài viết 0 0 0

Tuổi Trẻ Online Newsletters

Đăng ký ngay để nhận gói tin tức mới

Tuổi Trẻ Online sẽ gởi đến bạn những tin tức nổi bật nhất

Bình luận (0)
thông tin tài khoản
Được quan tâm nhất Mới nhất Tặng sao cho thành viên
    Chủ đề: Flash flash cs4