Macromedia Flash - Tạo hiệu ứng chữ rơi

Chia sẻ: Amry Hellmaster | Ngày: | Loại File: DOC | Số trang:34

Thêm vào BST

Báo xấu

132
lượt xem 46
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

BÀI 1: Các con chữ vừa rơi vừa xoay sẽ là những gì bạn có thể làm được sau khi đọc bài thực hành này. 1. Tạo một file có thông số như hình 1 Hình 1 2. Chọn

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Macromedia Flash - Tạo hiệu ứng chữ rơi

Macromedia Flash - Hiệu ứng chữ rơi BÀI 1: Các con chữ vừa rơi vừa xoay sẽ là những gì bạn có thể làm được sau khi đọc bài thực hành này. 1. Tạo một file có thông số như hình 1 Hình 1 2. Chọn công cụ Text Tool và chỉnh các thông số, màu sắc như hình 2 rồi gõ vào chữ h Hình 2 3. Dời chữ h lên trên khung làm việc (Stage)
Hình 3 4. Nhấp chuột phải vào Frame 10 và chọn Insert KeyFrame Hình 4 5. (Lưu ý rằng chữ h vẫn đang được chọn) Dùng chuột rê chữ xuống giữa khung làm việc (hoặc bạn có thể nhờ bảng Align để chỉnh theo ý mình)
Hình 5 6. Nhấp chuột phải vào giữa bất kì nơi nào từ Frame 1 đến Frame 10 và chọn Create Motion Tween Hình 6 7. Nhấp chọn Frame 10. Chọn Modify > Transfrom > Flip Horizontal
Hình 7 8. Tạo một lớp mới Hình 8 9. Tại Frame 10 của lớp mới nhấp chuột phải và chọn Insert KeyFrame
Hình 9 10. Thực hiện tương tự từ Bước 2 đến Bước 7 cho chữ e 11. Thực hiện tương tự các Bước 9, 10, rồi 2 đến 7 tại các Frame 20, 30, 40 để có các chữ l, l, o 12. Tại Frame 50 của lớp thứ tư (Layer 4), nhấp chuột phải và chọn Insert Frame (xem hình 10) Hình 10 13. Thực hiện tương tự Bước 12 cho các Layer 3, Layer 2, Layer 1 cũng tại Frame 50 14. Nhấp chuột phải vào Frame 51 của Layer 1 rồi chọn Insert KeyFrame(xem hình 11)
Hình 11 15. (Lưu ý rằng ta đang thao tác trên Frame 51 của Layer 1) Chọn Modify > Transform > Flip Horizontal (xem hình 12) Hình 12 16. Thực hiện tương tự Bước 14, Bước 15 cho các Layer còn lại 17. Tạo một Layer mới trên Layer 5 (xem hình 13)
Hình 13 18. Nhấp chuột phải vào Frame 51 của Layer 6 và chọn Insert KeyFrame (xem hình 14) Hình 14 19. Mở bàng Actions và nhập vào dòng lệnh stop(); (xem hình 15)
Hình 15 20. Nhấn Enter + Ctrl để kiểm tra kết quả. BÀI 2: Shape Tween giúp bạn biến đổi đối tượng từ dạng này sang dạng khác. Trong một số trường hợp, sự biến đổi này diễn ra không suôn sẻ như ý định, bạn sử dụng Shape Hint để hướng dẫn sự biến đổi theo ý mình. 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ục vùng làm việc mặc định này và bắt đầu vào bài thực hành 10.
2. Tạo mới một Flash Document. 3. Lưu một Flash Document. Chọn folder FLASH CS4 ONLINE, sau đó lưu file này lại với tên 010_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: 4.2 Bấm chuột vào ô Stroke color để chọn màu viền cho hình chữ nhật: 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:
4.4 Bấm chuột vào ô Fill color để chọn màu ruột cho hình chữ nhật: 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: 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:
4.7 Bạn thu được một hình chữ nhật màu đỏ như sau: 4.8 Bấm chọn vào Selection Tool trên thanh công cụ bên phải:
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: 4.10 Để canh giữa hình chữ nhật trên Stage, trước hết chọn Edit > Cut từ menu: Kế đến chọn Edit > Paste in Center từ menu:
Bạn thu được hình chữ nhật được canh giữa Stage như sau: 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: 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:
5.3 Bạn thu được một keyframe trắng tại frame 24: Đồng thời trên Stage hình chữ nhật cũng không còn. 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:
5.5 Bấm chuột vào ô Fill color để chọn màu ruột cho PolyStar Tool: 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:
5.7 Bấm vào nút Options… của PolyStar Tool: Hộp thoại Tool Settings xuất hiện: 5.8 Ở mục Style, bạn bấm cho menu xổ xuống và chọn star:
5.9 Bấm nút OK để đóng hộp thoại lại: 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: 5.11 Bạn thu được hình ngôi sao màu xanh như sau:
5.12 Bấm chọn vào Selection Tool trên thanh công cụ bên phải: 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.
5.14 Để canh giữa ngôi sao trên Stage, trước hết chọn Edit > Cut từ menu: Kế đến chọn Edit > Paste in Center từ menu: Bạn thu được ngôi sao được canh giữa Stage như sau:
BÀI 3: