Học Adobe Flash CS4 cơ bản Flash CS4 - Bài 10

Học Adobe Flash CS4 cơ bảnFlash CS4 - Bài 10: Sử dụng Shape Hint (tiếp theo)
Nội dung trích xuất từ tài liệu:
Học Adobe Flash CS4 cơ bản Flash CS4 - Bài 10 Học Adobe Flash CS4 cơ bảnFlash 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:6.2 Bấm phím phải chuột cho xuất hiện menu ngữ cảnh và chọn Create ShapeTween: Học Adobe Flash CS4 cơ bảnTrên Timeline xuất hiện một mũi tên màu xanh lá cây hướng từ frame 2 đếnframe 23, màu đặc trưng của Shape Tween:Bạn có thể xem thử kết quả hình chữ nhật chuyển sang hình ngôi sao bằng cáchchọn Control > 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ỉnhnhư 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): Học Adobe Flash CS4 cơ bảnGiữa hình chữ nhật xuất hiện một Shape Hint ký hiệu là chữ a được khoanh trònmà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ậtnhư hình minh họa: Học Adobe Flash CS4 cơ bảnKết quả thu được Shape Hint chuyển lên góc trên bên trái: Học Adobe Flash CS4 cơ bản6.5 Bấm chọn keyframe số 24 trên Timeline:Trên Stage bạn thấy Shape Hint chữ a được khoanh tròn màu đỏ nằm giữa ngôisao: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: Học Adobe Flash CS4 cơ bảnBạn thu được Shape Hint chữ a được khoanh tròn màu xanh, chứng tỏ thao táccủa bạn đã được Flash chấp nhận. Học Adobe Flash CS4 cơ bản6.7 Bạn chọn lại keyframe 1 trên Timeline:Shape Hint chữ a màu đỏ ban đầu giờ đây đã chuyển sang màu vàng, chứng tỏthao tác của bạn đã được Flash chấp nhận: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: Học Adobe Flash CS4 cơ bản6.9 Bấm phím phải chuột cho xuất hiện menu ngữ cảnh và chọn Add Hint: Học Adobe Flash CS4 cơ bản6.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: Học Adobe Flash CS4 cơ bảnShape Hint b được chuyển lên góc trên bên phải: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ôisao: Học Adobe Flash CS4 cơ bản6.13 Bạn nắm kéo Shape Hint b thả vào góc ngôi sao bên phải: Học Adobe Flash CS4 cơ bản6.14 Bạn thu được Shape Hint chữ b được khoanh tròn màu xanh, chứng tỏ thaotá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 sangmàu vàng. Học Adobe Flash CS4 cơ bản7. Xuất file thành flash movie.Bạn chọn Control > Test Movie từ menu, Flash sẽ xuất thành file010_shape_hint.swf:Bạn thu được kết quả hình chữ nhật chuyển sang ngôi sao năm cánh đều và đẹp.Đồng thời màu cũng chuyển tiếp liên tục từ đỏ sang xanh.Một số bài tập gợi ý:Sử dụng Shape Tween và Shape Hint để chuyển hình chữ nhật thành hình tamgiác. Xem gợi ý hai Shape Hint ở hình minh họa sau đây (so sánh kết quả với bàimẫu 010_shape_hint2.fla)Shape Hint ở keyframe đầu: Học Adobe Flash CS4 cơ bảnShape Hint ở keyframe cuối: Học Adobe Flash CS4 cơ bảnSử dụng Shape Tween và Shape Hint để chuyển số 1 thành số 2. Xem gợi ý haiShape 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 Aparttừ menu (hoặc phím tắt Ctrl+B) để chuyển chữ sang Shape) (so sánh kết quả vớibài mẫu 010_shape_hint3.fla):Shape Hint ở keyframe đầu:Shape Hint ở keyframe cuối: Học Adobe Flash CS4 cơ bảnThự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ộtShape Tween chuyển ngôi sao trở về hình chữ nhật trên cùng một layer. Ở bàinà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 copyhình chữ nhật ở keyframe đầu và ...