Học Adobe Flash CS4 Bài 16: Tìm hiểu Preloader TTO - Áp dụng color effect để tạo slideshow (Phần lý thuyết bổ sung cho thực hành) Nếu bạn truy cập Internet máy sử dụng đường truyền có tốc độ chậm, thơng thường bạn phải chờ lúc thấy đủ nội dung trang web cần xem Nếu trang web có sử dụng Flash, bạn thấy khung màu trắng xuất hiện, sau lúc thấy nội dung Flash lên khung Để giúp cho người truy cập đỡ sốt ruột xem phải trang web có Flash mà phải chờ lâu, bạn sử dụng preloader Preloader thường Movie Clip có kích thước thật nhỏ đặt keyframe đầu Flash document Do có kích thước nhỏ nên preloader tải chạy ngay, phần khác tác phẩm tải dần máy người xem Trong thực hành trước, preloader bạn Movie Clip chứa vòng tròn xoay liên tục Như vậy, khách truy cập vào trang web chứa Flash bạn, preloader tải vòng trịn xoay liên tục để thơng báo cho khách biết tác phẩm tải Ưu điểm preloader khách truy cập phải chờ lúc cho trình duyệt tải ảnh đầu, lúc Flash play ảnh đầu ảnh sau tiếp tục tải play tiếp Bạn tạo preloader phức tạp thực hành có sử dụng actionscript sau Khi bạn biên soạn Flash máy, nội dung Flash movie thu máy bạn nên bạn thấy kết mà khơng nhìn thấy hiệu ứng preloader: Học Adobe Flash CS4 Để thấy hiệu ứng preloader bạn chọn View > Simulate Download từ menu (hoặc phím tắt Ctrl+Enter): Lưu ý: Bạn phải chọn từ menu Flash Player lúc bạn xem tác phẩm chạy Simulate Download giúp bạn giả lập đường truyền có tốc độ thấp để thấy hình ảnh preloader hoạt động Khi bạn thấy vịng trịn preloader xoay liên tục, sau thấy hoạt động slideshow: Học Adobe Flash CS4 Bạn thay đổi thơng số giả lập tốc độ đường truyền thông qua menu View > Download Settings Trong ảnh minh họa, thông số chọn modem quay số loại 56K (4.7KB/s) Ngoài thông số giả lập tốc độ đường truyền mặc định, bạn tự thiết lập thơng số thơng qua tùy chọn Customize… Bạn điền thông tin vào ô tương ứng Menu text Bit rate bấm nút OK để chấp nhận giá trị Học Adobe Flash CS4 Bạn xem thông tin chi tiết tác phẩm thông qua mục View > Bandwidth Profiler từ menu: Trong ví dụ này, ô bên trái bạn có thông tin sau đây: - Dim: 320x240pixels: kích thước tác phẩm bạn tính theo pixel - Fr rate: 24.0 fr/sec: tốc độ hoạt động tác phẩm 24 khung hình/ giây - Size: 93 KB (95865 B): kích thước file chiếm ổ cứng Học Adobe Flash CS4 - Duration: 286 fr (11.9s): độ dài tác phẩm tính theo frame giây - Preload: 332 fr(13.8s): tổng thời gian bạn phải chờ đến Flash bắt đầu play Giá trị thay đổi phụ thuộc vào tốc độ giả lập mà bạn chọn - Bandwidth: 4800B/s (200B/fr): tốc độ đường truyền giả lập - Frame: 1: frame hành - Loaded:46.9 % (0 frames): % liệu tải về, giá trị thay đổi liên tục xem Ở khung bên phải bạn thấy kích thước frame Ví dụ frame có kích thước khoảng 2KB, frame có kích thước khoảng 64KB Các frame có kích thước nhỏ Các frame có kích thước vượt q vạch màu đỏ bị chậm lại tải lần đầu Trong ví dụ này, frame bị chậm lại tải về, kết bạn thấy preloader xoay liên tục Flash chạy đến Sau tải xong, Flash chạy qua frame đến frame sau, đồng thời tiếp tục tải frame khác Các ô màu xanh thể frame tải Ơ frame Flash tải nội dung frame chưa xong Khi Flash tải xong frame nào, ô màu xanh lan tỏa đến frame Hình tam giác màu xanh Playhead Nếu để ý, bạn thấy Playhead hoạt động theo tốc độ thiết lập Khi đến frame có kích thước lớn, playhead dừng lại chờ flash tải nội dung frame Sau playhead tiếp tục di chuyển theo tốc độ thiết lập ô màu xanh lan tỏa nhanh sang phải Học Adobe Flash CS4 Nếu bạn khơng nhìn thấy frame hình minh họa Đó tùy chọn Streaming Graph chọn trước đó: (chọn View > Streaming Graph từ menu) Học Adobe Flash CS4 Như để đảm bảo nhìn thấy kích thước frame, bạn phải chọn View > Frame By Frame Graph từ menu: Học Adobe Flash CS4 Tìm hiểu Bitmap Properties Khi bạn bấm đúp vào biểu tượng bitmap Library, hôp thoại Bitmap Properties xuất hiện: Bên trái hộp thoại khung Preview ảnh Nếu ảnh có kích cỡ lớn, bạn đưa chuột vào khung Preview, chuột biến thành bàn tay bạn kéo chuột để chuyển đến vùng ảnh cần xem Ở khu vực chứa thơng tin ảnh: Ơ tên ảnh Library, bạn đổi tên cho phù hợp với nội dung ảnh Phía tên đường dẫn chứa ảnh Tiếp đến ngày cập nhật, kích thước ảnh Học Adobe Flash CS4 Mục Allow smoothing: chọn mục giúp ảnh trông mượt Thông thường bạn không thay đổi kích cỡ ảnh (scale) khơng cần chọn mục Nếu có thay đổi kích cỡ để tạo animation nên chọn mục để giúp làm mượt vùng bị cưa hiệu ứng scale Mục Compression: Chọn cách nén ảnh Có hai phương án: Photo (JPEG): phương án có tùy chọn bổ sung cho mục chất lượng (Quality) là: 1.1 Use imported JPEG data: sử dụng chất lượng ảnh gốc, không cần nén thêm Nếu ảnh gốc khơng phải dạng JPEG mục Use publish setting:80 Học Adobe Flash CS4 1.2 Custom: thiết lập thông số nén theo ý bạn Bạn gỏ số vào ô Custom bấm nút Test để xem thử chất lượng ảnh khung Preview bên trái Kích thước ảnh sau nén thể dòng cuối hộp thoại bao gồm chất lượng nén, kích thước gốc kích thước sau nén Mục Enable deblocking xuất bạn chọn Custom xuất tác phẩm cho Flash Player 10 Khi nén cao (gía trị Custom nhỏ) chất lượng ảnh giảm xuất ô mờ ảnh Bạn chọn mục Enable deblocking để làm mượt ô Lossless (PNG/GIF): Bạn bấm chọn menu xổ xuống chọn mục muốn áp dụng chế độ nén không suy giảm chất lượng: Bấm nút Test để xem thử kết khung Preview xem kích thước file sau nén dòng cuối hộp thoại: Học Adobe Flash CS4 Bấm nút OK để chấp nhận thông số Bấm nút Cancel để hủy bỏ thay đổi Bấm nút Update để cập nhật ảnh bạn dùng Photoshop phần mềm đồ họa chỉnh sửa ảnh gốc Bấm nút Import… để sử dụng ảnh thay cho ảnh hữu (như thực hành) Bấm nút Test để xem thử kết khung Preview Bấm nút Advanced để thiết lập thông số nâng cao (Sẽ giới thiệu thực hành nâng cao)  ... tính theo pixel - Fr rate: 24.0 fr/sec: tốc độ hoạt động tác phẩm 24 khung hình/ giây - Size: 93 KB (95865 B): kích thước file chiếm ổ cứng Học Adobe Flash CS4 - Duration: 286 fr (11 .9s): độ dài... View > Streaming Graph từ menu) Học Adobe Flash CS4 Như để đảm bảo nhìn thấy kích thước frame, bạn phải chọn View > Frame By Frame Graph từ menu: Học Adobe Flash CS4 Tìm hiểu Bitmap Properties... lượng (Quality) là: 1. 1 Use imported JPEG data: sử dụng chất lượng ảnh gốc, không cần nén thêm Nếu ảnh gốc khơng phải dạng JPEG mục Use publish setting:80 Học Adobe Flash CS4 1. 2 Custom: thiết