自 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 共同作業

常見錯誤

圖層在「摘取資產」中為空白

空白或無法顯示影像的圖層無法顯示在「摘取資產」對話框中。這些圖層可為剪裁遮色片、調整圖層,或僅為不含像素的圖層。

資產名稱發生衝突

如果您在不同群組中有相同名稱的圖層,這些圖層可能會互相覆寫,因為資產通常會演算到單一目錄中。為了避免發生此錯誤,Photoshop 會在偵測到衝突時自動將圖層重新命名。

如果您置換重新命名後的名稱,則會收到錯誤,避免您以選定的名稱置換現有的資產。

如果資產名稱含有無效的字元,也同樣會收到此錯誤。請刪除所有無效字元並重新命名檔案,以解決此問題。

影像位於文件邊界外

摘取無法演算影像,因為會溢出版面。移動影像使其符合版面範圍。

發生不明錯誤

如果 Adobe Generator 在「摘取資產」對話框開啟時停止回應,就會發生此錯誤。若要修正此錯誤,請按一下「完成」以關閉「摘取資產」對話框,接著儲存檔案,然後重新啟動 Photoshop。

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策