Bạn thu được chế độ xem hai ảnh: ảnh trên là ảnh gốc với kích thước 225K, ảnh dưới được tối ưu hóa dạng file GIF với kích thước 42.13K Bạn thay đổi dạng file bằng cách bấm vào menu xổ xuống bên phải, chọn dạng mới là JPEG:Dạng mới được chọn là JPEG với chất lượng thiết lập là High, Quality là 60. Ô Optimized được chọn như hình bên dưới. (Bạn có thể thử thay đổi các thông số và xem ảnh được cập nhật trước khi chọn các thông số bạn ưng ý)...
F- w y N O W ! h a n g e Vi e to k Hoặc thẻ khác chọn tùy theo thơng số thiết lập trước đó: Bạn chọn thẻ up để thiết lập chế độ xem ảnh lúc: ảnh gốc ảnh tối ưu hóa: d o o c m C lic o c u -tr a c k w w w d o m C lic k to Giáo trình Flash cs4 – sưu tầm từ website: www.tuoitre.vn w w w XC bu N y bu NHỮNG KỸ THUẬT PHƯƠNG PHÁP SỬ DỤNG PRELOADER ĐỂ TẠO CHUYỂN ĐỘNG TRONG FLASH er O W w PD h a n g e Vi e ! XC er PD F- c u -tr a c k c h a n g e Vi e N y to k Bạn thu chế độ xem hai ảnh: ảnh ảnh gốc với kích thước 225K, ảnh tối ưu hóa dạng file GIF với kích thước 42.13K Bạn thay đổi dạng file cách bấm vào menu xổ xuống bên phải, chọn dạng JPEG: Dạng chọn JPEG với chất lượng thiết lập High, Quality 60 Ơ Optimized chọn hình bên (Bạn thử thay đổi thơng số xem ảnh cập nhật trước chọn thông số bạn ưng ý) d o o c m C lic o c u -tr a c k w w w d o m C lic k to Giáo trình Flash cs4 – sưu tầm từ website: www.tuoitre.vn w w w w bu bu y N O W ! XC er O W F- w PD h a n g e Vi e ! XC er PD F- c u -tr a c k c h a n g e Vi e N y to k Để lưu ảnh với thông số thiết lập Bạn bấm nút Save: Hộp thoại Save Optimized As xuất Di chuyển đến folder cần lưu ảnh (ví dụ folder có tên save for flash), đặt tên file Blue-hills, mục Save as type bạn chọn Images Only (*.jpg) bấm nút Save để đóng hộp thoại lại: d o o c m C lic o c u -tr a c k w w w d o m C lic k to Giáo trình Flash cs4 – sưu tầm từ website: www.tuoitre.vn w w w w bu bu y N O W ! XC er O W F- w PD h a n g e Vi e ! XC er PD F- c u -tr a c k c h a n g e Vi e N y to k Trên Actions Panel, thao tác bạn ghi lại với tên gọi Export: Tiếp theo bạn thực thao tác đóng file lại Chọn File > Close từ menu (Hoặc phím tắt Ctrl+W): d o o c m C lic o c u -tr a c k w w w d o m C lic k to Giáo trình Flash cs4 – sưu tầm từ website: www.tuoitre.vn w w w w bu bu y N O W ! XC er O W F- w PD h a n g e Vi e ! XC er PD F- c u -tr a c k c Giáo trình Flash cs4 – sưu tầm từ website: www.tuoitre.vn Photoshop hỏi bạn có muốn lưu trước đóng file lại khơng Bạn chọn No để giữ nguyên gốc ảnh Trên Actions Panel, thao tác bạn ghi lại với tên gọi Close: Các thao tác thực xong Bấm nút Stop để ngưng việc ghi lại thao tác Giáo trình Flash cs4 – sưu tầm từ website: www.tuoitre.vn Bấm chọn lại action Resize and optimize Actions Panel: Chọn File > Automate > Create Droplet… từ menu: Giáo trình Flash cs4 – sưu tầm từ website: www.tuoitre.vn Hộp thoại Create Droplet xuất hiện: Photoshop đề nghị tạo droplet có tên gọi resize and optimize.exe lưu Destop Bạn bấm nút OK để chấp nhận bấm nút Choose… để lưu nơi khác Giáo trình Flash cs4 – sưu tầm từ website: www.tuoitre.vn Khi hộp thoại Save xuất Bạn di chuyển đến nơi cần lưu droplet, đặt tên bấm nút Save Trong thực hành bạn lưu droplet Destop Photoshop tạo droplet với biểu tượng mũi tên xanh có chữ Ps hình minh họa: Giả sử sưu tập ảnh bạn lưu folder my images để sẵn Destop Bạn dùng chuột kéo folder thả lên droplet vừa Photoshop tạo ra: Giáo trình Flash cs4 – sưu tầm từ website: www.tuoitre.vn Photoshop kích hoạt, ảnh folder my images xử lý Nếu để ý, bạn thấy Actions Panel xuất thông tin Droplet hoạt động: Sau vài giây bạn thu sưu tập ảnh xử lý chứa folder save for flash tạo trước đó, sẵn sàng đưa vào Flash để tạo slideshow: Giáo trình Flash cs4 – sưu tầm từ website: www.tuoitre.vn Flash CS4 - Bài thực hành 18: tạo bướm bay lượn (Phần 1) TTO - Trong này, bạn tạo bướm bay lượn quanh stage, dừng lại lúc bay 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 19 (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 019_buom_bay.fla Import hình bướm 4.1 Chọn File > Import > Import to Stage… từ menu (Hoặc bấm phím tắt Ctrl+R): Giáo trình Flash cs4 – sưu tầm từ website: www.tuoitre.vn 5.41 Bạn chuyển thân râu bướm thành symbol Bấm chọn keyframe Layer Timeline: Thân râu bướm chọn: Giáo trình Flash cs4 – sưu tầm từ website: www.tuoitre.vn 5.42 Chọn Modify > Convert to Symbol… từ menu (Hoặc phím tắt F8): 5.43 Ở hộp thoại Convert to Symbol bạn gỏ than buom vào ô Name, chọn Type Movie Clip, Registration bấm OK: 5.44 Bạn mở Layer tắt Layer từ Timeline: Giáo trình Flash cs4 – sưu tầm từ website: www.tuoitre.vn Bạn nhìn thấy hình cánh bướm thân bướm vừa vẽ Stage: 5.45 Bạn kéo thành hình chữ nhật để qt chọn tồn bộ: Giáo trình Flash cs4 – sưu tầm từ website: www.tuoitre.vn 5.46 Bạn chuyển toàn thành symbol Chọn Modify > Convert to Symbol từ menu (Hoặc phím tắt F8): 5.47 Ở hộp thoại Convert to Symbol, bạn gỏ buom vào ô Name, chọn Type Movie Clip, Registration bấm OK: Giáo trình Flash cs4 – sưu tầm từ website: www.tuoitre.vn 5.48 Bạn thu movie clip symbol buom Layer 3: 5.49 Bạn xóa Layer Layer 2, giữ lại Layer 3: 5.50 Chọn View > Zoom Out từ menu (Hoặc phím tắt Ctrl+-): Stage thu nhỏ lại cũ với bướm giữa: Giáo trình Flash cs4 – sưu tầm từ website: www.tuoitre.vn Flash CS4 - Bài thực hành 18: tạo bướm bay lượn (phần 2) TTO - Tiếp tục học Flash CS4 với phần thực hành tạo bướm bay lượn Cho bướm bay lượn 6.1 Bấm chọn bướm stage: 6.2 Bạn thu nhỏ kích thước bướm lại cách gỏ số 70 trực tiếp vào ô W Property Inspector Lưu ý: bạn phải chọn giữ ngun tỉ lệ cách bấm chọn móc xích bên trái W: Giáo trình Flash cs4 – sưu tầm từ website: www.tuoitre.vn 6.3 Kéo bướm xuống góc bên trái, ngồi stage: 6.4 Bấm phím phải chuột vào keyframe Timeline cho xuất menu ngữ cảnh chọn Create Motion Tween: Giáo trình Flash cs4 – sưu tầm từ website: www.tuoitre.vn Flash tạo Motion Tween mặc định giây di chuyển playhead đến frame 24: 6.5 Bạn kéo bướm lên góc bên phải hình minh họa: Giáo trình Flash cs4 – sưu tầm từ website: www.tuoitre.vn 6.6 Flash bổ sung keyframe frame 24 Bạn điều chỉnh cho thời gian kéo dài giây Đưa chuột vào keyframe 24 Khi chuột chuyển thành mũi tên hai chiều, kéo keyframe sang phải đến frame 72: Bạn thu vị trí keyframe: 6.7 Motion path đường thẳng Bạn chuyển Motion path thành đường cong Rê chuột vào Motion path đến phía chuột xuất đường cong: 6.8 Đẩy chuột lên để uống cong motion path: Giáo trình Flash cs4 – sưu tầm từ website: www.tuoitre.vn 6.9 Chọn frame 55 Timeline: 6.10 Bạn kéo bướm đến vị trí hình minh họa: Giáo trình Flash cs4 – sưu tầm từ website: www.tuoitre.vn Motion path chuyển thành đường cong uốn lượn: 6.11 Lúc bạn xem thử thấy bướm di chuyển khơng lượn theo đường cong Bạn chọn motion tween: Giáo trình Flash cs4 – sưu tầm từ website: www.tuoitre.vn 6.12 Bấm chọn vào ô Orient to path Property Inspector: Timeline cập nhật với keyframe motion tween: 6.13 Lúc bạn xem thử thấy bướm lượn theo đường cong chưa hoàn chỉnh Bạn xoay bướm theo hướng motion path Chọn keyframe timeline: 6.14 Chọn Free Transform Tool từ cơng cụ: Giáo trình Flash cs4 – sưu tầm từ website: www.tuoitre.vn 6.15 Đưa chuột xoay bướm theo hướng motion path: Lúc bạn xem thử thấy bướm lượn theo đường cong hoàn chỉnh 6.16 Bạn cho bướm dừng giây sau bay khỏi stage Chọn frame 120: 6.17 Bấm phím tắt F5 để bổ sung frame: Giáo trình Flash cs4 – sưu tầm từ website: www.tuoitre.vn Lúc bạn xem thử thấy bướm lượn theo đường cong hoàn chỉnh dừng lại giây Tiếp theo bạn cho bướm bay khỏi Stage 6.18 Chọn Edit > Copy từ menu (Hoặc phím tắt Ctrl+C) để copy vị trí hữu bướm: 6.19 Chọn frame 121 Timeline: 6.20 Chọn Insert > Timeline > Blank Keyframe (Hoặc phím tắt F7)để thêm frame trắng frame 121: 6.21 Chọn Edit> Paste in Place (Hoặc phím tắt Ctrl+Shift+V) để dán bướm vị trí lúc nãy: Giáo trình Flash cs4 – sưu tầm từ website: www.tuoitre.vn 6.23 Bấm phím phải chuột vào bướm cho xuất menu ngữ cảnh chọn Create Motin Tween: 6.24 Lần bạn cho bướm bay nhanh Chọn frame 170 timeline: 6.25 Bấm phím tắt F6 để thêm keyframe: ... for flash tạo trước đó, sẵn sàng đưa vào Flash để tạo slideshow: Giáo trình Flash cs4 – sưu tầm từ website: www.tuoitre.vn Flash CS4 - Bài thực hành 18: tạo bướm bay lượn (Phần 1) TTO - Trong. .. Essentials để khôi phục vùng làm việc mặc định bắt đầu vào thực hành 19 (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. .. 4.2 Trong hộp thoại Import, trỏ đến file buom.jpg bấm nút Open: (file buom.jpg đính kèm theo để sử dụng) : Bạn thu ảnh bướm nằm hình, lúc ảnh chọn với khung màu xanh bao quanh: Giáo trình Flash