Đang tải... (xem toàn văn)
Tham khảo tài liệu ''quá trình hình thành phương pháp sử dụng softimage để tạo hình nhân vật p3'', công nghệ thông tin, đồ họa - thiết kế - flash phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả
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 TẠO XE TẢI CHUYỂN ĐỘNG Trong phần tập phần tập thiết kế mẫu ảnh nhỏ để hỗ trợ cho trang Web bạn thêm phần sinh động Trong phần bạn tạo xe tải chở cát chuyển động đổ cát vào vùng Trong phần thực hành bạn phải dùng ba giai đoạn ghép ảnh để tạo thành đối tượng chuyển động hoàn chỉnh Giai đoạn bạn tạo xe tải chuyển động, tạo xe tải đứng yên thực công việc đổ hàng giai đoạn cuối sau đổ hàng chạy trở lại vị trí xuất phát lúc ban đầu Cách thực giai đoạn sau: Bảo đảm bạn chương trình Flash 5.0 Sau mở file đặt tên “Xe Tai” Kích thước file bạn chọn tùy thích Chọn trình đơn Insert > New Symbol nhập vào mục Name Banh Xe mục Behavior Graphic Sau chọn OK Tại Layer mặc định bạn đặt tên lại Banh Xe Sau dùng công cụ Oval Tool hộp công cụ vẽ vòng tròn gắn thêm phụ xung quanh bánh xe hình bên cạnh Chú ý : Vòng tròn bánh xe có ba lớp màu khác Bạn vẽ ba vòng tròn khác sau ghép chồng vào TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 321 BIÊN SOẠN : KS PHẠM QUANG HUY 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 Dùng công cụ Arrow Tool để chọn tất đối tượng bánh xe chọn tiếp trình đơn Modify > Group (hay nhấn phím Ctrl + G) để nhóm đối tượng bánh xe hợp thành Chọn trình đơn Insert > New Symbol nhập vào mục Name Graphic Banh Xe mục Behavior Graphic Sau chọn OK Chọn trình đơn Window > Library để mở cửa sổ thư viện xuất Sau nhấp chuột vào mục tên Banh Xe kéo biểu tượng bánh xe hiển thị cửa sổ vào vùng làm việc Bảo đảm đối tượng bánh xe chọn, nhấp chuột keyframe thứ 20 thước Sau nhấn phím F6 để tạo chuyển động cho bánh xe Chọn trở lại keyframe thứ Layer Banh Xe nhấp phải chuột chọn lệnh Create Motion Tween trình đơn Context TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 322 BIÊN SOẠN : KS PHẠM QUANG HUY 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 Sau bạn chia chuỗi frame thành keyframe khác sau: Nhấp chuột keyframe thứ nhấn phím F6 Vẫn để chuột chọn keyframe thứ chọn công cụ Arrow Tool chọn vùng công cụ bổ sung công cụ Rotate xoay đối tượng bánh xe góc 900 theo chiều kim đồng hồ 10 Tiếp đến bạn lặp lại bước cho keyframe thứ 10, 15 20 Sau tạo chuyển động cho keyframe Layer1 này, bạn xem chúng diễn hoạt cách nhấn phím Enter Các keyframe Layer Banh Xe 11 Lặp lại từ bước bước 10 để tạo thêm bánh xe đặt tên cho bánh xe Graphic Banh Xe Nguoc, tạo bánh xe xoay ngược chiều kim đồng hồ 12 Bây bạn tạo Symbol cách chọn trình đơn Insert > New Symbol đặt tên cho mục Name hộp thoại Symbol Properties Hai Banh Xe Xoay, mục Behavior chọn Graphic Sau chọn OK TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 323 BIÊN SOẠN : KS PHẠM QUANG HUY 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 cửa sổ thư viện xuất vùng làm việc Chọn mục Graphic Banh Xe kéo biểu tượng bánh xe xoay vào vùng làm việc Layer1 14 Chọn trình đơn Insert > Layer để tạo tiếp cho Layer2 Bạn kéo bánh xe xoay cửa sổ thư viện nói bước 12 vào Layer2 đặt vùng làm việc cho hai bánh xe có khoảng cách cố định 15 Tạo tiếp Layer thứ dùng công cụ Rectangle Tool hộp công cụ, sau vẽ Layer vuông ngang nối liền bánh xe trước bánh xe sau hình sau 16 Nhấp chuột keyframe thứ 30 Layer3 (Layer có ngang) nhấn phím F6 Sau trở lại keyframe thứ Layer nhấp phải chuột chọn lệnh Create Motion Tween có trình đơn Context xuất sau thước Timeline 17 Bạn lập lại bước 16 cho Layer1 Layer2 Sau nhấp chuột keyframe cuối (keyframe thứ 30) Layer1 nhấn giữ phím Shift nhấp chuột vào keyframe cuối Layer2 Layer3 TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 324 BIÊN SOẠN : KS PHẠM QUANG HUY 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 di chuyển đường thẳng hướng sang phải khoảng cách ngắn tùy thích 18 Nhấn phím Enter sau hoàn tất công việc tạo chuyển động cho đối tượng Graphic Symbol để xem chúng diễn hoạt Sau bạn chỉnh sửa lại chúng Thế bạn vừa tạo xong bánh xe chuyển động 19 Bạn chọn trình đơn Insert > New Symbol để tạo đối tượng bánh xe đứng yên Trong mục Name hộp thoại Symbol Properties nhập vào Hai Banh Xe Dung Yen, mục Behavior chọn Graphic 20 Sau bạn kéo hai bánh xe mục Hai Banh Xe Xoay cửa sổ thư viện vào Symbol Hai Banh Xe Dung Yen Lúc bạn có bánh xe đứng yên 21 Chọn tiếp trình đơn Insert > New Symbol chọn mục hộp thoại Symbol Properties sau: 22 Nhấp chuột Layer1 đặt tên lại Layer ThungXe Sau chọn công cụ Rectangle Tool công cụ Line Tool hộp công cụ bên trái giao diện vẽ vào vùng làm việc khung xe tải dùng công cụ Text Tool nhập ký tự vào đặt thân xe hình sau TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 325 BIÊN SOẠN : KS PHẠM QUANG HUY ... việc tạo chuyển động cho đối tượng Graphic Symbol để xem chúng diễn hoạt Sau bạn chỉnh sửa lại chúng Thế bạn vừa tạo xong bánh xe chuyển động 19 Bạn chọn trình đơn Insert > New Symbol để tạo đối... Ctrl + G) để nhóm đối tượng bánh xe hợp thành Chọn trình đơn Insert > New Symbol nhập vào mục Name Graphic Banh Xe mục Behavior Graphic Sau chọn OK Chọn trình đơn Window > Library để mở cửa sổ... Layer1 14 Chọn trình đơn Insert > Layer để tạo tiếp cho Layer2 Bạn kéo bánh xe xoay cửa sổ thư viện nói bước 12 vào Layer2 đặt vùng làm việc cho hai bánh xe có khoảng cách cố định 15 Tạo tiếp Layer