PHOTOSHOP CS4
TẠO WEB GALLERY

BÀI 5 NGÀY 17.1.2009 UTBINH SOẠN

TRONG PHOTOSHOP CS4 , PHẦN THIẾT KẾ WEB GALLERY ĐƯỢC ĐẶT TRONG MỤC BROWSE IN BRIDGE (Br) , KHÁC HẲN VỚI CS3 ĐƯỢC ĐẶT TRONG MỤC AUTOMAT. VIỆC THIẾT KẾ 1 WEBSITE CHỨA TOÀN BỘ BẰNG HÌNH ẢNH GỌI LÀ WEB PHOTO GALLERY BẠN BẮT GẶP RẤT NHIỀU TRONG CÁC TRANG WEB CHUYÊN VỀ ẢNH CÁC TÀI TỬ NỔI TIẾNG (http://www.celebritywonder.com/html/gallery.shtml) . TRÔNG CÁC TRANG WEB NẦY THẬT LÀ “ DỮ DẰN “ “ẤN TƯỢNG “ VÀ “ CHUYÊN NGHIỆP “ VÀ BẠN ƯỚC AO SAO MÌNH KHÔNG TỰ THIẾT KẾ LẤY ĐƯỢC “SAME – SAME “ NHƯ THẾ . PHOTOSHOP CS4 SẼ GIÚP BẠN ĐƯỢC TOẠI NGUYÊN BẰNG VÀI BƯỚC ĐƠN GIẢN, XONG CLICK MỘT CÁI SẼ XUẤT BẢN NGAY 1 WEB PHOTO GALLERY ĐỂ CÁC BẠN LẤY LINK URL GỞI ĐẾN BẠN HỮU VÀ NGƯỜI THÂN XEM TÁC PHẨM “TUYỆT VỜI VÀ PRO “ CỦA BẠN . PHOTOSHOP CS4 KHÔNG ĐÒI HỎI BẠN PHẢI LÀ 1 CHUYÊN VIÊN LẬP TRÌNH , KHÔNG CẦN BIẾT TÍ TẸO NÀO VỀ NGÔN NGỮ THIẾT KẾ WEB , CHỈ YÊU CẦU BẠN TIẾN HÀNH TỪNG BƯỚC THEO TRÌNH TỰ LẬP SẴN VÀ CÓ SẴN MỘT SỐ ẢNH ƯA THÍCH CẦN “KHOE”VỚI NGƯỜI DÙNG . BẠN CÓ THỂ THAM KHẢO CÁC TÁC PHẨM CỦA NGƯỜI KHÁC KHI NHẬP TỪ KHÓA : “ PHOTO GALLERY” TRONG WWW.GOOGLE.COM.VN HOẶC SAU NẦY BẠN ĐÃ CÓ 1 SỐ HÌNH SAU CHUYẾN DU LỊCH THÚ VỊ MUỐN GỞI ĐẾN NGƯỜI THÂN , BẠN CHỈ CẦN GỞI LINK TRANG WEB ĐẾN HỌ LÀ HỌ CÓ THỂ XEM ĐẦY ĐỦ CÁC ẢNH CỦA BẠN CHỤP . THƯ CHO UTBINH KHI KHÔNG THỂ THỰC HIỆN ĐƯỢC : utbinhdesign@gmail.com

I.TRÌNH TỰ THIẾT KẾ WEB PHOTO GALLERY VÀ XUẤT BẢN WEB LÊN HOST

Khi bạn xem Trang web nầy :

Giới thiệu vài Ảnh Saigon :

http://utbinh.com/A1/SAIGON16012009/index.html

http://utbinhutbinh.110mb.com/SAIGON16012009/index.html

Giới thiệu Ảnh Đán cưới Chút Chít tại Giồng Ông Tốhttp://utbinh.com/A1/chutchit/index.html

http://utbinhutbinh.110mb.com/LICH2009/index.html

Nó phải trải qua những giai đoạn sau đây :

1. Tập hợp tất cả Hình Ảnh :

Tất cả Ảnh cần thiết đặt trong 1 Folder tại Desktop ( Gọi là Folder Web mà tên của nó bạn sẽ đặt trước khi Save ) để đưa vào Trang Web .

2. Thu nhỏ dung lượng Ảnh :

Cần Resize Images lại để thu nhỏ dung lượng giúp Upload và Download nhanh .

Các bạn đọc hướng dẫn : http://utbinh.com/MAY08/310508/ACDSee10.doc

Hoặc có sẵn trong PS CS4 :http://utbinh.com/AUGUST08/200808/PhongToAnh.doc

3. Sử Dụng Chương Trình Browse in Bridge trong PS CS4 :

Mở Photoshop CS4 , Phần Browse In Bridge , Mục Output , Phần Web Gallery để tiến hành vài bước rất đơn giản và dễ dàng , thiết kế Web theo trình tự mẫu vạch sẵn . Cuối cùng Save lại để có 1 Folder Web đưa lên Host Server .

4. Sử Dụng Host Free : www.110mb.com

Tạo 1 Account tại 1 Host Free ( Nếu bạn chưa mua Host ) để bạn Upload Folder Web Gallery vừa tạo xong của bạn lên Host Server nầy : Xem hướng dẫn chi tiết trong Bài Viết hướng dẫn của utbinh sử dụng Host Free : www.110mb.com

http://utbinh.com/ANOV08/111108/110MB.doc

5. Cách tìm Phần Mềm để sử dụng :

Bạn cần phải tìm 1 Phần Mềm để Upload Folder Web lên Host Sever , utbinh có viết bài hướng dẫn các bạn vào : www.9down.com để tìm phần mềm Cute FTP .

http://utbinh.com/ANOV08/131108/9down.doc

6. Sử dụng Phần mềm để Upload Folder Web lên Server :

Muốn Upload dược Folder Web lên Host Server , bạn cần phải có 1 phần mềm chuyên dùng thông dụng . Có thể là Cute FTP hay Smart FTP . Bạn có thể xem

Cách Cài Đặt – sử dụng Cute FTP 8.3 Pro :

http://utbinh.com/ANOV08/141108/CuteFTP.doc

Bạn chỉ cần Download 7 bài viết(6.48MB). http://utbinh.com/A1/webgallery.rar

Thực hiện 6 bước trên đến khi hoàn tất lấy được Link URL để giới thiệu Người Dùng vào xem Trang Web Photo Gallery thì Utbinh mất khoảng 10 phút không kể thời gian Upload . Thời gian Upload nhanh hay chậm tùy thuộc vào dung lượng của Folder Web ( File : SAIGON16012009 có 133 Ảnh mất 10 phút tạo Trang Web ) .

II.CHUẨN BỊ :

1. Bạn chọn khoảng trên 100 Ảnh chụp bằng KTS . Dĩ nhiên tất cả Ảnh nầy đều có dung lượng trên 1 MB . Khi đưa Ảnh lên Trang Web cần phải ít dung lượng càng dễ Upload và Download . Tạo 1 Folder tại Desktop tên saigon chứa tất cả Ảnh .

2. Bạn có thể dùng Chương Trình ACD See Quản Lý Ảnh để Resize Images hàng loạt Ảnh bằng cách : Chọn Folder saigon > Ctrl+A chọn hết > Chọn Batch Resize Images > Chọn Size in Pixels > Đề nghị chọn Width 500 – Height 500 > Nhấp Nút Start Resize > Xong , bạn Delete các Files gốc > Chọn các Ảnh đã Resize > Chọn Batch Name . Bạn đã có 133 Ảnh , dung lượng 11.20 MB .

3. Hoặc dùng Chương Trình PS CS4 theo hướng dẫn của bài Viết :

http://utbinh.com/A1/070109/smart.doc

III.THIẾT KẾ WEB GALLERY TRONG PS CS4 :

1. Mở PS CS4 > Menu File > Browse In Bridge (Alt+Ctrl+O) > Cột Trái nhấp Tab Folder > Chọn Desktop > Nhấp Folder : saigon > Qua Phải chọn Mục OUTPUT > Hiện ra Khung Preview ở Giữa – Dưới là Khung CONTENT chứa 133 Ảnh của Folder saigon > Khung OUTPUT dưới nó là nội dung hướng dẫn Phần Thiết kế của 2 Phần PDF và Web Gallery . (H1).

2. Chọn hết 133 Ảnh trong Khung CONTENT > Trong Mục OUTPUT bên Phải , chọn Web Gallery > Nhấp Nút REFRESH PREVIEW > Create Gallery đang chạy > Khi hoàn tất ra Khung Output Preview gồm 10 Thumbnails và 1 Ảnh lớn , dưới đó là các nút để nhấn xem . (H2).

3. Sử dụng Cột WEB GALLERY để thiết kế Web :

Trong Mục OUTPUT cho phép các bạn tạo các Files PDF chứa các Ảnh của bạn

( Một loại Định dạng thông dụng nhất hiện nay của Hảng ADOBE – Sẽ trình bày bài viết sau ) và tạo Trang Web Gallery . Tùy theo chọn lựa này mà hiện ra các Mục tương ứng .

v TEMPLATE : Có 8 kiểu lựa chọn tạo Web Gallery , thường chọn Standard (H3).

v STYLE : Có 3 kiểu thể hiện Thumbnail ( Custom – Medium – Small ).

v REFRESH PREVIEW : Nhấp đúp lên để xem Preview tạo Web Gallery .

v PREVIEW IN BROWSE : Xem trước trên Trình Duyệt .

4. HẠNG MỤC SITE INFO :

( Thông tin Trang Web )

v Gallery Title : Nhập Tựa SÀI GÒN NGÀY NAY .

v Gallery Caption :(Ghi chú góc Phải) Tạo Web Gallery bằng Photoshop CS4 .

v About This Gallery : Web Photo Gallery created by Adobe Bridge(Mặc định)

v Your Name , nhập : utbinhdesign.

v E-mail Address : utbinhdesign@gmail.com

v Copyright Info : Create ngày 16.1.2009 .

v Đánh dấu kiểm vào : Shaw Title Bar . (H4)

5. HẠNG MỤC COLOR PALETTE : ( Cho màu các Palette )

Chọn màu cho từng Phần : Background – Menu – Title – Thumbnail và cho từng chi tiết . Thường để mặc định .

6. HẠNG MỤC APPEARANCE : ( Cách thể hiện )

v Bạn nên đánh dấu kiểm vào : Show File Name khi mỗi Ảnh có ghi chú thích bên dưới Ảnh .

v Preview Size : Xem thử kiểu : Extra – Large – Medium – Small .

v Thumbnail Size : Xem thử kiểu : Extra – Large – Medium – Small .

v Slide Duration : Nhập thời lượng là Giây cho 1 Ảnh hiện diện .

v Transition Effect ( Hiệu Ứng Chuyển cảnh ) : Có 5 kiểu là Fade – Cut – Iris – Blinds – Dissolve. (H5).

7. HẠNG MỤC CREATE GALLERY : ( Tạo Album Ảnh )

v Gallery Name , nhập tên của Folder Web : SAIGON16012009

v Nhấp nút Browse > Ra Bảng Choose a Folder , chọn Desktop > Ok > Nhấp Nút Save > ra Bảng Create Gallery đang chạy duyệt từng Ảnh tạo Trang Web > Khi hoàn tất hiện chữ : Gallery created > Ok . (H6).

IV. KHẢO SÁT NỘI DUNG FOLER WEB : SAIGON16012009 TẠI Ổ CỨNG

1. Ra Desktop đã có Folder SAIGON16012009 , dung lượng 27.00MB so với Folder saigon ban đầu có 11.20MB . Sở dĩ dung lượng tăng lên hơn gấp đôi do Bộ Máy tự động tạo Web của PS CS4 tạo thêm 1 Folder chứa 133 Ảnh Medium và 1 Folder chứa 133 Ảnh Thumbnails .

2. Bạn có 1 Folder tên : resources và 1 File Index.

3. Nhấp lên Folder resources > ra 1 Folder images và các Files hổ trợ tạo Trang Web .(H7).

4. Nhấp đúp lên Folder images , bạn có 3 Folders : Large – Medium và Thumbnail .Trong Folder nầy chứa các Ảnh : Lớn – Vừa và Nhỏ .(H8).

5. Nhấp lên File : Index > Hiện ra nội dung Trang Web trong Trình Duyệt > Nhấp các Nút để xem . (H9).

6. 1-17-2009 11-28-47 AM.png Bây giờ bạn tiến hành Upload Folder Web tên SAIGON16012009 lên Host Server bằng Chương trình Cute FTP (Phần I – Mục 6 đầu Bài Viết này ) .(H10).

7. LINK URL CỦA FOLDER SAIGON16012009 NHƯ SAU :

v http://utbinhutbinh.100mb.com : utbinhutbinh là Username mà bạn đã đăng ký khi tạo Account trong www.110mb.com .

v SAIGON16012009 : Là tên Folder Web trước khi bạn nhấp Nút Save tạo Trang Web .

v index.html : Trang Chủ của Trang Web .

v Link URL Trang Web PHOTO GALLERY :

http://utbinhutbinh.110mb.com/SAIGON16012009/index.html

v Mời xem Trang Web Gallery thứ 2 do utbinh thiết kế :

http://utbinhutbinh.110mb.com/LICH2009/index.html

http://utbinh.com/A1/SAIGON16012009/index.html

http://utbinh.com/A1/LICH2009/index.html

v Bạn chỉ cần Download 7 bài viết để thiết kế Web Gallery (6.48MB): http://utbinh.com/A1/webgallery.rar

NGÀY 17.1.2009:

5.PHOTOSHOP CS4 : TẠO WEB PHOTO GALLERY

[img]http://utbinh.com/A1/170109/WEBGALLERY.jpg[/img]

http://utbinh.com/A1/170109/WEBGALLERY.jpg

http://utbinh.com/A1/170109/WEBGALLERY.doc

http://utbinh.com/A1/170109/WEBGALLERY.pdf

Tìm hiểu File PDF (611KB ) :

http://utbinh.com/A1/170109/PDF.doc

Tiện Ích MultiMedia ( 351KB ) :

http://utbinh.com/A1/170109/TienIch_Media.doc

Các bài viết Photoshop CS4 đến ngày 17.1.2009 ( 25.05MB ) :

http://utbinh.com/A1/PHOTOSHOPCS4NGAY170109.rar

Các tìm kiếm liên quan đến: ebookthu vien ebook ebook tieng viet ebooks ebook viet ebook tin hoc ebook kinh te the gioi ebook sach

Trang Web Tìm Kiếm Doanh Nghiệp nầy rất hay có đủ thứ cần thiết : http://www.timkiem24h.com.vn/home

Biểu Diễn Lái Xe : http://tinyurl.com/984snx

MỜI XEM TRANG WEB THIẾT KẾ BẰNG CHƯƠNG TRÌNH PHOTOSHOP CS4 : WEDDING CHÚT CHÍT DO UTBINH CHỤP HÌNH VÀ THIẾT KẾ WEB

http://utbinh.com/A1/chutchit/index.html

MỜI XEM SLIDE SHOW ĐƯỢC TẠO BẰNG CHƯƠNG TRÌNH PICTURES TO EXE 5.0 CÓ NHẠC KÈM THEO , UPLOAD BẰNG HOST FREE : WWW.4SHARED.COM: WEDDING CHÚT CHÍT DO UTBINH CHỤP HÌNH VÀ THIẾT KẾ WEB

http://www.4shared.com/file/80860326/381f97e3/chutchit.html

MỜI XEM TRANG WEB THIẾT KẾ BẰNG CHƯƠNG TRÌNH PHOTOSHOP CS4 : SAIGON16012009 DO UTBINH CHỤP HÌNH VÀ THIẾT KẾ WEB :

http://utbinh.com/A1/SAIGON16012009/index.html

http://utbinhutbinh.110mb.com/SAIGON16012009/index.html

MỜI XEM TRANG WEB THIẾT KẾ BẰNG CHƯƠNG TRÌNH PHOTOSHOP CS4 : LỊCH 20099 DO UTBINH CHỤP HÌNH VÀ THIẾT KẾ WEB :

http://utbinh.com/A1/LICH2009/index.html

Đam mê chụp ảnh , vào đây :http://www.vnphoto.net/ http://www.photo.vn/

Slide Show : saigon , dung lượng 15.70 MB được thiết kế bằng Chương trìnhPICTURES_TO_EXE_5.52 và lồng nhạc Ca Sĩ Thanh Tuyền trình bày : " Chuyến tàu hoàng hôn " . File nầy chỉ xem trong máy Vi tính mà thôi :http://www.4shared.com/file/81027984/31a8c33/Saigon.html

Trang Web của KS DƯƠNG TRUNG HIẾU có mỗi ngày 1 bài học AVI :

http://www.duongtrunghieu.com/

Trang Web của KS Dương Trung Hiếu về Nhiếp Ảnh : http://www.nhiepanhsaigon.com/

Upload nhanh Hình ảnh lấy Link gián tiếp : http://www.imagesupload.net/

Download Nhạc MP3 : http://music.top1.vn/home.htm

Soft Free Chống Phân Mãnh PowerDefragmenter (409KB) : http://download.softpedia.com/dl/94375319c666ee01bc57c78451d6a988/4962b86d/100020185/software/hdd/PowerDefragmenter.zip

Trang web tập hợp E-BOOK : http://www.ebook.edu.vn/ http://www.thuvien-ebook.com/home/ http://www.vietnamwebsite.net/ebook/ http://ebook.edu.net.vn/ http://bookilook.com/ http://www.ebook4u.vn/home.htm

http://www.saigontre.com/index.php?m=kinhdoanh

http://www.3c.com.vn/Zone/vn/hotrokhachhang/ebooks.html

http://ebookvietblog.com/

http://www.ebook.edu.vn/?page=

http://ebook.vietnamwebsite.net/