ps如何用切片導出三張圖-tft每日頭條

切片工具

如果您不熟悉導出Web資産或在Photoshop中從畫闆中導出多個圖像，則本教程将幫助您實現這一目标。以下是有關如何從Photoshop導出資源的步驟。我假設您已經具有要導出的多個圖像的設計或布局，但不想一個接一個地導出它們。

步驟1：使用切片工具

首先在“工具面闆”中選擇“切片工具”。切片工具是一次全部導出網站資産的最流行和有用的工具之一。也有切片層，但是對于本快速教程，我們僅關注資産導出。

ps如何用切片導出三張圖（如何在Photoshop中切片和導出圖像）1

第2步：切片作品

選擇切片工具後，您将必須對要導出和保存的圖像或區域進行切片。為此，隻需單擊并拖動您想變成切片的區域。切片使您可以輕松地在畫闆上選擇區域，無論所選區域是否具有多個圖層。它使選擇一個區域并将該區域保存為切片變得容易。

步驟3：命名切片

現在，您已經對藝術作品進行了切片，現在是時候通過雙擊每個切片并命名切片來命名切片了。該對話框上的切片名稱将是圖像文件的名稱。

ps如何用切片導出三張圖（如何在Photoshop中切片和導出圖像）2

步驟4：保存切片

命名您的片後，你将然後另存為網頁通過選擇文件>導出>另存為網頁（舊）（CC 2015年5月1日）。然後将出現另存為窗口。

ps如何用切片導出三張圖（如何在Photoshop中切片和導出圖像）3

步驟5：導出切片

當保存為Web并正确導出文件時，此下一步也是最後一步非常重要。您将使用“ 切片選擇工具”來選擇切片，然後選擇“ PNG圖像”選項或您想要另存為的任何文件格式。然後，您将選擇底部顯示切片的選項，然後從下拉菜單中選擇所選切片。

然後，對話框将詢問您要将資産保存在何處。“保存為Web”資産将始終保存在名為“ Images”的文件夾中。如果尚未創建一個，則系統将自動為您創建一個。如果您已經創建了一個名為images的文件夾，那麼資産将保存在該文件夾中。如果已經創建一個圖像，請記住單擊并保存在圖像文件夾之外。Photoshop會自動進入圖像文件夾并将其保存在其中，但是在保存圖像資産時，您必須位于圖像文件夾之外而不是文件夾内。

ps如何用切片導出三張圖（如何在Photoshop中切片和導出圖像）4

ps如何用切片導出三張圖（如何在Photoshop中切片和導出圖像）5