Tham khảo tài liệu ''hướng dẫn sử dụng công cụ pen tool và phương pháp làm motion tween để tạo chuyển động trong scene p2'', 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 14 Giả sử đoạn phim bạn vừa thực ý đồ thiết kế, bước lại bạn xuất đoạn phim định dạng file (format) mong muốn Các bước tiến hành sau: Vào trình đơn File > Export Movie hay dùng phím tắt Ctrl + Alt + Shift + S để mở hộp thoại Export Movie Chọn định dạng file cần lưu mục Save as type Chỉ đường dẫn thư mục chứa file mục Save in (ở ta chọn thư mục My Documents) 10 Nhập tên file vào mục File name 11 Theo mặc định Flash lưu file vừa tạo định dạng swf Nếu bạn muốn lưu file định dạng khác nhấp vào mũi tên hướng xuống mục Save as type để chọn định dạng thích hợp 12 Một danh sách định dạng file hiển thị cho bạn chọn Ở giả sử chọn định dạng gif động (Animated GIF) để đưa vào trang Web FrontPage Trở cửa sổ Export Movie nhập tên file (ở đặt tên Tween-2) TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 305 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 14 13 Cửa sổ Export GIF xuất Chọn giá trị mặc định mục Width (chiều rộng), Height (chiều cao) mục Dimensions có giá trị với giá trị chọn ban đầu Modify > Movie 14 Bạn nhấp nhận giá trị mặc định mục chọn Dimensions, nhấp chuột vào nút OK để tiến hành xuất đoạn phim Hãy vào cửa sổ Explorer hay Norton để coi kích thước file xuất Các bạn có nhận xét kích thước không - chúng nhỏ so với chương trình làm hoạt hình khác? TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 306 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 14 THỰC HIỆN ĐOẠN PHIM BIẾN HÌNH TỪ HÌNH TRÒN BIẾN DẠNG THÀNH CÁI NƠ Khởi động Flash 5, mở tập tin Tạo đường lưới cho hình làm việc, cách chọn View > Grid > Show Grid Khi bạn nhấp chuột chọn lệnh Show Grid xem chấp nhận giá trị mặc định đường lưới, cửa sổ làm việc lúc giống hình bên Chú ý : Nếu bạn muốn chỉnh sửa đường lưới, chọn View > Grid > Edit Grid Cửa sổ Grid xuất hiện, lúc bạn hiệu chỉnh màu cho đường lưới mục Color độ dài rộng ô lùi (ở độ dài rộng ô lưới 15) Chọn công cụ Oval Tool (T) hộp công cụ để vẽ hình tròn keyframe1 Layer1 TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 307 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 14 Chọn công cụ Oval Tool hộp công cụ Nhấp chuột vào keyframe thứ nhấn phím F6 Tại keyframe bạn chọn công cụ Arrow Tool để hiệu chỉnh hình tròn giống hình Khi đưa công cụ Arrow Tool đến đối tượng, hình vòng cung xuất sau mũi tên, bạn kéo vòng tròn để chỉnh sửa Vòng tròn ban đầu keyframe thứ Nhấp chuột vào keyframe thứ Dùng công cụ Arrow Tool để hiệu chỉnh hình tròn thành hình Oval Bạn lặp lại bước cho keyframe bạn chèn keyframe keyframe trước kéo chỉnh hình tròn giống hình AÛnh taïi keyframe AÛnh taïi keyframe AÛnh taïi keyframe 11 TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA Ảnh keyframe Ảnh keyframe 13 308 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 14 Bạn dùng công cụ Oval Tool vẽ thêm hình tròn nhỏ để làm nhụy nơ Ảnh keyframe 15 Ảnh keyframe 17 Ảnh keyframe 19 Ảnh keyframe 21 Ảnh keyframe 23 Ảnh keyframe 25 Lúc khung keyframe bạn Layer1 giống hình đây: 10 Bạn nhấp chuột vào nút Play điều khiển Controller nhấn phím Enter để xem đoạn phim vừa tạo Đoạn phim diễn hoạt từ hình tròn biến thành nơ Vậy bạn thành công Hình bên đoạn phim diễn hoạt TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 309 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 14 THỰC HIỆN ĐOẠN PHIM DÙNG BÚT VIẾT CHỮ DIRECTOR Trong tập tạo đoạn phim có nội dung viết dịch chuyển từ trái sang phải giống người viết chữ Chữ từ Director trông hay : Để bắt đầu tạo đoạn phim Bước việc tạo phim cần phải thiết lập tham số (thuộc tính) chọn kích cỡ phông cho đoạn phim Chọn trình đơn Modify > Movie nhấn phím tổ hợp Ctrl + M Trong hộp thoại Movie Properties (thiết lập thuộc tính cho đoạn phim), chọn kích thước đoạn phim mục Dimensions nhập giá trị vào hộp Width Height Kích cỡ phim chọn đoạn phim 600 – 200 pixel Chọn màu trắng cho phông Nhấp chuột vào hộp màu mục Background Colors Nhấp chuột vào nút OK để xác định thuộc tính TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 310 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 14 Để thuận tiện cho việc quản lý (Layer), ta nên đặt tên cho lớp Nhấp đúp chuột vào tên Layer1 đặt tên lại thành Layer Giao Nhấp chuột chọn công cụ Text Tool hộp công cụ bên trái giao diện xác định thuộc tính font chữ cách chọn trình đơn Modify > Font nhấp chuột vào biểu tượng chữ A góc phải vùng làm việc Trong hộp thoại Font (thuộc tính font) chọn kiểu font chữ từ mục Font Ở đây, chọn font VNI- Lydi Sau chọn kích cỡ chữ là70 từ mục A Chú ý : Muốn ký tự mịn sau tô màu ta chia kí tự có khoảng cách vào khoảng 20 keyframe tùy vào kí tự dài hay ngắn màbạn chọn số keyframe thích hợp Tiếp theo, bạn nhấp chuột vào hộp màu Fill Color chọn màu tô cho ký tự màu xanh dương Đặt trỏ vào vùng làm việc nhập vào chữ “DIRECTOR” Di chuyển chữ vào trang Dùng công cụ Arrow nhấp chọn chữ TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 311 BIÊN SOẠN : KS PHẠM QUANG HUY ... CHƯƠNG 14 Chọn công cụ Oval Tool hộp công cụ Nhấp chuột vào keyframe thứ nhấn phím F6 Tại keyframe bạn chọn công cụ Arrow Tool để hiệu chỉnh hình tròn giống hình Khi đưa công cụ Arrow Tool đến đối... hình vòng cung xuất sau mũi tên, bạn kéo vòng tròn để chỉnh sửa Vòng tròn ban đầu keyframe thứ Nhấp chuột vào keyframe thứ Dùng công cụ Arrow Tool để hiệu chỉnh hình tròn thành hình Oval Bạn lặp... ẢNH CHƯƠNG 14 Để thuận tiện cho việc quản lý (Layer), ta nên đặt tên cho lớp Nhấp đúp chuột vào tên Layer1 đặt tên lại thành Layer Giao Nhấp chuột chọn công cụ Text Tool hộp công cụ bên trái giao