GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 15 4. Dùng công cụ Arrow Tool để chọn tất cả các đối tượng trên bánh xe và chọn tiếp trên trình đơn Modify > Group (hay nhấn phím Ctrl + G ) để nhóm các đối tượng trên bánh xe hợp nhất thành một. 5. Chọn trên trình đơn Insert > New Symbol và nhập vào mục Name là Graphic Banh Xe và mục Behavior là Graphic. Sau đó chọn OK. 6. Chọn trên trình đơn Window > Library để mở cửa sổ thư viện xuất hiện. Sau đó nhấp chuột vào mục tên Banh Xe và kéo biểu tượng bánh xe hiển thò tại cửa sổ vào trong vùng làm việc. 7. Bảo đảm rằng đối tượng bánh xe đang được chọn, nhấp chuột tại keyframe thứ 20 trên thanh thước. Sau đó nhấn phím F6 để tạo chuyển động cho bánh xe. 8. Chọn trở lại keyframe thứ nhất trên Layer Banh Xe và nhấp phải chuột chọn lệnh Create Motion Tween trong trình đơn Context. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 322 . GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 15 Chọn lệnh Create Motion Tween cho đối tượng 9. Sau đó bạn chia chuỗi frame này thành 4 keyframe khác nhau như sau: Nhấp chuột tại keyframe thứ 5 và nhấn phím F6. Vẫn để chuột chọn keyframe thứ 5 này và chọn công cụ Arrow Tool và chọn tại vùng công cụ bổ sung công cụ Rotate và xoay đối tượng bánh xe một góc 90 0 theo chiều kim đồng hồ. 10. Tiếp đến bạn lặp lại bước 9 ở trên cho keyframe thứ 10, 15 và 20. Sau khi tạo chuyển động cho keyframe trên Layer1 này, bạn có thể xem chúng diễn hoạt bằng cách nhấn phím Enter. Các keyframe trên Layer Banh Xe 11. Lặp lại từ bước 5 cho đến bước 10 để tạo ra thêm một bánh xe nữa nhưng đặt tên cho bánh xe này là Graphic Banh Xe Nguoc, tạo bánh xe xoay ngược chiều kim đồng hồ. 12. Bây giờ bạn tạo mới một Symbol nữa bằng cách chọn trên trình đơn Insert > New Symbol và đặt tên cho mục Name trong hộp thoại Symbol Properties là Hai Banh Xe Xoay, mục Behavior chọn là Graphic . Sau đó chọn OK. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 323 . GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 15 13. Bảo đảm rằng cửa sổ thư viện vẫn còn xuất hiện trong vùng làm việc. Chọn mục Graphic Banh Xe và kéo biểu tượng bánh xe xoay vào trong vùng làm việc tại Layer1. 14. Chọn trên trình đơn Insert > Layer để tạo mới tiếp cho Layer2. Bạn cũng kéo bánh xe xoay tại cửa sổ thư viện như đã nói trong bước 12 ở trên vào trong Layer2 này và sắp đặt trong vùng làm việc sao cho hai bánh xe này có khoảng cách cố đònh. 15. Tạo mới tiếp một Layer thứ 3 và dùng công cụ Rectangle Tool trong hộp công cụ, sau đó vẽ trên Layer này một thanh vuông ngang nối liền bánh xe trước và bánh xe sau như hình sau. 16. Nhấp chuột tại keyframe thứ 30 trên Layer3 (Layer có thanh ngang) và nhấn phím F6. Sau đó trở lại keyframe thứ nhất trên Layer này và nhấp phải chuột chọn lệnh Create Motion Tween có trong trình đơn Context xuất hiện sau đó tại thanh thước Timeline . 17. Bạn cũng lập lại bước 16 cho Layer1 và Layer2. Sau đó nhấp chuột tại keyframe cuối cùng (keyframe thứ 30) trên Layer1 và nhấn giữ phím Shift trong khi đó nhấp chuột vào keyframe cuối cùng trên Layer2 và Layer3. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 324 . GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 15 Nhấp chuột di chuyển ba đối tượng chọn này và di chuyển trên một đường thẳng hướng sang phải một khoảng cách ngắn nào đó tùy thích. 18. Nhấn phím Enter sau khi hoàn tất công việc tạo chuyển động cho các đối tượng trong Graphic Symbol này để xem chúng diễn hoạt. Sau đó bạn có thể chỉnh sửa lại chúng. Thế là bạn vừa tạo xong 2 bánh xe chuyển động. 19. Bạn chọn trên trình đơn Insert > New Symbol để tạo ra đối tượng là 2 bánh xe đứng yên. Trong mục Name tại hộp thoại Symbol Properties nhập vào là Hai Banh Xe Dung Yen, mục Behavior chọn là Graphic. 20. Sau đó bạn kéo hai bánh xe trong mục Hai Banh Xe Xoay tại cửa sổ thư viện vào trong Symbol Hai Banh Xe Dung Yen này. Lúc này bạn sẽ có được 2 bánh xe đứng yên. 21. Chọn tiếp trình đơn Insert > New Symbol nữa và chọn các mục trong hộp thoại Symbol Properties như sau: 22. Nhấp chuột tại Layer1 và đặt tên lại là Layer ThungXe. Sau đó chọn công cụ Rectangle Tool và công cụ Line Tool trong hộp công cụ bên trái giao diện và vẽ vào trong vùng làm việc khung xe tải và dùng công cụ Text Tool nhập ký tự vào và đặt trên thân xe như hình sau. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 325 . GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 15 23. Sau đó bạn chọn tiếp trên trình đơn Insert > New Symbol và chọn như sau: 24. Bây giờ bạn kéo biểu tượng chiếc xe tải, có tên là Thung Xe, xuất hiện trong cửa sổ thư viện vào trong vùng làm việc hiện hành tại Layer1. Đặt tên lại cho Layer1 này là Layer Thung Xe. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 326 . GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 15 25. Chọn trình đơn Insert > Layer và đặt tên cho Layer mới này là Layer Hang. Sau đó bạn dùng công cụ Pencil Tool trong hộp công cụ bên trái giao diện vẽ trên Layer này đối tượng như hình bên dưới và đừng quên tô màu vàng nhạt cho đối tượng vừa tạo. 26. Tiếp đến bạn hãy nhấn Ctrl + G để nhóm đối tượng vừa vẽ trong bước 25 ở trên. Bây giờ bạn di chuyển đối tượng này đến vò trí ngay phía thùng sau của xe. Bạn nhớ kéo Layer Hang xuống phía trước Layer Thung Xe để Layer Hang xuất hiện phía sau Layer Thung Xe. 27. Chọn Insert > New Symbol và đặt tên tại mục Name là Xe Do Hang và chọn Behavior là Graphic . TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 327 . GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 15 28. Sau đó bạn kéo mục Thung Xe Day Hang xuất hiện tại cửa sổ thư viện vào trong vùng làm việc hiện hành. Nhấp chuột chọn đối tượng thùng xe này và chọn trên trình đơn Modify > Break Apart để tách biệt hai đối tượng hàng nằm bên trên thùng xe và đối tượng khung xe mà bạn vừa kéo từ trong cửa sổ thư viện vào trong vùng làm việc. Đối tượng trước và sau khi chọn lệnh Break Apart 29. Bây giờ bạn nhấp chuột vào đối tượng hàng nằm bên trên thùng xe và nhấn phím Ctrl + X để cắt đối tượng này. Sau đó bạn tạo mới một Layer nữa và đặt tên là Layer Hang. Bây giờ bạn nhấn phím Ctrl + V để dán đối tượng vừa cắt vào trong Layer Hang này. Đối tượng hàng được sắp xếp nằm trên đối tượng thùng xe TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 328 . GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 15 30. Chọn trên trình đơn Insert > Layer để tạo mới một Layer nữa và đặt tên là Cua Do. Dùng công cụ Line Tool trong hộp công cụ và vẽ một đường thẳng đứng vào trong vùng giao diện và đặt đối tượng này ngay phía sau thùng xe. Di chuyển đường thẳng đứng vào phía sau thùng xe 31. Nhấp chuột tại keyframe thứ 30 trên Layer Cua Do và nhấn phím F6 để tạo đường chuyển động. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 329 . GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 15 32. Nhấp phải chuột tại keyframe thứ nhất trên Layer Cua Do và chọn lệnh Create Motion Tween trong trình đơn Context để tạo chuyển động cho Layer này. 33. Nhấp chuột vào keyframe thứ 30 lần lượt trên Layer Hang và Layer Thung Xe, sau đó nhấn phím F6 cho Layer Hang rồi đến Layer Thung Xe. 34. Nhấp chuột trở lại keyframe thứ nhất trên Layer Hang và chọn lệnh Create Motion Tween trong trình đơn Context. 35. Nhấp chuột tại ví trí keyframe cuối cùng trên Layer Hang và di chuyển đối tượng hàng trên thùng xe xuống phía dưới. Nhấp chuột vào keyframe cuối cùng trên Layer Hang để tạo chuyển động kết thúc TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 330 . GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 15 36. Lúc này bạn nhấp chuột vào Layer Hang này và kéo xuống dưới Layer Thung Xe để cho đống hàng trên mui xe xuất hiện ra phía sau thùng xe. Có như thế bạn mới có thể thấy được đống hàng phía sau thùng xe chuyển động mà không có bất kỳ những thay đổi trên Layer Hang này. 37. Bây giờ bạn tạo mới thêm một Layer nữa và đặt tên cho nó là Layer Do Hang. Nhấp chuột tại keyframe thứ 5 trên Layer Do Hang này và nhấp phải chuột chọn lệnh Insert Keyframe. 38. Lúc này bạn sẽ thấy một keyframe thứ 5 trống xuất hiện trên Layer Do Hang. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 331 . . các mục trong hộp thoại Symbol Properties như sau: 22. Nhấp chuột tại Layer1 và đặt tên lại là Layer ThungXe. Sau đó chọn công cụ Rectangle Tool và công cụ Line Tool trong hộp công cụ bên. BẰNG HÌNH ẢNH CHƯƠNG 15 30. Chọn trên trình đơn Insert > Layer để tạo mới một Layer nữa và đặt tên là Cua Do. Dùng công cụ Line Tool trong hộp công cụ và vẽ một đường thẳng ứng. này thành 4 keyframe khác nhau như sau: Nhấp chuột tại keyframe thứ 5 và nhấn phím F6. Vẫn để chuột chọn keyframe thứ 5 này và chọn công cụ Arrow Tool và chọn tại vùng công cụ bổ sung công cụ