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

Phó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:

Phó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):

Phóng to

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

Phóng to

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

Phó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:

Phó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:

Phó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:

Phóng to

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

Phó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):

Phó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:

Phó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:

Phó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:

Phó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 đó:

Phóng to

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

Phó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:

Phó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:

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

Phóng to

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

Phó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:

Phó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:

Phó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):

Phó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.

Phó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:

Phó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.

Phóng to

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

Phóng to

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

Phóng to

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

Phó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.

Phó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:

Phó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:

Phó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:

Phó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:

Phó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: * Bài 2: (tiếp theo)* Bài 3: * Bài 4: * Bài 4: (tiếp theo)* Bài 5: * Bài 5: (tiếp theo)* Bài 6: * Bài 7 * Bài 7: (tiếp theo)* Bài 7: Tạo bản preview cho custom presets* Bài 8: * Bài 8: Tạo hiệu ứng lấp lánh cho chữ (tiếp theo)* Bài 8: * Bài 9: * Bài 9: (tiếp theo)* Bài 9: (tiếp theo)* Bài 10: * Bài 10: (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: (tiếp theo)* Bài 11: * Bài 12: * 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: (tiếp theo)* Bài 14: (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: (Phần 5)* Bài 17: (Phần 1)* Bài 17: (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)

Bình luận hay

Chia sẻ

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)
Tối đa: 1500 ký tự
Chủ đề: Adobe Flash flash cs4

Tin cùng chuyên mục

Sợi chỉ rút kinh nghiệm

TTO - Rút thoải mái

Sợi chỉ rút kinh nghiệm

Đường đi của đồng tiền

TTO - Đường đi xủa đồng tiền zig zag và ngoạn mục hơn bất kỳ đường đi bóng nào của anh tiền đạo thứ thiệt trong bóng đá.

Đường đi của đồng tiền

​Thích 'trăm' hơn 'triệu'...

TTO - 'Triệu đóa hoa hồng' với (phần) 'Trăm đóa hoa hồng' cái nào hot hơn?

​Thích 'trăm' hơn 'triệu'...

Bởi lưng không lận món hời ưu tiên

TTO - Lần đầu tiên trong lịch sử thi cử xảy ra nghịch lý: Đạt điểm tuyệt đối (30 điểm) vẫn trượt ĐH

Bởi lưng không lận món hời ưu tiên

Thương vụ khờ dại của nhà nước

TTO - Trong khi thiên hạ tỉnh đòn / Buồn cho nhà nước vẫn còn ngây thơ.

Thương vụ khờ dại của nhà nước

Bất ngờ lộ ra

TTO - Nếu không có chuyện tình cờ/Tổ chuồn chuồn chẳng bất ngờ lộ ra.

Bất ngờ lộ ra
Tất cả bình luận (0)
Ý kiến của bạn sẽ được biên tập trước khi đăng, xin vui lòng viết bằng tiếng Việt có dấu.
Được quan tâm nhất
Mới nhất
Hiện chưa có bình luận nào, hãy là người đâu tiên bình luận về bài viết.
Tối đa: 1500 ký tự
Avatar
Đăng ký bằng email
Khi bấm "Đăng ký" đồng thời bạn đã đồng ý với điều khoản của toà soạn Đăng ký
Đăng nhập
Thông tin bạn đọc Thông tin của bạn đọc sẽ được bảo mật an toàn và chỉ sử dụng trong trường hợp toà soạn cần thiết để liên lạc với bạn.
Gửi bình luận
Đóng
Hoàn thành
Đóng

Bình luận (0)
Tối đa: 1500 ký tự
Tất cả bình luận (0)
Ý kiến của bạn sẽ được biên tập trước khi đăng, xin vui lòng viết bằng tiếng Việt có dấu.
Được quan tâm nhất
Mới nhất
Hiện chưa có bình luận nào, hãy là người đâu tiên bình luận về bài viết.
Tối đa: 1500 ký tự
Avatar