使用手冊 取消

擷取資產

自 Photoshop CC 2015 版起,將不再以本文說明的形式提供擷取資產功能。Photoshop 已推出更為直覺式的功能,用來將工作區域、圖層、圖層群組和文件轉存為影像資產。

如需詳細了解這些新的轉存選項,請參閱轉存工作區域、圖層等項目

除了 Adobe Generator 之外,Photoshop CC (2014) 及舊版也提供「擷取資產」功能介面,讓您從 Photoshop 檔案快速擷取 Web 和螢幕設計所需的資產。您可以選取 Photoshop 中的圖層或圖層群組,然後使用圖形使用者介面,擷取圖層作為 JPG、PNG、SVG 或 GIF 等格式的影像資產。

「擷取資產」可讓您:

  • 從 PSD 擷取圖層或圖層群組作為一或多個影像資產
  • 建立 PNG、JPG、GIF 或 SVG 等格式的影像資產
  • 將所有影像資產設定為 1x、2x 或其他版本
  • 預覽每個影像資產
  • 輕鬆將資產擷取至您偏好的檔案夾
  • 無論何時只要 PSD 變更,請務必更新擷取的資產

擷取圖層或圖層群組

選取要擷取的多個圖層或圖層群組後,您可以選擇從各個選取項目產生個別資產。

  1. 選取一或多個圖層或圖層群組。
  2. 執行下列任一操作:
  • 在所選項目上按右鍵,然後從內容選單選取「擷取資產」
  • 按下 Cmd+Opt+Shift+W (Mac) 或 Ctrl+Alt+Shift+W (Windows) 鍵盤快速鍵。
  • 選取「檔案 > 擷取資產」
註解:

「擷取資產」支援符合 Photoshop 產生器語法的圖層名稱。例如,如果您嘗試從名稱為 layer.gif 的圖層擷取資產,「擷取資產」對話框會顯示 GIF 作為影像資產的預設格式。

  1. 在「擷取資產」對話框中,為您要產生的各個資產指定下列設定:

    資產格式:
    選取 PNG-8、PNG-24、PNG-32、GIF、JPG 或 SVG。
    品質調整:
    若為 JPEG 資產,您可以指定 0-100% 的值來調整資產品質。朝適當方向調整滑桿。
  1. 若要擷取一個版本以上的資產,請在「擷取資產」對話框中按一下資產旁的「+」圖示。您可以為各項資產指定不同的格式、品質及縮放參數。
  2. 按一下「擷取」
  3. Photoshop 會提示您須變更圖層名稱,才能繼續擷取資產。這是因為 Photoshop 使用底層產生器框架,利用產生器語法來建立資產。按一下「確定」以繼續擷取資產。
  4. 瀏覽至您要儲存所產生資產的檔案夾。
  5. 按一下「擷取」。Photoshop 會建立影像資產,並在 Finder (Mac) 或 Windows 檔案總管中開啟包含這些影像資產的檔案夾。建立資產期間,相關圖層會自動依照 Photoshop 產生器語法重新命名。
註解:

擷取圖層/圖層群組作為影像資產後,當您下次叫用影像資產擷取功能時,「擷取資產」對話框便會顯示這些影像資產。

指定資產解析度

您可以使用一系列預先填入的設定組合,為不同的用途指定擷取設定和建立資產。例如,您可以產生適用於 Retina 顯示器的資產。您所指定的所有設定都會套用至整份文件。

  1. 在右側的「擷取資產」區段,指定您所需的一或多個解析度。
  2. 如果系統未列出所需的解析度,或是您想要變更以不同解析度擷取之資產的目的地次檔案夾,請按一下「設定」
  3. 您可以使用各種解析度的預設尾碼,或是新增自訂尾碼。
  4. 您也可以選擇使用各種解析度的預設次檔案夾,或是指定您偏好的其他次檔案夾名稱。
  5. 在「擷取資產」對話框中按一下「完成」,即可將這些設定儲存至文件中。之後要建立資產時,就會使用相同的設定。在任何情況下,以 Photoshop CC 開啟文件時,都會以您選擇的解析度建立所有未來資產。

自動產生資產

若有必要,您可以選取「更新文件時自動產生資產」選項。此選項會與 Photoshop 產生器的「產生 > 影像資產」選項同步。啟用「擷取資產」選項後,此 Generator 選項會自動啟用。

與開發人員分享

  1. 將 PSD 檔案儲存至與 Creative Cloud 同步的 Creative Cloud 檔案夾。
  2. 開啟「擷取資產」(「檔案 > 擷取資產」) 並新增您想要的資產。按一下「擷取」並選擇預設檔案夾進行儲存。
  3. 在 Creative Cloud 中開啟 PSD 後,您便可檢視 Photoshop 檔案和已擷取的資產清單。
  4. 您現在可以將建立的 PSD 和資產與開發人員分享,以透過 Creative Cloud 共同作業

常見錯誤

更快、更輕鬆地獲得協助

新的使用者?