Phóng to

Thực hành Shape Tween và Shape Hint

Trong bài này bạn sử dụng Shape Tween để chuyển hình chữ nhật thành hình ngôi sao, sau đó dùng Shape Hint để hướng dẫn sự biến đổi đều và đẹp mắt. 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ụcvùng làm việc mặc định này và bắt đầu vào bài thực hành 10.(Xem bài thực hành 1 về vùng làm việc)<?xml:namespace prefix = o />

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ên010_shape_hint.fla(Lưu phải mẫu tham khảo bằng cách phải chuột vào liên kết và chọn "Save target as")

4. Sử dụng Rectangle Tool để vẽ hình chữ nhật.

4.1 Bấm chọn vào Rectangle Tool trên thanh công cụ bên phải:

Phóng to

4.2 Bấm chuột vào ô Stroke color để chọn màu viền cho hình chữ nhật:

Phóng to

4.3 Bảng màu hiện ra, bạn bấm chọn vào ô bên phải có dấu chéo màu đỏ. Ô này dùng để thiết lập giá trị không màu cho đường viền, tức đối tượng được vẽ sẽ không có viền:

Phóng to

4.4 Bấm chuột vào ô Fill color để chọn màu ruột cho hình chữ nhật:

Phóng to

4.5 Bảng màu hiện ra, bạn bấm chọn vào ô màu đỏ để chọn màu ruột của hình chữ nhật:

Phóng to

4.6 Đưa chuột vào khoảng giữa Stage, bấm chuột vào góc trên bên trái và kéo sang góc dưới bên phải như hình minh họa:

Phóng to

4.7 Bạn thu được một hình chữ nhật màu đỏ như sau:

Phóng to

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

Phóng to

4.9 Bấm chọn vào hình chữ nhật vừa vẽ.Khi đã được chọn, hình chữ nhật chuyển sang dạng hạt li ti, đồng thời phía dưới chuột xuất hiện mũi tên bốn chiều:

Phóng to

4.10 Để canh giữa hình chữ nhật trên Stage, trước hết chọn EditCut từ menu:

Phóng to

Kế đến chọn EditPaste in Center từ menu:

Phóng to

Bạn thu được hình chữ nhật được canh giữa Stage như sau:

Phóng to

5. Sử dụng PolyStar Tool để vẽ hình ngôi sao.

5.1 Bấm vào frame 24 của Layer 1 ở Timeline:

Phóng to

5.2 Chọn Insert Timeline Blank Keyframe từ menu (hoặc bấm phím tắt F7) để thêm keyframe trắng vào Stage:

Phóng to

5.3 Bạn thu được một keyframe trắng tại frame 24:

Phóng to

Đồng thời trên Stage hình chữ nhật cũng không còn.

Phóng to

Bạn sẽ sử dụng PolyStar Tool để vẽ một ngôi sao vào Stage.

5.4 Bấm chọn vào Rectangle Tool trên thanh công cụ bên phải và giữ chuột vài giây cho menu phụ hiện ra. Bấm chọn PolyStar Tool (xem thêm phần Tìm hiểu về PolyStar Tool ở cuối bài):

Phóng to

5.5 Bấm chuột vào ô Fill color để chọn màu ruột cho PolyStar Tool:

Phóng to

5.6 Bảng màu hiện ra, bạn bấm chọn vào ô màu xanh để chọn màu ruột cho PolyStar Tool:

Phóng to

5.7 Bấm vào nút Options… của PolyStar Tool:

Phóng to

Hộp thoại Tool Settings xuất hiện:

Phóng to

5.8 Ở mục Style, bạn bấm cho menu xổ xuống và chọn star:

Phóng to

5.9 Bấm nút OK để đóng hộp thoại lại:

Phóng to

5.10 Giữ phím Shift, đưa chuột vào Stage và kéo một đoạn từ dưới lên trên như hình minh họa:

Phóng to

5.11 Bạn thu được hình ngôi sao màu xanh như sau:

Phóng to

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

Phóng to

5.13 Bấm chọn vào ngôi sao vừa vẽ.Khi đã được chọn, ngôi sao chuyển sang dạng hạt li ti, đồng thời phía dưới chuột xuất hiện mũi tên bốn chiều

Phóng to

5.14 Để canh giữa ngôi sao trên Stage, trước hết chọn EditCut từ menu:

Phóng to

Kế đến chọn EditPaste in Center từ menu:

Phóng to

Bạn thu được ngôi sao được canh giữa Stage như sau:

Phóng to

(còn tiếp)

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