- Photoshop 使用者指南
- Photoshop 簡介
- Photoshop 及其他 Adobe 產品與服務
- iPad 版 Photoshop (在中國大陸無法使用)
- iPad 版 Photoshop | 常見問題
- 了解工作區
- 系統需求 | iPad 版 Photoshop
- 建立、開啟和轉存文件
- 新增相片
- 使用圖層
- 使用筆刷繪畫和繪圖
- 選取範圍並新增遮色片
- 潤飾您的複合
- 使用調整圖層
- 使用曲線調整複合的色調
- 套用變形操作
- 裁切和旋轉您的複合材料
- 旋轉、平移、縮放和重設畫布
- 使用文字圖層
- 使用 Photoshop 和 Lightroom
- 讓缺少的字體能在 iPad 的 Photoshop 中正常顯示
- iPad 版 Photoshop 中的日文文字
- 管理應用程式設定
- 觸控快捷鍵與手勢
- 鍵盤快速鍵
- 編輯影像尺寸
- 在 iPad 版 Photoshop 中創作時直播
- 使用「修復筆刷」修復影像缺陷
- 在 Capture 中建立筆刷,並在 iPad 版 Photoshop 中使用
- 使用 Camera Raw 檔案
- 建立並使用「智慧型物件」
- 使用「加亮和加深」來調整您的影像中的曝光度
- iPad 版 Photoshop 的自動調整命令
- 在 iPad 版 Photoshop 影像中的指尖區域
- 使用「海綿工具」來增加或去除影像的飽和度
- 適用 iPad 的「內容感知填色」
- 網頁版 Photoshop (在中國大陸無法使用)
- Photoshop (Beta) (在中國大陸無法使用)
- 生成式 AI (在中國大陸無法使用)
- 內容真實性 (在中國大陸無法使用)
- 雲端文件 (在中國大陸無法使用)
- 工作區
- 網頁、螢幕及應用程式設計
- 影像和顏色基礎概念
- 圖層
- 選取範圍
- 影像調整
- Adobe Camera Raw
- 影像修復和還原
- 影像增強與變形
- 繪圖和繪畫
- 文字
- 濾鏡和效果
- 儲存及轉存
- 色彩管理
- 網頁、螢幕及應用程式設計
- 視訊與動畫
- 列印
- 自動化
- 疑難排解
關於網路相片收藏館
網路相片收藏館是一個網站,它的特色是有一個包含縮圖影像的首頁,以及包含全尺寸影像的收藏館頁。每一個網頁都包含連結,可以讓上網者瀏覽網站。例如,當來訪者按下首頁上的縮圖影像時,關聯的全尺寸影像就會載入到收藏館頁面。使用「網路相片收藏館」指令時,可以從影像組中自動產生網路相片收藏館。
Photoshop 為您的收藏館提供了許多不同的樣式,您可以使用「網路相片收藏館」指令選取。如果是了解 HTML 的進階使用者,可以編輯 HTML 範本檔案組合,以建立新樣式或自訂樣式。
每個收藏館樣式的範本皆有不同選項。如果使用的是預設樣式,有些選項在某些特定樣式中可能會無法使用或是不提供。
建立網路相片收藏館
使用 Adobe Bridge 建立網路收藏館
Adobe Bridge 提供更新的網路收藏館功能。如需指示,請參閱 Adobe Bridge 說明中的建立網路相片收藏館,或檢視下方的教學課程。
使用舊版選擇性 Photoshop 增效模組
-
-
(選擇性) 選取要在 Adobe Bridge 中使用的檔案或檔案夾。
影像會以在 Bridge 中顯示的順序出現。如果想使用不同的順序,請在 Bridge 中變更順序。
-
執行下列任一項作業:
在 Adobe Bridge 中,選擇「工具 > Photoshop > 網路相片收藏館」。
在 Photoshop 中,選擇「檔案 > 自動 > 網路相片收藏館」。
-
從「樣式」彈出式選單中,選擇收藏館的樣式。所選擇樣式的首頁預視便會顯示在對話框中。
-
(選擇性) 輸入收藏館聯絡資訊所要使用的電子郵件地址。
-
從「使用」選單中選擇收藏館的來源檔案。
從 Bridge 選取的影像
在開啟「網路相片收藏館」對話框之前,使用選取的影像。
檔案夾
使用您透過「瀏覽」按鈕 (Windows) 或「選擇」按鈕 (Mac OS) 選取的檔案夾中的影像。然後選取「包括全部的次檔案夾」以包括選取之檔案夾中,任何次檔案夾中的影像。
-
按一下「目的地」,然後選取存放收藏館影像和 HTML 頁面的檔案夾。然後按一下「確定」(Windows) 或「選擇」(Mac OS)。
-
選取網路收藏館的格式化選項。從「選項」選單中選擇,以顯示每一個選項組合。請參閱網路相片收藏館選項。
-
按一下「確定」。Photoshop 會將下列 HTML 和 JPEG 檔案置入目的地檔案夾中:
收藏館首頁會根據「副檔名」選項,而命名為 index.htm 或 index.html。在任何網頁瀏覽器中開啟這個檔案,即可預視收藏館。
放在影像次檔案夾中的 JPEG 影像。
放在網頁次檔案夾中的 HTML 網頁。
放在縮圖次檔案夾中的 JPEG 縮圖影像。
確定顏色相符
如果您在色域較寬的處理中色域 (例如 ProPhoto RGB 或 Adobe RGB) 使用相片,則透過無法讀取嵌入色彩描述檔的瀏覽器檢視網路收藏館時,影像色彩可能會改變。如果發生這種情況,請試著先將影像描述檔轉換為 sRGB (大部分瀏覽器都是使用 sRGB 做為預設值),然後再進行影像的最佳化,或是再將影像放到「網路相片收藏館」中。請利用下列其中一種方式將其轉換為 sRGB。在進行作業時,最好是使用影像的複本。
若要轉換單一影像,請選擇「編輯 > 轉換為描述檔」,然後選擇「sRGB」。請參閱指定或移除色彩描述檔 (Illustrator、Photoshop)。
若要轉換影像檔案夾,請使用「影像處理器」。選擇「檔案 > 指令碼 > 影像處理器」。請參閱使用影像處理器轉換檔案。
如果使用「影像處理器」,可以將檔案直接以 JPEG 格式儲存為您想要之尺寸。如果您要這麼做,請確定關閉了「大型影像」選項中的「重新調整影像尺寸」。
網路相片收藏館選項
一般
檔案副檔名、編碼、和中繼資料的選項。
副檔名
使用 .htm 或 .html 做為檔案副檔名。
URL 使用 UTF 8 編碼
使用 UTF-8 編碼。
增加影像的寬度和高度屬性
指定尺寸,以縮短下載時間。
保留所有的中繼資料
保留中繼資料資訊。
橫幅
出現在收藏館每個頁面上橫幅的文字選項。為每一個輸入文字:
網站名稱
收藏館名稱。
攝影師
為收藏館提供相片的人或組織名稱。
聯絡資訊
收藏館的聯絡資訊,例如電話號碼或業務地址。
日期
在收藏館每個頁面上出現的日期。依預設,Photoshop 會使用目前的日期。
字體和字體大小
(適用於某些網站樣式) 用於橫幅文字的選項。
大型影像
出現在每個收藏館頁面上主影像的選項。
增加數字連結
(適用於某些網站樣式) 在每個收藏館頁面的頂端置入水平排列的數字順序 (從 1 開始,到收藏館中的總頁數結束)。每個數字都是個別頁面的連結。
重新調整影像尺寸
重新調整來源影像的尺寸,以放置到收藏館頁面。從彈出式選單選擇尺寸或輸入以像素為單位的尺寸。在「強制」中,選擇重新調整尺寸時所要強制使用的影像尺寸。在「JPEG 品質」中,從彈出式選單中選擇選項、輸入介於 0 到 12 之間的數值,或是拖移滑桿。數值越高,影像的品質越好,而檔案也越大。
Photoshop 使用在偏好設定中設定的預設影像內插補點方法。要減少影像尺寸時,請選擇「環迴增值法」作為預設值,以獲得最好的結果。
邊界大小
指定圍繞於影像周圍邊框的寬度,單位為像素。
標題使用
(適用於某些網站樣式) 指定在每個影像下方顯示註解的選項。選取「檔案名稱」會顯示檔案名稱;選取「描述」、「製作者資訊」、「標題」和「版權」會顯示從「檔案資訊」對話框中取得的描述文字。
字體和字體大小
(適用於某些網站樣式) 指定註解的字體和大小。
縮圖
收藏館首頁的選項,包括縮圖影像的大小。
大小
指定縮圖的大小。從彈出式選單中選擇,或輸入以像素為單位的縮圖寬度數值。
欄和列
指定在首頁顯示縮圖的欄和列數目。這個選項不適用於使用「水平影格樣式」或「垂直影格樣式」的收藏館。
邊界大小
指定圍繞於每個縮圖周圍邊框的寬度,單位為像素。
標題使用
(適用於某些網站樣式) 指定在每個縮圖下方顯示註解的選項。選取「檔案名稱」會顯示檔案名稱;選取「描述」、「製作者資訊」、「標題」和「版權」會顯示從「檔案資訊」對話框中取得的描述文字。
字體和字體大小
(適用於某些網站樣式) 指定註解的字體和大小。
自訂顏色
收藏館中的色彩元件選項。若要變更某個成份的顏色,請按一下它的色票,然後使用「Adobe 檢色器」選取新的顏色。您可以變更每一頁的背景色 (「背景」選項) 和橫幅的背景色 (「橫幅」選項)。
安全性
在每個影像上顯示文字以作為防盜限制。
內容
指定要顯示的文字。選取「自訂文字」可輸入自訂文字。選取「檔案名稱」、「描述」、「製作者資訊」、「標題」或「版權」,顯示從「檔案資訊」對話框中取得的文字。
字體、顏色和位置
指定標題的字體、顏色和對齊方式。
旋轉
以某個角度將文字置入影像上。
網路相片收藏館樣式
Photoshop 提供多種不同的樣式供網路相片收藏館使用。如果是了解 HTML 的進階使用者,可以編輯 HTML 範本檔案組合,以建立新樣式或自訂樣式。
Photoshop 所提供的網路相片收藏館樣式是儲存在下列位置的個別檔案夾中︰
Windows
Program Files/Adobe/Adobe Photoshop CS5/Presets/Web Photo Gallery。
Mac OS
Adobe Photoshop CS5/Presets/Web Photo Gallery。
該位置中的每個檔案夾名稱,都會顯示成「網路相片收藏館」對話框「樣式」選單中的選項。每個檔案夾中都包含了下列 HTML 範本檔案,Photoshop 就是使用這些檔案產生收藏館:
Caption.htm
決定顯示在首頁中每個縮圖下方的註解版面。
FrameSet.htm
決定用來顯示網頁的框架組合版面。
IndexPage.htm
決定首頁的版面。
SubPage.htm
決定包含全尺寸影像的收藏館頁面版面。
Thumbnail.htm 決定顯示在首頁中的縮圖版面。
每個範本檔案都包含 HTML 編碼和標記。標記是指當您在「網路相片收藏館」對話框中設定對應的選項時,Photoshop 所取代的文字字串,例如,範本檔案中可能會包含下列 TITLE 元件,它會將標記當做被括住的文字:
<TITLE>%TITLE%</TITLE>
當 Photoshop 使用這個範本檔案產生收藏館時,就會以您在「網路相片收藏館」對話框的「網站名稱」中輸入的文字,取代 %TITLE% 這個標記。
若要進一步了解現有的樣式,可以使用 HTML 編輯器開啟及研讀它的 HTML 範本檔案。由於建立 HTML 文件只需要使用標準的 ASCII 字元,因此,您可以使用純文字編輯器開啟、編輯或建立這類文件,例如「記事本」(Windows) 或 TextEdit (Mac OS)。
關於自訂網路相片收藏館樣式
您可以編輯一或多個 HTML 範本檔案,自訂現有的網路相片收藏館樣式。自訂樣式時,必須遵守下列原則,Photoshop 才能正確地產生收藏館:
樣式檔案夾必須包含這些檔案︰Caption.htm、IndexPage.htm、SubPage.htm、Thumbnail.htm、以及 FrameSet.htm。
您可以重新命名樣式檔案夾,但是不能重新命名檔案夾中的 HTML 範本檔案。
您可以有一個空白的 Caption.htm 檔案,並將決定註解版面的 HTML 編碼和標記置入 Thumbnail.htm 檔案中。
您可以用適當的文字或 HTML 編碼取代範本檔案中的標記,這樣就可以透過範本檔案設定選項,而不需要透過「網路相片收藏館」對話框,例如,範本檔案中可能包含 BODY 成份和下列這個以字符當成值的背景色屬性:
bgcolor=%BGCOLOR%
若要將網頁的背景色設定成紅色,可以用「FF0000」取代標記 %BGCOLOR%。
您可以在範本檔案中增加 HTML 編碼和標記。所有標記都必須使用大寫字元,並以百分比符號 (%) 作為開頭和結尾。
自訂或建立網路相片收藏館樣式
-
找出儲存現有網路相片收藏館樣式的檔案夾。
-
執行下列任一項作業:
若要自訂樣式,請建立樣式檔案夾的複本,然後將其儲存到與現有樣式檔案夾的相同位置。
若要建立新樣式,請建立新樣式的新檔案夾,然後將其儲存到與現有樣式檔案夾的相同位置。
新的或自訂的樣式 (以其檔案夾名稱命名) 會出現在「網路相片收藏館」對話框的「樣式」選單中。
-
使用 HTML 編輯器,執行下列任一項作業︰
自訂 HTML 範本檔案。
建立必要的 HTML 範本檔案,並將它們儲存在樣式檔案夾中。
建立範本檔案時,請確實遵守關於自訂網路相片收藏館樣式中說明的自訂原則。
註解:自訂或建立收藏館樣式的範本時,應將下列每個標記置入於 HTML 檔案的不同行︰%CURRENTINDEX%、%NEXTIMAGE%、%NEXTINDEX%、%PAGE%、%PREVIMAGE%、以及 %PREVINDEX%。在產生特定的收藏館網頁時,Photoshop 會略過範本中包含這些網頁不適用標記的指令行,例如,當 Photoshop 產生第一個收藏館頁時,它會略過範本中包含 %PREVIMAGE% 標記的所有指令行,因為這個標記是用來決定前一個收藏館頁的連結。如果將 %PREVIMAGE% 標記放在不同行,就可以確保 Photoshop 不會忽略掉範本中的其他標記。
網路相片收藏館樣式標記
Photoshop 為 HTML 範本檔案提供了一些標記,用來定義預設的網路相片收藏館樣式。Photoshop 根據使用者在「網路相片收藏館」對話框中的輸入,使用這些標記產生收藏館。
自訂或建立收藏館樣式時,可以在任何 HTML 範本檔案中增加任何標記,但是 %THUMBNAILS% 和 %THUMBNAILSROWS% 除外;這兩個標記只能出現在 IndexPage.htm 檔案中。請記住,增加標記時,可能也需要在檔案中增加 HTML 編碼,才能正確地使用標記。
您可以在 HTML 範本檔案中使用下列標記:
%ALINK%
決定作用中連結的顏色。
%ALT%
決定影像檔案的名稱。
%ANCHOR%
讓您能夠回到使用者檢視的影像縮圖,而不是索引的開頭。這會在使用者按下「首頁」按鈕時生效。
%BANNERCOLOR%
決定橫幅的顏色。
%BANNERFONT%
決定橫幅文字的字體。
%BANNERFONTSIZE%
決定橫幅文字的字體大小。
%BGCOLOR%
決定背景色。
%CAPTIONFONT%
決定首頁中每個縮圖下方的註解字體。
%CAPTIONFONTSIZE%
決定註解的字體大小。
%CAPTIONTITLE%
從檔案資訊插入註解的文件標題。
%CHARSET%
決定每一頁所使用的字元集。
%CONTACTINFO%
決定收藏館的聯絡資訊,例如電話號碼或位置。
%CONTENT_GENRATOR%
展開到「Adobe Photoshop CS5 網路相片收藏館」。
%COPYRIGHT%
從檔案資訊插入註解的版權資訊。
%CREDITS%
從檔案資訊插入註解的製作者資訊。
%CURRENTINDEX%
決定目前首頁的連結。
%CURRENTINDEXANCHOR%
位於 SubPage.htm 且指向第一個索引頁。
%DATE%
決定顯示在橫幅中的日期。
%EMAIL%
決定收藏館的電子郵件地址聯絡資訊。
%FILEINFO%
決定註解的影像檔案資訊。
%FILENAME%
決定影像的檔名。使用顯示為 HTML 文字的中繼資料。
%FILENAME_URL%
決定影像的 URL 檔名。此選項只能用於 URL 檔名。
%FIRSTPAGE%
決定顯示在框架組合右側框架中的第一個收藏館頁連結。
%FRAMEINDEX%
決定顯示在框架組合左側框架中的首頁連結。
%HEADER%
決定收藏館的標題。
%IMAGEBORDER%
決定收藏館頁中全尺寸影像的邊界大小。
%IMAGE_HEIGHT%
核取「增加影像的寬度和高度屬性」核取方塊。這讓使用者可以下載此屬性,以減少下載時間。
%IMAGE_HEIGHT_NUMBER%
此標記會以代表影像寬度的數值取代。
%IMAGEPAGE%
決定收藏館頁的連結。
%IMAGE_SIZE%
如果選取了「重新調整影像尺寸」方塊,此標記會包含使用於「大型影像」面板中的影像像素值。如果未選取此方塊,表示此標記包含空白字串。這對於範本中的 JavaScript 特別有用,因為可以顯示所產生網站上所有影像的最大高度和寬度值。
%IMAGESRC%
決定收藏館頁中全尺寸影像的 URL。
%IMAGE_WIDTH%
核取「增加影像的寬度和高度屬性」核取方塊。這讓使用者可以下載此屬性,以減少下載時間。
%IMAGE_WIDTH_NUMBER%
此標記會以代表影像寬度的數值取代。
%LINK%
決定連結的顏色。
%NEXTIMAGE%
決定下一個收藏館頁的連結。
%NEXTIMAGE _CIRCULAR%
設定大型預視影像與下個大型預視影像之間的連結。
%NEXTINDEX%
決定下一個首頁的連結。
%NUMERICLINKS%
在所有大型預視影像的子頁面中插入編號的連結。
%PAGE%
決定目前網頁的位置 (例如第 3 之 1 頁)。
%PHOTOGRAPHER%
決定為收藏館提供相片的人或組織的名稱。
%PREVIMAGE%
決定前一個收藏館頁的連結。
%PREVINDEX%
決定前一個首頁的連結。
%SUBPAGEHEADER%
決定收藏館的標題。
%SUBPAGETITLE%
決定收藏館的標題。
%TEXT%
決定文字顏色。
%THUMBBORDER%
決定縮圖邊界的大小。
%THUMBNAIL_HEIGHT%
核取「增加影像的寬度和高度屬性」核取方塊。這讓使用者可以下載此屬性,以減少下載時間。
%THUMBNAIL_HEIGHT_NUMBER%
此標記會以代表縮圖高度的數值取代。
%THUMBNAILS%
會將 Thumbnail.htm 檔案用於框架樣式,以縮圖取代這個標記。您必須將這個標記單獨置入一個 HTML 檔案中,且不換行。
%THUMBNAIL_SIZE%
包含「縮圖」面板中的縮圖像素值。這對於範本中的 JavaScript 特別有用,因為可以顯示所產生網站上所有縮圖的最大高度和寬度值。
%THUMBNAILSRC%
決定縮圖的連結。
%THUMBNAILSROWS%
會將 Thumbnail.htm 檔案用於非框架樣式,以縮圖列取代這個標記。您必須將這個標記單獨置入一個 HTML 檔案中,且不換行。
%THUMBNAIL_WIDTH%
核取「增加影像的寬度和高度屬性」核取方塊。這讓使用者可以下載此屬性,以減少下載時間。
%THUMBNAIL_WIDTH_NUMBER%
此標記會以代表縮圖寬度的數值取代。
%TITLE%
決定收藏館的標題。
%VLINK%
決定已瀏覽連結的顏色。