06/06/2010 15:33 GMT+7

Flash CS4 - Bài 17: sử dụng Motion presets để tạo slideshow (Phần lý thuyết bổ sung cho thực hành)

GV TRƯƠNG VĂN NĂNGCông ty TNHH Khải Thiên (KTC Co., Ltd)
GV TRƯƠNG VĂN NĂNGCông ty TNHH Khải Thiên (KTC Co., Ltd)

TTO - Xử lý ảnh bằng Photoshop trước khi import vào Flash.

Thông thường, các ảnh chụp có kích thước lớn. Nếu bạn import trực tiếp vào Flash để tạo slideshow sẽ làm tác phẩm của bạn có kích thước lớn, gây khó khăn cho người xem vì phải chờ trình duyệt tải về.

Có nhiều cách để làm giảm kích thước ảnh. Trong bài 16 bạn sử dụng Photoshop CS4 để thực hiện theo cách thủ công áp dụng cho từng tấm ảnh. Trong bài này bạn sẽ tạo một droplet để thực hiện tự động cho hàng loạt ảnh.

Droplet là một file exe do Photoshop tạo ra. Droplet giúp bạn thực hiện hàng loạt các thao tác đã được ghi lại thành Action trong Photoshop. Các bước thực hiện như sau:

Sau khi đã chạy chương trình Photoshop CS4, bạn chọn File Open… từ menu để mở ảnh cần xử lý:

MhpxFipK.jpgPhóng to

Hộp thoại Open xuất hiện. Bạn chuyển đến vị trí file ảnh cần xử lý, bấm chọn file (ví dụ Blue hills.jpg) và bấm nút Open:

VL3gnqkt.jpgPhóng to

Phần tiếp theo, bạn sẽ sử dụng Action để lưu lại các bước thực hiện. Sau đó thực hiện tự động việc làm giảm kích thước và tối ưu hóa hàng loạt ảnh cho một folder.

Chọn Window Actions từ menu (Hoặc phím tắt Alt+F9):

cxmNkttN.jpgPhóng to

Actions Panel xuất hiện. Bấm vào nút Create new action:

KYQqh8YJ.jpgPhóng to

Hộp thoại New Action xuất hiện với tên mặc định là Action 1:

SJqCnfi5.jpgPhóng to

Bạn gõ tên Resize and optimize vào ô Name và bấm nút Record để bắt đầu ghi lại các thao tác:

wa0ILtF8.jpgPhóng to

Trên Actions Panel xuất hiện action mới có tên Resize and optimize đang được chiếu sáng và nút Record màu đỏ đang hoạt động:

O7K8attN.jpgPhóng to

Bạn bắt đầu thực hiện các thao tác như sau:

Để làm giảm kích thước file, bạn chọn Image Image Size… từ menu:

963amE1m.jpgPhóng to

Hộp thoại Image Size xuất hiện:

jyCCNOwS.jpgPhóng to

Bạn chỉnh lại thông số như sau: gõ giá trị 320 vào ô Width, lúc này giá trị ô Height sẽ thay đổi theo vì mục Constrain Proportions đang được chọn. Nếu muốn thay đổi độc lập các giá trị này, bạn bỏ chọn mục Constrain Proportions. Ở mục Resample Image, bạn bấm cho menu xổ xuống và chọn Bicubic Sharper (best for reduction) (Bạn chọn mục này để giúp ảnh sắc nét hơn khi giảm kích thước):

RiYQmyZ2.jpgPhóng to

Bạn thiết lập thông số mới cho ảnh xong và bấm OK để đóng hộp thoại:

LFg4PuCb.jpgPhóng to

Trên Actions Panel, thao tác của bạn đã được ghi lại với tên gọi là Image Size:

toIRnp2Y.jpgPhóng to

Tiếp theo, bạn sẽ tối ưu hóa và lưu ảnh. Bạn chọn File Save for Web & Devices từ menu:

dNvdx1Ag.jpgPhóng to

Hộp thoại Save for Web & Devices xuất hiện:

Thẻ 2-up và các thông số bên phải là JPEG High đang được chọn do Photoshop ghi nhớ tùy chọn này trước đó:

4CuJHsuE.jpgPhóng to

Hoặc một thẻ khác được chọn tùy theo thông số thiết lập trước đó:

7TOZnZPb.jpgPhóng to

Bạn chọn thẻ 2 up để thiết lập chế độ xem 2 ảnh một lúc: một ảnh gốc và một ảnh được tối ưu hóa:

2yDCWwO3.jpgPhóng to

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:

KMZ0Xa2M.jpgPhóng to

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 ý)

uTFZ8CYC.jpgPhóng to

Để lưu ảnh với các thông số được thiết lập. Bạn bấm nút Save:

zJOo7LLY.jpgPhóng to

Hộp thoại Save Optimized As xuất hiện. Di chuyển đến folder cần lưu ảnh (ví dụ folder có tên là save for flash), đặt tên file là Blue-hills, ở mục Save as type bạn chọn Images Only (*.jpg) và bấm nút Save để đóng hộp thoại lại:

DJnOMwka.jpgPhóng to

Trên Actions Panel, thao tác của bạn đã được ghi lại với tên gọi là Export:

Vim9FYO5.jpgPhóng to

Tiếp theo bạn thực hiện thao tác đóng file lại.

Chọn File Close từ menu (Hoặc phím tắt Ctrl+W):

06sjtojH.jpgPhóng to

Photoshop hỏi bạn có muốn lưu trước khi đóng file lại không. Bạn chọn No để giữ nguyên bản gốc của ảnh.

XlyBt3cj.jpgPhóng to

Trên Actions Panel, thao tác của bạn đã được ghi lại với tên gọi là Close:

4pqfA5nv.jpgPhóng to

