THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY TẠO CHUYỂN ĐỘNG KHỐI 3D Trong bài thực hành đầu tiên này, bạn sẽ làm chuyển động khối văn bản 3 chiều (3D) được nhập vào từ một file Animated GIF. File ảnh động có đònh dạng .GIF này bạn có thể lấy từ trong các chương trình đồ họa 3D sau đó nhập vào trong Flash. Bài thực hành này rất đơn giản và dễ thực hiện nếu trong máy của bạn có chương trình chuyên làm tiêu đề 3D như Ulead Cool hoặc Xara 3D thì bạn thực hiện bài thực hành này rất nhanh. Bạn có thể chọn bất kỳ chương trình đồ họa 3D nào để tạo ra đối tượng 3D, không nhất thiết là phải có một trong hai chương trình trên. Sau đây là cách xuất ra file Animated GIF trong Xara hay Ulead Cool 3D: Sau khi bạn tạo một file chuyển động trong Ulead Cool để xuất sang file GIF Animated, chọn trên trình đơn File > Create Video File > GIF Animation Files. Sau khi tạo ra file chuyển động trong Xara thì cách xuất sang file Animated GIF tiến hành như sau : Chọn trên trình đơn File > Export Animation (nhấn phím tổ hợp Ctrl + Shift + X) để xuất ra file Animated GIF. Bạn sẽ tạo ra đoạn phim chuyển động như hình trên Các bước được tiến hành như sau trong Flash: Khởi động Flash, tạo file mới có tên 3D Animation Movement, nhấp chọn tiếp vào trình đơn Insert > New Symbol, chọn các thuộc tính trong hộp thoại mới mở như sau: Nhấp chọn tiếp vào trình đơn File > Import hoặc nhấn phím tổ hợp Ctrl + R, nhấp chọn file với đònh dạng Animated GIF để nhập vào sau đó nhấp chuột vào nút Open. THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 6 THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY Cho ï n file Animated GIF mon g muốn Lúc này bạn sẽ thấy xuất hiện một số các frame liên tiếp nhau, mỗi một frame là một ảnh ở trạng thái khác nhau. Nhấp chọn tiếp trở lại trình đơn Insert > New Symbol để tạo mới một nút, chọn các thuộc tính trong hộp thoại Symbol Properties. Chú ý : Do file ảnh GIF của bạn là các ảnh liên tiếp nhau vì vậy sau khi nhập file này bạn sẽ thấy trong thư viện xuất hiện rất nhiều ảnh có tên Bitmap1, Bitmap2,. . . . . . vì vậy trong phần tạo nút này bạn sẽ kéo một ảnh Bitmap bất kỳ để làm dữ liệu trong frame Up. THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 7 THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY Nhấp chuột vào một ảnh Bitmap hiển thò trong cửa sổ thư viện và kéo vào trong vùng làm việc tại frame Up. Nhấp chuột vào frame Over và nhấn phím F6, sau đó nhấp chọn vào trình đơn View > Ruler để hiển thò thanh thước và dùng các đường guideline xác đònh vò trí của ảnh hiện đang có trong frame Over. Nhấp chuột vào đoạn movie clip có tên 3 D hiển thò trong cửa sổ thư viện và kéo vào frame Over này. THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 8 THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY Nhấp chuột vào ảnh đối tượng trước đó và xoá nó, lúc này bạn chỉ còn lại đoạn movie clip trong frame Over này. Di chuyển đoạn movie clip đúng vò trí của đường guideline mà bạn đã xác đònh trước đó. Nhấp chọn vào nút Scene1 để trở vùng làm việc chính, kéo nút vừa tạo xuất hiện trong vùng làm việc vào trong vùng làm việc Stage. Sau đó dùng công cụ Text Tool nhập vào chuỗi ký tự mong muốn và dùng công cụ Rotate để xoay chuỗi ký tự giống như trong hình sau. THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 9 THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY Nhấp chọn vào trình đơn Control > Test Movie để kiểm tra đoạn phim trong chế độ Flash Player. Khi đoạn phim diễn hoạt bạn hãy đưa chuột đến chuỗi ký tự 3D sẽ thấy được tác dụng. Nếu đoạn phim chưa đẹp như mong muốn, bạn có thể hiệu chỉnh sau đó lưu file này lại sau khi hiệu chỉnh xong. THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 10 . Animated GIF để nhập vào sau đó nhấp chuột vào nút Open. THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 6 THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN. sổ thư viện và kéo vào trong vùng làm việc tại frame Up. Nhấp chuột vào frame Over và nhấn phím F6, sau đó nhấp chọn vào trình đơn View > Ruler để hiển thò thanh thước và dùng các đường. HỌA – TỦ SÁCH STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 7 THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY Nhấp chuột vào một ảnh Bitmap hiển thò