Tài liệu Kết hợp Flax và Flash trong việc tạo trang Web chủ P3 doc

KẾT HỢP FLAX 1.5 VÀ FLASH TRONG VIỆC TẠO TRANG WEB CHỦ Tiếp tục, bạn bắt đầu công việc đưa ba tiêu chí tạo trước vào vùng trống phía bên phải vịng trịn chữ Trước tiên, bạn nhập tiêu chí “Xem thao tác hình ảnh” vào cách chọn Insert > New Symbol trình đơn nhấn tổ hợp phím Ctrl + F8 Cửa sổ Symbol Properties xuất Nhấp chọn mục Movie Clip mục Name đặt tên cho Clip ‘tieu chi 1’ Chọn xong nhấp nút OK Bây giờ, cửa sổ làm việc hành bạn Clip tieu chi Trên Timeline, bạn đổi tên layer thành tieu chi cách nhấp đúp chuột vào tên layer Sau nhập file tieu chi tạo Flax vào cách nhấp chọn File > Import nhấn tổ hợp phím Ctrl + R Cửa sổ Import xuất Trong cửa sổ này, chọn thư mục lưu trữ file tieu chi 1.swf (file lưu cửa sổ Flax) mục Look in Nhấp chọn file (tên file xuất mục File name) Chọn xong, nhấp nút Open Tiêu chí “Xem thao tác hình ảnh” xuất cửa sổ Clip tieu chi Bạn nhấp chọn Control > Play nhấn Enter để xem kết Tiếp tục, chèn thêm layer vào cách nhấp chọn Insert > Layer nhấp vào biểu tượng Insert Layer cửa sổ Timeline Một layer chèn vào với tên Layer Nhấp đúp chuột vào layer đổi tên thành tieu chi 11 Tiếp tục, layer tieu chi 11 bạn chèn file tieu chi 11.swf (đã lưu từ Flax) vào cách nhấp chọn File > Import nhấn tổ hợp phím Ctrl + R Cửa sổ Import xuất hiện, bạn chọn file tieu chi 11 sau nhấp Open Sau nhấp chọn Open, Timeline Layer tieu chi 11 xuất loạt keyframe Nhấn phím Enter để xem kết diễn hoạt Trong diễn hoạt Clip tieu chi 1, bạn thấy keyframe hai Layer tieu chi tieu chi 11 diễn hoạt song song với trông rối mắt Đây điều mà bạn mong muốn Tiến hành số thao tác để nhận kết quả: Khi diễn hoạt xong tất keyframe Layer tieu chi diễn hoạt đến keyframe Layer tieu chi 11 Trước tiên, khung Timeline bạn nhấp chuột vào Layer tieu chi 11 để tiến hành tơ đen tồn Layer Sau nhấp giữ chuột kéo trượt nhìn thấy keyframe cuối Layer tieu chi Tiếp tục, đưa chuột đến phần tô đen Layer tieu chi 11 trỏ chuột có hình bàn tay với chữ Static bên Khi trỏ chuột có hình bàn tay, bạn nhấn giữ chuột kéo rê toàn Frame Layer phía tay phải cho giáp với keyframe cuối Layer tieu chi (xem hình minh họa) Khi thực xong, bạn thả chuột Kết giống hình minh họa dưới: Bây giờ, bạn nhấp trở lại keyframe Layer tieu chi nhấn phím Enter nhấp chọn Control > Play từ trình đơn Lúc này, trình diễn hoạt, bạn khơng cịn nhận thấy trùng lấp hai Layer Trên Timeline, đoạn keyframe từ 73 diễn hoạt Layer tieu chi Và đoạn keyframe từ 74 145 diễn hoạt Layer tieu chi 11 Như bạn hoàn tất Movie Clip tieu chi Bước tiếp the, tạo Movie Clip tieu chi để nhập hai file tieu chi 2.swf tieu chi 21.swf với nội dung “Học nhanh chóng – dễ dàng” vào Tương tự với Movie Clip tieu chi 1, nhấp chọn Insert > New Symbol… nhấn tổ hợp phím Ctrl + F8 Hộp thoại Symbol Properties xuất Trong mục Name, nhập tên cho Clip tieu chi Trong mục Behavior chọn Movie Clip sau nhấp OK Sau nhấp chọn OK, Movie Clip tieu chi bạn tiến hành thao tác đổi tên Layer, thêm Layer sau nhập (import) file vào Kết thực sau: Cũng Movie Clip tieu chi 1, để tránh diễn hoạt trùng lấp hai Layer tieu chi tieu chi 22, bạn tơ đen Layer tieu chi 22 sau đưa chuột đến vùng frame bị tô đen Con trỏ chuột có hình bàn tay, nhấn giữ chuột kéo rê Frame Layer tieu chi 21 giáp với Frame cuối Layer tieu chi Kết thực hình minh họa Khi thực xong thao tác di chuyển Frame, nhấp trở lại keyframe Layer tieu chi nhấn phím Enter để xem kết diễn hoạt Trên Timeline, đoạn keyframe từ đến 82 diễn hoạt Layer tieu chi Và đoạn keyframe từ 83 đến 118 diễn hoạt Layer tieu chi 21 Như bạn thực xong Movie Clip tieu chi Bây giờ, thực bước tương tự để tạo Movie Clip tieu chi với nội dung “Ứng dụng học” Movie Clip có hai Layer tieu chi (nhập file tieu chi 3.swf) tieu chi 31 (nhập file tieu chi 31.swf) Tương tự hai Movie Clip trước, thực thao tác để loại bỏ trùng lấp hiệu ứng hai Layer tieu chi tieu chi 31 Movie Clip tieu chi Kết thực giống minh họa dưới: Cuối cùng, công việc quan trọng cần thực đưa Movie Clip tương ứng với tiêu chí vào bên phải vòng tròn chữ Bạn thực thao tác sau: Trước tiên, để trở hình chính, nhấp vào chữ Scene (nằm bên trái chữ tieu chi 3) Timeline Trong cửa sổ Scene 1, thu nhỏ vùng làm việc lại cách nhấp vào mũi tên hướng xuống trạng thái chọn 50% Tiếp theo, nhấp chọn Grid > Show Grid để hiển thị lưới Sau hiển thị lưới, bảng Timeline nhấp chọn biểu tượng Insert Layer để chèn vào layer sau nhấp đúp vào tên layer sau đổi tên thành tieu chi Sau đổi tên layer, nhấp chọn frame layer tieu chi sau nhấp kéo Symbol tieu chi 1, tieu chi tieu chi từ vùng Preview bảng Library vào vùng Stage hình minh họa (nhấn Ctrl+L để mở bảng Library) Bây giờ, nhấn tổ hợp phím Ctrl + Enter để xem kết diễn hoạt Để hiển thị file flash trình duyệt Web bạn nhấn phím F12 Chúc bạn thành cơng!   ... nhấn Enter để xem kết Tiếp tục, chèn thêm layer vào cách nhấp chọn Insert > Layer nhấp vào biểu tượng Insert Layer cửa sổ Timeline Một layer chèn vào với tên Layer Nhấp đúp chuột vào layer đổi tên... Preview bảng Library vào vùng Stage hình minh họa (nhấn Ctrl+L để mở bảng Library) Bây giờ, nhấn tổ hợp phím Ctrl + Enter để xem kết diễn hoạt Để hiển thị file flash trình duyệt Web bạn nhấn phím... sau: Trước tiên, để trở hình chính, nhấp vào chữ Scene (nằm bên trái chữ tieu chi 3) Timeline Trong cửa sổ Scene 1, thu nhỏ vùng làm việc lại cách nhấp vào mũi tên hướng xuống trạng thái chọn