自 Photoshop CC 2015 版起,將不再以本文說明的形式提供摘取資產功能。Photoshop 已推出更為直覺式的功能,用來將工作區域、圖層、圖層群組和文件轉存為影像資產。
如需詳細了解這些新的轉存選項,請參閱轉存工作區域、圖層等項目。

除了 Adobe Generator 之外,Photoshop CC (2014) 及舊版也提供「擷取資產」功能介面,讓您從 Photoshop 檔案快速擷取 Web 和螢幕設計所需的資產。您可以選取 Photoshop 中的圖層或圖層群組,然後使用圖形使用者介面,擷取圖層作為 JPG、PNG、SVG 或 GIF 等格式的影像資產。
「擷取資產」可讓您:
- 從 PSD 擷取圖層或圖層群組作為一或多個影像資產
- 建立 PNG、JPG、GIF 或 SVG 等格式的影像資產
- 將所有影像資產設定為 1x、2x 或其他版本
- 預覽每個影像資產
- 輕鬆將資產摘取至您偏好的檔案夾
- 無論何時只要 PSD 變更,請務必更新摘取的資產
- 選取一或多個圖層或圖層群組。
- 執行下列任一操作:
- 在所選項目上按右鍵,然後從內容選單選取「擷取資產」。
- 按下 Cmd+Opt+Shift+W (Mac) 或 Ctrl+Alt+Shift+W (Windows) 鍵盤快速鍵。
- 選取「檔案 > 擷取資產」。
註解:
「摘取資產」支援符合 Photoshop 產生器語法的圖層名稱。例如,如果您嘗試從名稱為 layer.gif 的圖層擷取資產,「擷取資產」對話框會顯示 GIF 作為影像資產的預設格式。
- 在「擷取資產」對話框中,為您要產生的各個資產指定下列設定:
資產格式:選取 PNG-8、PNG-24、PNG-32、GIF、JPG 或 SVG。
品質調整:若為 JPEG 資產,您可以指定 0-100% 的值來調整資產品質。朝適當方向調整滑桿。
- 若要摘取一個版本以上的資產,請在「摘取資產」對話框中按一下資產旁的「+」圖示。您可以為各項資產指定不同的格式、品質及縮放參數。
- 按一下「擷取」。
- Photoshop 會提示您須變更圖層名稱,才能繼續擷取資產。這是因為 Photoshop 使用底層產生器框架,利用產生器語法來建立資產。按一下「確定」以繼續擷取資產。
- 瀏覽至您要儲存所產生資產的檔案夾。
- 按一下「擷取」。Photoshop 會建立影像資產,並在 Finder (Mac) 或 Windows 檔案總管中開啟包含這些影像資產的檔案夾。建立資產期間,相關圖層會自動依照 Photoshop 產生器語法重新命名。
註解:
擷取圖層/圖層群組作為影像資產後,當您下次叫用影像資產摘取功能時,「摘取資產」對話框便會顯示這些影像資產。
您可以使用一系列預先填入的設定組合,為不同的用途指定擷取設定和建立資產。例如,您可以產生適用於 Retina 顯示器的資產。您所指定的所有設定都會套用至整份文件。
- 在右側的「摘取資產」區段,指定您所需的一或多個解析度。
- 如果系統未列出所需的解析度,或是您想要變更以不同解析度摘取之資產的目的地次檔案夾,請按一下「設定」。
- 您可以使用各種解析度的預設尾碼,或是新增自訂尾碼。
- 您也可以選擇使用各種解析度的預設次檔案夾,或是指定您偏好的其他次檔案夾名稱。
- 在「摘取資產」對話框中按一下「完成」,即可將這些設定儲存至文件中。之後要建立資產時,就會使用相同的設定。在任何情況下,以 Photoshop CC 開啟文件時,都會以您選擇的解析度建立所有未來資產。
- 將 PSD 檔案儲存至與 Creative Cloud 同步的 Creative Cloud 檔案夾。
- 開啟「摘取資產」(「檔案 > 摘取資產」) 並新增您想要的資產。按一下「摘取」並選擇預設檔案夾進行儲存。
- 在 Creative Cloud 中開啟 PSD 後,您便可檢視 Photoshop 檔案和已擷取的資產清單。
- 您現在可以將建立的 PSD 和資產與開發人員分享,以透過 Creative Cloud 共同作業。