徐磊磊
介紹Photoshop的Web照片畫廊功能。通過簡單的4步——選擇和調整圖片、畫廊設計、Photoshop批處理、上傳文件,不僅可以輕松把圖片做成網站式的電子相冊,而且可以把相冊傳到網上進行共享。在介紹相應步驟時適當解釋每一步的目的和注意事項,使讀者能夠通過快速每一步的技巧,做出精美的照片畫廊。
Photoshop是一款功能強大的圖片處理軟件,除了具備強大的圖片處理功能之外,還提供照片畫廊的功能。所謂照片畫廊是指把圖片做成網頁的形式,形成一個Web相冊。如果想以網頁的形式展示一下圖片,Photoshop完全可以做到,而且其效果并不比任何專業的網頁制作軟件差,如Dreamweaver、FrontPage等。最主要的是它不需要有太多的網頁技術作為基礎,通過簡單的鼠標操作和上傳就可以把照片畫廊掛到網上,比如QQ空間、Blog等空間上。Adobe公司從PS 6.0版本開始其Web畫廊功能就已經十分強大,演變至今更加完善。下面以Photoshop cs版本為例來看一下它是怎么實現的。
第一步,選擇和調整圖片。這一步的目的是選取想加入到畫廊的圖片。選擇相應的圖片并把它復制到單獨的一個文件夾中,這一步的操作十分簡單,不再詳細介紹。之所以第一步是選擇和調整圖片是因為在圖片畫廊生成的第二步中只能選擇文件夾,所以首先把需要生成照片畫廊的圖片放在一個文件夾中,這樣在進行下一步操作時就不用再進行圖片的選擇了。此時應該注意一下幾點。1)在給文件命名時應該盡量用英文或數字,盡量不要用中文。由于Html語言的原因,當進行超鏈接時,如果被鏈接文件名是中文可能鏈接會出現問題。2)選擇圖片是應該盡量選擇大小差不多的,因為在第三步中Photoshop會對圖片進行批處理,統一大小有利于Web照片畫廊的美觀。同樣影響美觀的非常重要的一點就是圖片文件的橫幅豎幅問題,這一點進行圖片選擇和調整時一定根據需要選擇相應的橫幅豎幅圖片。3)對于文件順序的調整也應該在這一步中進行操作。在以下的步驟中將看不到圖片文件,也就不能對圖片文件的實現順序進行調整,如果希望圖片以特定的順序顯示時,應該通過鼠標的拖拽進行相應調整。
第二步,Web照片畫廊的設計。這一步的目的是對網站樣式以及圖片顯示進行設置。點擊文件/自動/Web照片畫廊選項,在彈出的對話框中設置以下幾個主要方面就可以進行Web畫廊的生成。1)畫廊樣式的選擇。Photoshop給出很多種樣式。在這些樣式中可以隨便選擇其中一種,在右邊的預覽區可以看到選擇樣式的效果圖。當然也可以自定義樣式,基本步驟是通過Html編輯器獲取自己的樣式或者復制現有樣式,然后為它命名并把它存到Web圖片庫的樣式中。由于自定義樣式包括到Html語言和網頁制作方面的知識,這里不再詳細介紹。2)源圖像的選擇。在第一步中已經選擇了圖片,并把圖片存到了一個文件夾中。這一步要做的就是點擊“瀏覽”,并選中那個文件夾,點擊“確定”。但是在進行這些操作之前一定要保證使用欄中選中的是“文件夾”,不然是沒法選中文件夾點擊“確定”的。3)目標。在這個選項中可以設置把最后形成的Html文件以及網站建設所需的素材存到相應的位置,這樣在生成照片畫廊之后就可以到設置的目錄下找到源文件,因此這一步是十分重要的,要通過設置的路徑去尋找要上傳的文件夾。這一步要做的就是單擊“目標”,選擇相應目錄,單擊“確定”就可以了。4)選項的設置。其中包括常規、橫幅、大圖像、縮略圖、自定義顏色、安全性等幾個方面,這些采取默認就可以。
第三步:點擊“確定”。此時Photoshop會自動進行圖片處理和網頁的生成。待生成完畢之后會自動彈出照片畫廊的首頁,就可以瀏覽。
第四步:上傳文件。找到文件所在的目錄,這個目錄就是在目標選項中設置的目錄。在目錄下主要有3個文件夾,分別是images、pages、thumbnails,這些是不能隨便刪除的。在目錄下還包括一個index.htm文件,這就是網站的首頁。要把包含首頁和以上3個文件夾的文件夾上傳。上傳之后只需要把鏈接鏈到index.htm,這個照片畫廊網頁就可以在網上進行瀏覽了。