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 39. Nhấp chuột vào keyframe thứ 5 trên Layer Cua Do và nhấn phím F6. Nhấp chuột chọn keyframe thứ 5 này. Sau đó chọn công cụ Arrow Tool và chọn công cụ bổ sung là Rotate, xoay đối tượng đường thẳng gắn vào phía sau xe đã nói trong bước 30 một góc 45 0 . Đối tượng đường thẳng trước khi dùng công cụ Rotate để xoay một góc 45 0 Đối tượng đường thẳng sau khi xoay một góc 45 0 40. Lặp lại bước 39 cho keyframe thứ 10 trên Layer Cua Do này. Bạn hãy xoay một góc 75 0 tiếp theo đường thẳng, lúc này đường thẳng có thể bò lệch góc với cạnh của thùng xe do đó bạn có thể di chuyển sao cho chúng cố đònh. Cạnh của đường thẳng lệch góc với cánh của thùng phía sau xe TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 332 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 41. Bạn làm tiếp tương tự tại keyframe thứ 15 nhưng bạn hãy xoay đường thẳng hơi dốc xuống đối với thùng xe như hình sau. Các đối tượng sau khi dùng các phím mũi tên hiệu chỉnh xong 42. Nhấp chuột vào keyframe thứ 20 trên Layer Cua Do và xoay đường thẳng hướng ngược lên trên. 43. Lặp lại các bước trên cho đến vò trí keyframe cuối cùng. Tại keyframe cuối cùng đường thẳng trở lại vò trí đứng thẳng, sát vào thành sau của xe. Đường thẳng tại keyframe 23 và 25 TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 333 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 Đường thẳng tại keyframe 27 và 30 44. Nhấp chuột trở lại keyframe thứ 5 trống trong Layer Do Hang và chọn công cụ Pencil Tool trong hộp công cụ. Sau đó vẽ thêm vào phía sau xe trong vùng làm việc như hình bên dưới và tô màu cùng màu với màu trong đống hàng bên trên. Công cụ Pencil Tool 45. Nhấp chuột tại keyframe thứ 6 trên Layer Do Hang và nhấn phím F6. Tại đây bạn dùng công cụ Pencil Tool và vẽ thêm vào trong vùng trống còn lại cho kín, phủ kín vùng trống và tô màu cho đến khi vùng màu bạn tô chạm vào thanh đứng. Keyframe trước khi tô màu phủ kín vùng TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 334 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 46. Nhấn phím F6 đối với keyframe tiếp theo và tô cùng màu trên vùng tiếp theo. Bạn cứ lập lại bước trên như thế cho đến keyframe thứ 19 (keyframe mà thanh cửa thẳng trong Layer Cua Do xoay ngược trở lên) thì không thực hiện việc chọn nhấn phím F6 nữa. Sau đây là một số ảnh minh hoạ tiêu biểu mà bạn dùng công cụ Pencil Tool và hộp màu Fill Color tạo ra cho một số keyframe xuất hiện trong giao diện. Đối tượng tại keyframe thứ 5 Đối tượng tại keyframe thứ 8 TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 335 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 Đối tượng tại keyframe thứ 13 Đối tượng tại keyframe thứ 14 Đối tượng tại keyframe thứ 18 TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 336 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 47. Lúc này bạn kết thúc vùng vẽ mà bạn thực hiện theo thao tác frame by frame và nhấp chuột tại keyframe cuối cùng (keyframe thứ 30 trên Layer Do Hang) và nhấn phím F6. Đối tượng tại keyframe thứ 19 Đối tượng tại keyframe thứ 30 48. Sau đó bạn lưu tất các các thuộc tính đã tạo ra và trở lại vùng làm việc chính bằng cách nhấp chuột vào vùng Scene tại góc trái trên trong vùng Layer. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 337 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 49. Nhấp chuột tại Layer1 và đặt tên lại là Layer Xe. Nhấp chuột chọn mục Thung Xe Day Hang trên cửa số thư viện và kéo đối tượng này vào trong vùng làm việc. 50. Tạo mới 2 Layer tiếp theo và đặt tên cho từng Layer là Layer Duong Ray và Layer Banh Xe. Nhấp chuột vào keyframe thứ nhất tại Layer Duong Ray. 51. Chọn công cụ Line Tool, sau đó chọn trên trình đơn Window > Panels > Stroke . Bảng Stroke xuất hiện. Nhấp chuột trên trình đơn dọc trong mục Solid và chọn đường nét đứt khúc như hình bên dưới. Chọn mục giá trò bên dưới là 3. 52. Bây giờ bạn bắt đầu vẽ vào trong vùng làm việc tại Layer Duong Ray. 53. Nhấp chuột tiếp tại Layer Banh Xe và kéo mục Hai Banh Xe Xoay từ trong cửa sổ thư viện vào trong vùng làm việc. Bạn có thể hiệu chỉnh kích thước của hai bánh xe này lại cho phù hợp với chiếc xe bằng công cụ Arrow Tool , chọn Scale . TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 338 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 54. Bây giờ bạn sẽ tạo chuyển động cho các đối tượng. Nhấp chuột tại keyframe thứ 40 tại Layer Duong Ray và nhấn phím F6. Sau đó bạn làm tương tự cho Layer Banh Xe và Layer Xe. 55. Nhấp chuột tạ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. 56. Bây giờ bạn nhấp chuột tại keyframe thứ 40 trên Layer Xe và di chuyển đối tượng chiếc xe đến vò trí mới. Đối tượng xe trước khi di chuyển TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 339 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 Đối tượng xe sau khi di chuyển 57. Nhấp chuột tại keyframe thứ 41 và nhấn phím F6 trên Layer Xe. 58. Sau đó chọn mục Xe Do Hang trong cửa sổ thư viện và kéo vào vùng làm việc thay thế vò trí chiếc xe chở hàng tại keyframe thứ 41 này. Đối tượng chiếc xe tại keyframe thứ 41 Chú ý : Bạn có thể thay đổi kích thước của thùng xe bạn vừa kéo từ cửa sổ thư viện vào sao cho có cùng kích thước với đối tượng thùng xe ban đầu. 59. Nhấp chuột tại keyframe thứ 41 trên Layer Banh Xe và nhấn phím F6. Sau đó kéo mục Hai Banh Xe Dung Yen vào trong vùng làm việc và thay đổi kích thước cho phù hợp với hai bánh xe lúc đầu. Xoá hai bánh xe chuyển động ban đầu tại keyframe thứ 41 này thay thế bằng bánh xe đứng yên. Sao chép thêm một cái nữa để có được hai cái bánh xe. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 340 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 60. Nhấp chuột tại keyframe thứ 41 trên Layer Duong Ray và nhấn phím F6. Các đối tượng tại keyframe thứ 41 61. Nhấp chuột tại keyframe thứ 71 lần lượt trên tất cả các Layer và nhấn phím F6. Các đối tượng tại keyframe thứ 71 62. Bây giờ bạn nhấp chuột tại keyframe thứ 71 và nhấn phím F6 trên Layer Xe và mục Thung Xe trên cửa sổ thư viện vào vùng làm việc và xoá đối tượng xe tải có hàng hoá bên trên thay thế bằng xe tải không có hàng hoá. Bạn có thể thay đổi kích thước cho đối tượng trước và sau có cùng kích thước. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 341 . BIÊN SOẠN : KS PHẠM QUANG HUY 33 4 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 46 . Nhấn phím F6 đối với keyframe tiếp theo và tô cùng màu trên. trí đứng thẳng, sát vào thành sau của xe. Đường thẳng tại keyframe 23 và 25 TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 33 3 GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC. SOẠN : KS PHẠM QUANG HUY 33 5 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 Đối tượng tại keyframe thứ 13 Đối tượng tại keyframe thứ 14