徐磊磊

介紹Photoshop的Web照片畫(huà)廊功能。通過(guò)簡(jiǎn)單的4步——選擇和調(diào)整圖片、畫(huà)廊設(shè)計(jì)、Photoshop批處理、上傳文件，不僅可以輕松把圖片做成網(wǎng)站式的電子相冊(cè)，而且可以把相冊(cè)傳到網(wǎng)上進(jìn)行共享。在介紹相應(yīng)步驟時(shí)適當(dāng)解釋每一步的目的和注意事項(xiàng)，使讀者能夠通過(guò)快速每一步的技巧，做出精美的照片畫(huà)廊。

Photoshop是一款功能強(qiáng)大的圖片處理軟件，除了具備強(qiáng)大的圖片處理功能之外，還提供照片畫(huà)廊的功能。所謂照片畫(huà)廊是指把圖片做成網(wǎng)頁(yè)的形式，形成一個(gè)Web相冊(cè)。如果想以網(wǎng)頁(yè)的形式展示一下圖片，Photoshop完全可以做到，而且其效果并不比任何專業(yè)的網(wǎng)頁(yè)制作軟件差，如Dreamweaver、FrontPage等。最主要的是它不需要有太多的網(wǎng)頁(yè)技術(shù)作為基礎(chǔ)，通過(guò)簡(jiǎn)單的鼠標(biāo)操作和上傳就可以把照片畫(huà)廊掛到網(wǎng)上，比如QQ空間、Blog等空間上。Adobe公司從PS 6.0版本開(kāi)始其Web畫(huà)廊功能就已經(jīng)十分強(qiáng)大，演變至今更加完善。下面以Photoshop cs版本為例來(lái)看一下它是怎么實(shí)現(xiàn)的。

第一步，選擇和調(diào)整圖片。這一步的目的是選取想加入到畫(huà)廊的圖片。選擇相應(yīng)的圖片并把它復(fù)制到單獨(dú)的一個(gè)文件夾中，這一步的操作十分簡(jiǎn)單，不再詳細(xì)介紹。之所以第一步是選擇和調(diào)整圖片是因?yàn)樵趫D片畫(huà)廊生成的第二步中只能選擇文件夾，所以首先把需要生成照片畫(huà)廊的圖片放在一個(gè)文件夾中，這樣在進(jìn)行下一步操作時(shí)就不用再進(jìn)行圖片的選擇了。此時(shí)應(yīng)該注意一下幾點(diǎn)。1）在給文件命名時(shí)應(yīng)該盡量用英文或數(shù)字，盡量不要用中文。由于Html語(yǔ)言的原因，當(dāng)進(jìn)行超鏈接時(shí)，如果被鏈接文件名是中文可能鏈接會(huì)出現(xiàn)問(wèn)題。2）選擇圖片是應(yīng)該盡量選擇大小差不多的，因?yàn)樵诘谌街蠵hotoshop會(huì)對(duì)圖片進(jìn)行批處理，統(tǒng)一大小有利于Web照片畫(huà)廊的美觀。同樣影響美觀的非常重要的一點(diǎn)就是圖片文件的橫幅豎幅問(wèn)題，這一點(diǎn)進(jìn)行圖片選擇和調(diào)整時(shí)一定根據(jù)需要選擇相應(yīng)的橫幅豎幅圖片。3）對(duì)于文件順序的調(diào)整也應(yīng)該在這一步中進(jìn)行操作。在以下的步驟中將看不到圖片文件，也就不能對(duì)圖片文件的實(shí)現(xiàn)順序進(jìn)行調(diào)整，如果希望圖片以特定的順序顯示時(shí)，應(yīng)該通過(guò)鼠標(biāo)的拖拽進(jìn)行相應(yīng)調(diào)整。

第二步，Web照片畫(huà)廊的設(shè)計(jì)。這一步的目的是對(duì)網(wǎng)站樣式以及圖片顯示進(jìn)行設(shè)置。點(diǎn)擊文件/自動(dòng)/Web照片畫(huà)廊選項(xiàng)，在彈出的對(duì)話框中設(shè)置以下幾個(gè)主要方面就可以進(jìn)行Web畫(huà)廊的生成。1）畫(huà)廊樣式的選擇。Photoshop給出很多種樣式。在這些樣式中可以隨便選擇其中一種，在右邊的預(yù)覽區(qū)可以看到選擇樣式的效果圖。當(dāng)然也可以自定義樣式，基本步驟是通過(guò)Html編輯器獲取自己的樣式或者復(fù)制現(xiàn)有樣式，然后為它命名并把它存到Web圖片庫(kù)的樣式中。由于自定義樣式包括到Html語(yǔ)言和網(wǎng)頁(yè)制作方面的知識(shí)，這里不再詳細(xì)介紹。2）源圖像的選擇。在第一步中已經(jīng)選擇了圖片，并把圖片存到了一個(gè)文件夾中。這一步要做的就是點(diǎn)擊“瀏覽”，并選中那個(gè)文件夾，點(diǎn)擊“確定”。但是在進(jìn)行這些操作之前一定要保證使用欄中選中的是“文件夾”，不然是沒(méi)法選中文件夾點(diǎn)擊“確定”的。3）目標(biāo)。在這個(gè)選項(xiàng)中可以設(shè)置把最后形成的Html文件以及網(wǎng)站建設(shè)所需的素材存到相應(yīng)的位置，這樣在生成照片畫(huà)廊之后就可以到設(shè)置的目錄下找到源文件，因此這一步是十分重要的，要通過(guò)設(shè)置的路徑去尋找要上傳的文件夾。這一步要做的就是單擊“目標(biāo)”，選擇相應(yīng)目錄，單擊“確定”就可以了。4）選項(xiàng)的設(shè)置。其中包括常規(guī)、橫幅、大圖像、縮略圖、自定義顏色、安全性等幾個(gè)方面，這些采取默認(rèn)就可以。

第三步：點(diǎn)擊“確定”。此時(shí)Photoshop會(huì)自動(dòng)進(jìn)行圖片處理和網(wǎng)頁(yè)的生成。待生成完畢之后會(huì)自動(dòng)彈出照片畫(huà)廊的首頁(yè)，就可以瀏覽。

第四步：上傳文件。找到文件所在的目錄，這個(gè)目錄就是在目標(biāo)選項(xiàng)中設(shè)置的目錄。在目錄下主要有3個(gè)文件夾，分別是images、pages、thumbnails，這些是不能隨便刪除的。在目錄下還包括一個(gè)index.htm文件，這就是網(wǎng)站的首頁(yè)。要把包含首頁(yè)和以上3個(gè)文件夾的文件夾上傳。上傳之后只需要把鏈接鏈到index.htm，這個(gè)照片畫(huà)廊網(wǎng)頁(yè)就可以在網(wǎng)上進(jìn)行瀏覽了。