Các thao tác đã được thực hiện xong. Bấm nút Stop để ngưng việc ghi lại các thao tác.

A6L8eiqm.jpgPhóng to

Bấm chọn lại action Resize and optimize ở Actions Panel:

I7JjrPA7.jpgPhóng to

Chọn File Automate Create Droplet… từ menu:

4URdbswX.jpgPhóng to

Hộp thoại Create Droplet xuất hiện:

YygfW7Wk.jpgPhóng to

Photoshop đề nghị tạo droplet có tên gọi resize and optimize.exe và lưu ở Destop. Bạn bấm nút OK để chấp nhận hoặc bấm nút Choose… để lưu ở nơi khác.

jyni4KIN.jpgPhóng to

Khi đó hộp thoại Save xuất hiện. Bạn di chuyển đến nơi cần lưu droplet, đặt tên mới và bấm nút Save.

Trong bài thực hành này bạn sẽ lưu droplet ở Destop. Photoshop tạo droplet với biểu tượng mũi tên xanh có chữ Ps như hình minh họa:

IheyVlis.jpgPhóng to

Giả sử bộ sưu tập ảnh của bạn được lưu ở folder my images đang để sẵn trên Destop. Bạn dùng chuột kéo folder này thả lên droplet vừa được Photoshop tạo ra:

MZ7QzGVf.jpgPhóng to

Photoshop sẽ được kích hoạt, từng tấm ảnh trong folder my images sẽ được xử lý. Nếu để ý, bạn sẽ thấy Actions Panel xuất hiện thông tin về Droplet đang hoạt động:

w9oMY7yP.jpgPhóng to

Sau vài giây bạn thu được một bộ sưu tập ảnh đã được xử lý chứa trong folder save for flash đã được tạo trước đó, sẵn sàng đưa vào Flash để tạo slideshow:

MxqjyBZr.jpgPhóng to

---------------------------------------------------------------------------------------

KIẾN THỨC ADOBE FLASH CS4 CĂN BẢN

* Bài 1: Giới thiệu chương trình Flash và các điểm mới của Flash CS4 Professional* Bài 1: Giới thiệu giao diện chương trình * Bài 2: Tạo ảnh động theo phương pháp Frame-By-Frame* Bài 2: Tạo ảnh động theo phương pháp Frame-By-Frame(tiếp theo)* Bài 3: Tạo ảnh động theo phương pháp Motion Tween* Bài 4: Tạo ảnh động theo phương pháp Shape Tween* Bài 4: Tạo ảnh động theo phương pháp Shape Tween (tiếp theo)* Bài 5: Sử dụng Motion Presets để tạo ảnh động* Bài 5: Sử dụng Motion Presets để tạo ảnh động(tiếp theo)* Bài 6: Điều chỉnh Motion Path* Bài 7 Tối ưu hóa cách quản lý các Layer* Bài 7: Tối ưu hóa cách quản lý các Layer(tiếp theo)* Bài 7: Tạo bản preview cho custom presets* Bài 8: Tạo hiệu ứng lấp lánh cho chữ* Bài 8: Tạo hiệu ứng lấp lánh cho chữ (tiếp theo)* Bài 8: Tìm hiểu về Rectangle Tool, tọa độ và kích thước* Bài 9: Tạo trò chơi bóng bàn đơn giản* Bài 9: Tạo trò chơi bóng bàn đơn giản(tiếp theo)* Bài 9: Tìm hiểu về Oval Tool(tiếp theo)* Bài 10: Sử dụng Shape Hint* Bài 10: Sử dụng Shape Hint (tiếp theo) * Bài 10:Tìm hiểu về PolyStar Tool* Bài 11: Classic Tween và trò chơi bập bênh đơn giản* Bài 11: Classic Tween và trò chơi bập bênh đơn giản (tiếp theo)* Bài 11: Phần lý thuyết bổ sung cho bài thực hành: Tìm hiểu về Grid* Bài 12: Thay đổi tốc độ hoạt động với tùy chọn Ease* Bài 12: Tìm hiểu về Ease(Phần lý thuyết bổ sung cho bài thực hành)* Bài 13: Sử dụng Classic motion guide* Bài 13: Tìm hiểu về Tweening(Phần lý thuyết bổ sung cho bài thực hành)* Bài 14: Sử dụng Color effect* Bài 14: Sử dụng Color effect(tiếp theo)* Bài 14: Tìm hiểu về Color Effect(Phần lý thuyết bổ sung cho bài thực hành)* Bài 16: Áp dụng color effect để tạo slideshow* Bài 16: Áp dụng color effect để tạo slideshow(Phần 2)* Bài 16: Áp dụng color effect để tạo slideshow(Phần 3)* Bài 16: Áp dụng color effect để tạo slideshow(Phần 4)* Bài 16: Tìm hiểu về Preloader(Phần 5)* Bài 17: Sử dụng Motion presets tạo slideshow(Phần 1)* Bài 17: Sử dụng Motion presets tạo slideshow (Phần 2)* Bài 17: Sử dụng Motion presets tạo slideshow (Phần lý thuyết bổ sung cho thực hành)

nhipsongso.TuoiTre.vn :: KIẾN THỨC CÔNG NGHỆ
GV TRƯƠNG VĂN NĂNGCông ty TNHH Khải Thiên (KTC Co., Ltd)
Trở thành người đầu tiên tặng sao cho bài viết 0 0 0

Tuổi Trẻ Online Newsletters

Đăng ký ngay để nhận gói tin tức mới

Tuổi Trẻ Online sẽ gởi đến bạn những tin tức nổi bật nhất

Bình luận (0)
thông tin tài khoản
Được quan tâm nhất Mới nhất Tặng sao cho thành viên
    Chủ đề: Adobe Flash flash cs4