Photoshop另類實用技巧輯(一)：打造網頁像冊

Photoshop另類實用技巧輯(一)：打造網頁像冊作者：北極 日期：2007-6-5 16:27:59 來源：PConline
Photoshop CS這款軟件想必喜歡平面制作的朋友一定會很熟悉。有了PS，我們能利用它修整照壞了的照片、制作精美的圖片等等，但是它還有一些另類的實用功能，不為大家所熟悉，現(xiàn)在跟著我們的教程來一一熟悉這些PS實用的功能，首先給大家?guī)淼氖?，用Photoshop CS制作網頁像冊。

　　存在電腦上的照片或圖片越來越多了，查看起來很不方便，除了看圖軟件自帶的幻燈片功能之外，能不能用一種方法做出象一些網站上提供的網絡像冊那樣的網頁像冊呢？答案是肯定的——可以，即使你不會HTML網頁語言，不清楚網頁制作方法，也可以自己動手用PS生成一款自己中意的的網頁像冊。

　　首先看看北極自己做的一款網頁像冊的效果圖。如圖1。

　　

　　當點擊右邊的略縮圖的時候，在左邊就會顯示大圖，如果你懂得網頁制作的原理，要手動去處理N多的圖片、把它們統(tǒng)一裁減、然后一張一張的放到畫好的表格里去的話，等做好了估計自己以后在也不要看到這些照片了——工作太大了!
現(xiàn)在，使用PS的“WEB照片畫廊”功能即可輕松打造網頁像冊，做好準備，打造正式開始。

　　一、 圖片收集

　　1、 首先準備好自己中意的圖片，這里北極找了很多MM的圖片。如圖2。

　　

2、 在“我的文檔”新建個文件夾命名“原始”，把這些MM的圖片放到文件夾內，之后再在“我的文檔”里建立一個文件夾命名為“像冊”。這樣做是為了找圖片起來方便，不用到D盤啊E盤中找來找去了。

　　二、 WEB照片畫廊的設置

　　1、 整理好要制作成網頁像冊的圖片，我們就要打開PHOTOSHOP CS了，來進行相關的設置。點文件——自動——WEB照片畫廊。如圖3。

　　

　　

2、 完成步驟1后會彈出個對話框。如圖4。

　　

3、詳細的設置--樣式部分。這里的“樣式”就是PS自帶的網頁像冊的樣式，一共有8種樣式，更多樣式還可以去PHOTOSHOP網站上去下載。這八種網頁像冊樣式如圖5和圖5-1。

　　

　　

　　
4 、這里筆者選擇了“居中楨1-基本”這個樣式，來給大家講解，接下來就是源圖片的選擇了。點“源圖象使用”這里讓你選擇你要做網頁像冊的圖片，點“瀏覽”，這里就選擇“我的文檔”里的“原始”文件夾內的MM圖片；在“瀏覽”的下面有“目的”，就是說自動生成的網頁像冊要放到什么地方，我們選擇“我的文檔”里的“像冊”文件夾。如圖6。

　　

5、點“選項”會有“常規(guī)、橫幅”等6種樣式，在這里，筆者選了“橫幅”，如果有興趣的話，你也可以多做幾次嘗試，選者自己最喜歡的樣式。網站都是有名稱的，接下來在“網站名稱”寫上自己喜歡的名稱、攝影師以及相關信息，時間這一欄PS是根據你電腦的本地時間來決定的，所以你要修改成你拍攝這些照片的時間。

6、完成以上的設置后，如果你的圖片比較多的話，建議關閉一些程序，比方QQ啊電影之類的，然后點對話框右上角的“好”，這個時候PS就開始“發(fā)瘋”似的將你要做成網頁像冊的照片進行裁減處理，圖片多的話會需要一段時間，利用這個時間要起來活動活動身體，不要老坐著面對電腦。

　　7、當PS處理完這些圖片后，會有片刻的停頓，之后會自動彈出已經做好的網頁像冊，來看看效果。如圖8。

　　

　　利用PS這個實用的小功能，即使自己不會HTML語言不懂得網頁制作軟件，照樣能做出不錯的網頁像冊，點左邊的小圖，在右邊就會出現(xiàn)大圖，在照片比較多的情況下，是比較方便的。如果你懂得網頁制作的話，可以用DW或FP自己更換PS自帶樣式的顏色和布局等等，下面來看一下PS都生成了些什么文件，打開名字為“像冊”的文件夾，Image是裝中圖的文件夾；THUMBNAILS是裝略縮圖的文件夾；UERS…這個文件是配置文件；INDEX是這個網頁像冊的主頁，想看圖片的話，雙擊它就可以；PAGES 是所有圖片的內嵌文件。如果你有網站空間的話，將下面的6個文件及文件夾上傳到空間里，就可以和好朋友們一起分享快樂，畢竟這是自己做出來的網頁像冊，相比大網站提供的像冊服務更有意義。