Flash CS4 - Bài 10: Sử dụng Shape Hint (tiếp theo)

Nội dung text: Flash CS4 - Bài 10: Sử dụng Shape Hint (tiếp theo)

1. Học Adobe Flash CS4 cơ bản Flash CS4 - Bài 10: Sử dụng Shape Hint (tiếp theo) TTO - Tạo Shape Tween chuyển hình chữ nhật thành ngôi sao. 6.1 Bấm chọn vào keyframe 1 trên Layer 1 của Timeline:
2. Học Adobe Flash CS4 cơ bản Trên Timeline xuất hiện một mũi tên màu xanh lá cây hướng từ frame 2 đến frame 23, màu đặc trưng của Shape Tween: Test Movie từ menu (hoặc phím tắt Ctrl+Enter). Tuy nhiên sự chuyển đổi không đều và không đẹp mắt. Bạn sử dụng Shape Hint để tinh chỉnh như sau (xem thêm phần Tìm hiểu về Shape Hint ở cuối bài). 6.3 Chọn Modify > Shape > Add Shape Hint từ menu (hoặc phím tắt Ctrl+Shift+H): <>
3. Học Adobe Flash CS4 cơ bản Giữa hình chữ nhật xuất hiện một Shape Hint ký hiệu là chữ a được khoanh tròn màu đỏ: <> 6.4 Bạn lấy chuột kéo và thả chữ a này lên góc trên bên trái của hình chữ nhật như hình minh họa:
4. Học Adobe Flash CS4 cơ bản
5. Học Adobe Flash CS4 cơ bản 6.5 Bấm chọn keyframe số 24 trên Timeline: 6.6 Bạn dùng chuột kéo Shape Hint a thả vào góc ngôi sao bên trái:
6. Học Adobe Flash CS4 cơ bản
7. Học Adobe Flash CS4 cơ bản 6.7 Bạn chọn lại keyframe 1 trên Timeline: 6.8 Rê chuột vào Shape Hint chữ a đến khi phía dưới chuột xuất hiện dấu cộng:
8. Học Adobe Flash CS4 cơ bản
9. Học Adobe Flash CS4 cơ bản 6.10 Flash bổ sung một Shape Hint mới với chữ b được khoanh tròn màu đỏ: <> 6.11 Bạn nắm kéo Shape Hint b và thả lên góc trên bên phải hình chữ nhật:
10. Học Adobe Flash CS4 cơ bản 6.12 Bấm chọn keyframe số 24 trên Timeline: <> Trên Stage bạn thấy Shape Hint chữ b được khoanh tròn màu đỏ nằm giữa ngôi sao:
11. Học Adobe Flash CS4 cơ bản
12. Học Adobe Flash CS4 cơ bản 6.14 Bạn thu được Shape Hint chữ b được khoanh tròn màu xanh, chứng tỏ thao tác của bạn đã được Flash chấp nhận. Lúc này, nếu bạn chọn lại keyframe 1, bạn sẽ thấy Shape Hint b cũng đã đổi sang màu vàng.
13. Học Adobe Flash CS4 cơ bản Test Movie từ menu, Flash sẽ xuất thành file 010_shape_hint.swf: Shape Hint ở keyframe đầu:
14. Học Adobe Flash CS4 cơ bản
15. Học Adobe Flash CS4 cơ bản Sử dụng Shape Tween và Shape Hint để chuyển số 1 thành số 2. Xem gợi ý hai Shape Hint ở hình minh họa sau đây. (Lưu ý: Bạn dùng Text Tool, font chữ Arial, Bold, size 100. Sau khi gỏ vào số 1 hoặc số 2, bạn dùng lệnh Modify > Break Apart từ menu (hoặc phím tắt Ctrl+B) để chuyển chữ sang Shape) (so sánh kết quả với bài mẫu 010_shape_hint3.fla): Shape Hint ở keyframe cuối:
16. Học Adobe Flash CS4 cơ bản <> Thực hành lại bài chuyển hình chữ nhật thành hình ngôi sao, sau đó thêm một Shape Tween chuyển ngôi sao trở về hình chữ nhật trên cùng một layer. Ở bài này, bạn chọn keyframe đầu của Shape Tween thứ hai để thêm Shape Hint, sau đó di chuyển các Shape Hint đến các vị trí tương ứng giống phần đầu. Bạn copy hình chữ nhật ở keyframe đầu và dán vào keyframe cuối để tạo sự chuyển tiếp không bị đột biến. (so sánh kết quả với bài mẫu 010_shape_hint4.fla). (còn tiếp)