Học Adobe Flash CS4 Flash CS4 - Bài 16: Áp dụng color effect để tạo slideshow TTO - Trong này, bạn áp dụng Color Effect cho symbol tạo Motion Tween để tạo SlideShow cho loạt ảnh Các bước thực hành sau: Chuyển vùng làm việc mặc định Bạn bấm chọn vùng Essentials để chọn lại vùng làm việc mặc định Flash, tiếp đến bấm chọn Reset Essentials để khôi phục vùng làm việc mặc định bắt đầu vào thực hành 16 (Xem thực hành vùng làm việc) Tạo flash document (Xem thực hành tạo flash document) Lưu flash document (Xem thực hành lưu flash document) Chọn folder FLASH CS4 ONLINE, sau lưu file lại với tên 016_slideshow.fla Import loạt ảnh vào Stage 4.1 Chọn File > Import > Import to Stage… từ menu (Hoặc phím tắt Ctrl+R): 4.2 Hộp thoại Import xuất Di chuyển đến folder chứa ảnh cần import Giữ phím Ctrl, bấm chọn file ảnh Blue-hills.jpg, Sunset.jpg, Water-lilies.jpg, Winter.jpg (các file Học Adobe Flash CS4 đính kèm theo bài) Bấm nút Open để đóng hộp thoại lại (Xem thêm phần Xử lý ảnh Photoshop trước import vào Flash cuối bài): Bạn thu ảnh nằm Stage: 4.3 Rê chuột vào vùng ảnh chuột xuất mũi tên bốn chiều: Học Adobe Flash CS4 4.4 Bấm phím phải chuột cho xuất menu ngữ cảnh chọn Distribute to Layers: 4.5 Trên Timeline bạn thu bốn layer với tên tương ứng bốn ảnh Layer khơng cịn chứa đối tượng nên keyframe trắng Bạn tạm thời để Layer vị trí hữu để sử dụng phần cuối thực hành: Học Adobe Flash CS4 Thiết lập lại kích thước cho tác phẩm Lúc này, ảnh chọn, Property Inspector bạn thấy biểu tượng hình Bitmap Kích thước tác phẩm theo mặc định 550x400 pixel, kích thước ảnh 320x240 pixel: 5.1 Bấm chuột vào vùng trắng Stage để bỏ chọn ảnh: Học Adobe Flash CS4 5.2 Bấm vào nút Edit… bên phải mục Size Property Inspector: 5.3 Hộp thoại Document Properties xuất Bấm chọn nút Contents mục Match Kích thước tác phẩm thay đổi thành 320x240 pixel Bấm nút OK để đóng hộp thoại lại: Bạn thu kết sau: Học Adobe Flash CS4 Chuyển ảnh thành symbol 6.1 Bấm chọn keyframe layer Water-lilies.jpg: 6.2 Chọn Modify > Convert to Symbol… từ menu (Hoặc phím tắt F8): Học Adobe Flash CS4 6.3 Hộp thoại Convert to Symbol xuất Gõ tên Water-lilies vào ô Name, chọn Type Movie Clip, bấm nút OK để chấp nhận: 6.4 Bấm chọn keyframe layer Sunset.jpg: 6.5 Chọn Modify > Convert to Symbol… từ menu (Hoặc phím tắt F8): Học Adobe Flash CS4 6.6 Hộp thoại Convert to Symbol xuất Gõ tên Sunset vào ô Name, chọn Type Movie Clip, bấm nút OK để chấp nhận: 6.7 Bấm chọn keyframe layer Blue-hills.jpg: 6.8 Chọn Modify > Convert to Symbol… từ menu (Hoặc phím tắt F8): Học Adobe Flash CS4 6.9 Hộp thoại Convert to Symbol xuất Gõ tên Blue-hills vào ô Name, chọn Type Movie Clip, bấm nút OK để chấp nhận: 6.10 Bấm chọn keyframe layer Winter.jpg: 6.11 Chọn Modify > Convert to Symbol… từ menu (Hoặc phím tắt F8): Học Adobe Flash CS4 6.12 Hộp thoại Convert to Symbol xuất Gõ tên Winter vào ô Name, chọn Type Movie Clip, bấm nút OK để chấp nhận: Tạo Motion Tween cho layer Water-lilies.jpg 7.1 Bấm phím phải chuột vào keyframe layer Water-lilies.jpg cho xuất menu ngữ cảnh chọn Create Motion Tween: Học Adobe Flash CS4 7.2 Flash tạo motion tween với thời gian mặc định giây, đồng thời di chuyển Playhead đến frame 24: Bạn cần tạo keyframe cho frame 24 Bạn bấm phím mũi tên lên (Up), bấm phím mũi tên xuống (Down) Flash bổ sung keyframe cho frame 24, đồng thời vị trí Movie Clip khơng thay đổi bù trừ thao tác di chuyển phím mũi tên vừa Bạn sử dụng tùy chọn Alpha Color Effect Movie Clip Water-lilies chuyển tiếp từ trạng thái suốt (tương ứng với Alpha=0) sang trạng thái rõ hoàn toàn (tương ứng với Alpha=100) 7.3 Giữ phím Ctrl, bấm chọn keyframe đầu motion tween: Học Adobe Flash CS4 7.4 Bấm chọn vào Movie Clip Water-lilies Stage: 7.5 Chọn Alpha mục Style Color Effect Property Inspector: Học Adobe Flash CS4 7.6 Kéo trượt cho Alpha giá trị 0: Học Adobe Flash CS4 Lúc Movie Clip Water-lilies hoàn toàn suốt nên bạn nhìn thấy Movie Clip Sunset phía dưới: 7.7 Giữ phím Ctrl, bấm chọn keyframe cuối motion tween: Lúc này, symbol Stage dạng suốt bị ảnh hưởng từ giá trị Alpha=0 từ keyframe 1: Học Adobe Flash CS4 7.8 Chọn lại symbol Stage 7.8: Kéo trượt cho Alpha giá trị 100: Bạn thu kết symbol rõ nét: Học Adobe Flash CS4 7.9 Bạn giữ nguyên trạng thái rõ nét giây Chọn frame 72 layer Waterlilies.jpg: 7.10 Bấm phím tắt F6 để bổ sung keyframe: 7.11 Bạn thêm giây để chuyển tiếp từ ảnh sang ảnh khác Bấm chọn frame 96 layer Water-lilies.jpg: Học Adobe Flash CS4 7.12 Bấm phím tắt F6 để bổ sung keyframe: Ghi chú: keyframe frame 72 nhằm giúp bạn định vị dễ dàng di chuyển motion tween giới thiệu phần (còn tiếp) ... Movie Clip Water-lilies Stage: 7.5 Chọn Alpha mục Style Color Effect Property Inspector: Học Adobe Flash CS4 7.6 Kéo trượt cho Alpha giá trị 0: Học Adobe Flash CS4 Lúc Movie Clip Water-lilies hoàn... 1: Học Adobe Flash CS4 7.8 Chọn lại symbol Stage 7.8: Kéo trượt cho Alpha giá trị 100: Bạn thu kết symbol rõ nét: Học Adobe Flash CS4 7.9 Bạn giữ nguyên trạng thái rõ nét giây Chọn frame 72 layer... layer Water-lilies.jpg cho xuất menu ngữ cảnh chọn Create Motion Tween: Học Adobe Flash CS4 7 .2 Flash tạo motion tween với thời gian mặc định giây, đồng thời di chuyển Playhead đến frame 24 : Bạn