THẾ GIỚI ĐIỆN TỬ VÀ TIN HỌC - GIÁO TRÌNH ĐIỆN TỬ HƯỚNG DẪN CÀI ĐẶT Một số giao diện trên đóa CD-ROM được thiết kế bằng Flash nên nếu bạn không có Flash 5 kết quả không hiển thò. Các bạn cần phải cài đặt chương trình Flash hay Flash Player để có thể xem được các hình ảnh động này. Để cài đặt Flash Player chúng ta tiến hành như sau Chọn Start > Run Cửa sổ Run xuất hiện Nhấp chuột vào nút Browse chỉ đường dẫn tới chương trình cài đặt trên đóa CD-ROM. Cửa sổ Browse xuất hiện. Nhấp chuột vào mũi tên hướng xuống trong mục Look in chỉ đường dẫn tới chương trình cài đặt FlashPlayer trong thư mục Chuong trinh\Flash Player 5 trên ổ đóa CD-ROM TỦ SÁCH STK (ĐT 088334168-0903728344) BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 16 Giáo trình hình thành ứng dụng cơng cụ tạo ra các biểu tượng chuyển động trên thanh thước timeline . THẾ GIỚI ĐIỆN TỬ VÀ TIN HỌC - GIÁO TRÌNH ĐIỆN TỬ HƯỚNG DẪN CÀI ĐẶT Nhấp đúp chuột vào thư mục Flash Player 5 hay chọn Flash Player 5 sau đó nhấp chuột vào nút Open. Lần lượt cài đặt InstallAXFlash5 và flash32, nhấp đúp vào InstallAXFlash5 hay chọn InstallAXFlash5 sau đó nhấp chuột vào nút Open. TỦ SÁCH STK (ĐT 088334168-0903728344) BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 17 . . THẾ GIỚI ĐIỆN TỬ VÀ TIN HỌC - GIÁO TRÌNH ĐIỆN TỬ HƯỚNG DẪN CÀI ĐẶT Cửa sổ Run xuất hiện trở lại, nhấp OK để tiếp tục. Cửa sổ Flash 5 ActivexX Control Installer xuất hiện, nhấp chuột vào nút Yes để tiếp tục. Cửa sổ Flash 5 ActivexX Control Installer xuất hiện với thông báo tiến trình cài đặt đã xong. Nhấp chuột vào nút OK để kết thúc tiến trình cài đặt. Bước kế tiếp tiếp tục cài đặt flash32. Nhấp đúp chuột vào flash32 trong cửa sổ Browse hay nhấp chuột chọn flash32 sau đó nhấp chuột vào nút Open. Cửa sổ Run xuất hiện. Nhấp chuột vào nút OK để tiếp tục. Cửa sổ Installing Flash Player xuất hiện TỦ SÁCH STK (ĐT 088334168-0903728344) BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 18 . . THẾ GIỚI ĐIỆN TỬ VÀ TIN HỌC - GIÁO TRÌNH ĐIỆN TỬ HƯỚNG DẪN CÀI ĐẶT Nhấp chuột vào nút Next để tiếp tục. Cửa sổ Director Not found xuất hiện (Do máy bạn chưa cài đặt Flash) Nhấp chuột vào nút Install để tiế p tu ï c Nhấp chuột vào nút Continue để tiếp tục TỦ SÁCH STK (ĐT 088334168-0903728344) BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 19 . . THẾ GIỚI ĐIỆN TỬ VÀ TIN HỌC - GIÁO TRÌNH ĐIỆN TỬ HƯỚNG DẪN CÀI ĐẶT Nếu chương trình không có trình duyệt Netscape , một thông báo xuất hiện, nhấp chuột vào nút OK để tiếp tục Nhấp chuột vào nút OK để chấm dứt tiến trình cài đặt. TỦ SÁCH STK (ĐT 088334168-0903728344) BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 20 . . GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 9 CÁCH TẠO RA CÁC ẢNH CHUYỂN ĐỘNG ANIMATION TỔNG QUAN VỀ CÁCH TẠO RA CÁC ANIMATION Bạn tạo ra các Animation bằng cách thay đổi nội dung của frame liên tiếp nhau. Bạn có thể tạo đối tượng di chuyển ngang qua vùng Stage, thay đổi kích thước, hướng xoay, màu sắc, hình dạng và cách làm cho đối tượng vào hay ra mờ dần (Fade In hay Fade Out). Những thay đổi này có thể xảy ra độc lập nhau hoặc kết hợp với những sự thay đổi khác. Ví dụ, bạn có thể tạo cho đối tượng xoay và khi nó di chuyển vào ngang qua vùng Stage mờ dần. Có hai cách để tạo ra một đối tượng Animation chuyển động liên tiếp trong Flash: chuyển động Animation theo frame-by-frame và Tweened Animation. Trong cách chuyển động Animation theo frame-by-frame, bạn phải tạo ra ảnh trong mỗi frame. Trong cách chuyển động theo Tweened Animation, bạn có thể tạo ra frame bắt đầu và frame kết thúc và cho phép Flash tạo ra nhiều frame trong khoảng giữa frame đầu và frame cuối này. Flash thay đổi kích thước, hướng xoay, màu sắc hoặc các thuộc tính khác ngang nhau giữa frame đầu và frame cuối để tạo ra ảnh thay đổi chuyển động về hình dáng. Cách chuyển động theo Tweened Animation là một cách có hiệu quả để tạo ra ảnh chuyển động và thay đổi liên tục trong khi đó kích thước file rất nhỏ. Trong cách chuyển động Tweened Animation này, Flash chỉ lưu lại các giá trò thay đổi giữa các frame. Trong cách chuyển động Animation theo frame-by-frame, Flash lưu lại các giá trò cho mỗi frame kết thúc. Để biết thêm cách hướng dẫn tạo ra ảnh chuyển động Animation này, bạn hãy tham khảo thêm tài liệu “ GIÁO TRÌNH THIẾT KẾ WEB : PHẦN THỰC HÀNH - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH” cùng tác giả . Chú ý : Ngoài ra bạn cũng có thể tạo ảnh chuyển động Animation bằng cách dùng Set Property action. Bạn có thể xem mục ActionScript Help để biết thêm chi tiết. CÁCH TẠO RA CÁC KEYFRAME Một keyframe là một frame mà nơi đó bạn thay đổi quá trình chuyển động Animation. Khi bạn tạo ra ảnh chuyển động Animation theo cách frame-by-frame, mỗi frame là một keyframe. Trong keyframe chuyển động theo cách Tweened Animation, bạn phải xác đònh tại những điểm quan trọng trong quá trình chuyển động và cho phép Flash tạo ra nội dung giữa các frame. Flash hiển thò các frame bổ sung của chế độ Tweened Animation như các màu xanh nhạt, xanh đậm có mũi tên vẽ giữa các keyframe. Flash sẽ vẽ lại hình dáng của đối tượng trong mỗi keyframe. Bạn chỉ nên tạo ra các keyframe tại những điểm đó trong ảnh thay đổi. Các Keyframe được xác đònh trong thanh thước Timeline : một keyframe có một vòng tròn đặt trên đó cho biết keyframe đó đang chứa dữ liệu và một keyframe trống thể hiện một đường thẳng đứng trước một frame. Các frame thêm vào sau đó trên cùng một layer sẽ có cùng một dữ liệu như keyframe. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 191 . GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 9 Keyframe có chứa dữ liệu Keyframe trống  Cách tạo ra một keyframe, bạn có thể chọn một trong những bước sau đây: • Chọn một frame trong thanh thước Timeline và chọn trên trình đơn Insert > Keyframe . • Nhấp phải chuột (trong Windows) hoặc nhấp Control (trong Macintosh) tại một frame trong thanh thước Timeline và chọn lệnh Insert Keyframe có trong trình đơn. CÁC BIỂU TƯNG CHUYỂN ĐỘNG ANIMATION TRÊN THANH THƯỚC TIMELINE Flash phân biệt chế độ chuyển động Tweened Animation với chế độ chuyển động frame-by-frame trong thanh thước Timeline như sau:  Các keyframe chuyển động theo chế độ Tweening là Motion được xác đònh bằng dấu chấm đen và các frame Tween ở giữa liên tục và hai đầu có mũi tên màu đen cùng với nền Background có màu xanh nhạt.  Các Keyframe chuyển động theo chế độ Tweening là Shape được xác đònh bằng dấu chấm đen và các frame Tween ở giữa liên tục và hai đầu có mũi tên màu đen cùng với nền Background có màu xanh lá cây. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 192 . GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 9  Một đường gạch cho biết các keyframe cuối cùng đang bò thiếu.  Một keyframe đơn độc được xác đònh bằng một dấu chấm đen. Các frame có màu xám sáng sau một keyframe có chứa cùng dữ liệu và có một đường màu đen, một hình chữ nhật nhỏ rỗng ở frame cuối cùng.  Một chữ a nhỏ chỉ ra rằng frame đó đã được gán một Action (hành động) trong bảng Actions.  Một lá cờ màu đỏ cho biết frame đó có lời chú thích và frame đó có tên. CÁC LAYER TRONG ANIMATION Mỗi Scene trong Flash movie có thể gồm có nhiều Layer. Khi bạn tạo ảnh chuyển động, bạn dùng các Layer để sắp xếp các thành phần của một trình tự chuyển động và tách biệt các đối tượng chuyển động vì vậy chúng không xoá, kết nối hoặc phân rã lẫn nhau. Nếu bạn làm Flash chuyển động nhiều nhóm hoặc các Symbol cùng lúc, mỗi đối tượng phải ở trên từng Layer độc lập. Đặc biệt, Layer Background là một ảnh tónh, các Layer bổ sung chỉ chứa một đối tượng chuyển động độc lập với nhau. Các Layer xuất hiện thành hàng trong thanh thước Timeline Khi một đoạn phim có nhiều Layer, Track và hiệu chỉnh các đối tượng trong một hay nhiều Layer trở nên rất khó khăn. Công việc này trở nên dễ dàng nếu bạn làm việc với trên một dữ liệu trong từng Layer tại lúc nào đó. TỐC ĐỘ FRAME Một tốc độ frame quá chậm có thể làm cho ảnh chuyển động không liên tục. Đối với tốc độ frame quá nhanh có thể làm mờ chi tiết chuyển động. Một tốc độ frame 12 frame trên một giây (fps) thường cho kết quả tốt nhất khi xuất đoạn phim trên trang Web. Đoạn phim QuickTime và AVI movies có một tốc độ chung là 12 fps trong khi đó tốc độ ảnh chuyển động chuẩn là 24 fps. Độ chuyển động phức tạpï và tốc độ của máy tính đều ảnh hưởng đến tốc độ phát lại của đoạn phim. Kiểm tra đoạn phim chuyển động của bạn trên nhiều máy khác nhau để xác đònh tốc độ tối ưu cho các frame. Vì bạn chỉ xác đònh một tốc độ frame cho toàn đoạn phim Flash Movie, đó là một cách thiết lập tỉ lệ tốt nhất trước khi bạn bắt đầu tạo ra ảnh chuyển động. MỞ RỘNG ẢNH Khi bạn tạo ra một ảnh nền Background chuyển động, điều đó rất cần thiết cho việc tạo ra một ảnh tónh trong nhiều frame. Việc thêm vào các frame mới (không phải là keyframe) vào một Layer sẽ làm tăng kích thước dữ liệu của frame cuối trong tất cả các frame mới. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 193 . GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 9  Mở rộng ảnh trong nhiều frame: 1. Tạo một ảnh trong keyframe đầu tiên của đoạn phim. 2. Chọn một frame bên phải, tại vò trí frame cuối mà bạn muốn thêm vào. 3. Chọn trình đơn Insert > Frame .  Dùng một Shortcut để mở rộng ảnh: 4. Tạo một ảnh trong keyframe đầu tiên. 5. Nhấn phím Alt và nhấp chuột vào keyframe sang phải. Điều này sẽ tạo ra một vùng mở rộng mới mà không cần một keyframe mới tại điểm cuối. TỔNG QUAN VỀ CHẾ ĐỘ CHUYỂN ĐỘNG TWEENED ANIMATION Flash có thể tạo ra 2 loại chuyển động của Tweened Animation.  Chế độ Motion Tweening , bạn phải xác đònh các thuộc tính như vò trí, kích thước và hướng xoay cho một Instance, Group hoặc khối ký tự tại một điểm và sau đó bạn thay đổi các thuộc tính này tại một điểm khác.  Chế độ Shape Tweening , bạn phải vẽ đối tượng tại một điểm và sau đó bạn thay đổi hình dạng hoặc vẽ một đối tượng khác tại một điểm khác. Flash sẽ thêm vào các giá trò hoặc hình dạng cho các frame giữa, tạo ra chuyển động. TẠO CHUYỂN ĐỘNG (TWEEN) CHO CÁC INSTANCE, NHÓM (GROUP) VÀ KÝ TỰ (TYPE) Để làm thay đổi các thuộc tính của các Instance, nhóm và ký tự, bạn sử dụng chế độ chuyển động Motion Tweening. Flash có thể thay đổi vò trí, kích thước, hướng xoay và kéo xiên các Instance, nhóm hoặc ký tự. Ngoài ra, Flash có thể thay đổi màu của Instance và ký tự, tạo ra sự chuyển đổi màu từ từ hoặc tạo ra một Instance ở chế độ vào hoặc ra mờ dần. Để thay đổi màu của các nhóm hoặc ký tự, bạn phải tạo cho chúng trở thành các Symbol. Bạn có thể xem mục “Cách tạo ra các Symbol” để biết thêm chi tiết. Nếu bạn thay đổi số frame giữa hai keyframe hoặc di chuyển nhóm hoặc Symbol trong keyframe, Flash sẽ tự động tween các frame này một lần nữa.  Bạn có thể tạo ra chế độ chuyển động Motion Tweening dùng một trong hai cách sau:  Cách Thứ Nhất : Tạo ra keyframe đầu và keyframe kết thúc cho quá trình chuyển động và dùng tùy chọn Motion trong mục Tweening từ bảng Frame Properties. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 194 . GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 9  Cách Thứ Hai : Tạo ra keyframe chuyển động đầu tiên và sau đó chọn trên trình đơn Insert > Create Motion Tween và di chuyển đối tượng đến vò trí mới trong vùng. Flash sẽ tự động tạo ra keyframe kết thúc. Khi thay đổi vò trí, bạn có thể tạo cho đối tượng di chuyển dọc theo một đường dẫn phi tuyến (Nonlinear Path). Ảnh ví dụ con ong tại frame thứ hai, ba và thứ tư là kết quả chuyển động từ keyframe đầu đến keyframe cuối cùng  Tạo một ảnh chuyển động Motion Tween dùng tùy chọn Motion trong mục Tweening: 1. Nhấp chuột vào tên của Layer để kích hoạt nó trở thành Layer hiện hành và sau đó chọn một Keyframe trống trong Layer nơi bạn muốn tạo vùng chuyển động bắt đầu. 2. Tạo một Instance, nhóm hay một khối ký tự trong vùng Stage hoặc kéo một Instance của một Symbol trong cửa sổ thư viện Library. Để chuyển động đối tượng đã vẽ, bạn phải chuyển đổi đối tượng đó trở thành một Symbol. 3. Tạo keyframe thứ hai (keyframe kết thúc), nơi bạn muốn vùng chuyển động kết thúc bằng cách dùng chuột nhấp vào xác đònh vò trí frame cuối cùng. Sau đó bạn nhấp phải chuột chọn lệnh Insert Blank Keyframe có trong trình đơn để thêm vào các keyframe trống cho đoạn phim. Xác đònh vò trí frame cuối Chọn lệnh Insert Blank Keyframe TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 195 . . 5 trên ổ đóa CD-ROM TỦ SÁCH STK (ĐT 088334168-0903728344) BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 16 Giáo trình hình thành ứng dụng cơng cụ tạo ra các biểu tượng chuyển động trên thanh thước timeline . THẾ. CÁCH TẠO RA CÁC ẢNH CHUYỂN ĐỘNG ANIMATION TỔNG QUAN VỀ CÁCH TẠO RA CÁC ANIMATION Bạn tạo ra các Animation bằng cách thay đổi nội dung của frame liên tiếp nhau. Bạn có thể tạo đối tượng. tiết. CÁCH TẠO RA CÁC KEYFRAME Một keyframe là một frame mà nơi đó bạn thay đổi quá trình chuyển động Animation. Khi bạn tạo ra ảnh chuyển động Animation theo cách frame-by-frame, mỗi frame là