如果您不熟悉導出Web資産或在Photoshop中從畫闆中導出多個圖像,則本教程将幫助您實現這一目标。以下是有關如何從Photoshop導出資源的步驟。我假設您已經具有要導出的多個圖像的設計或布局,但不想一個接一個地導出它們。
步驟1:使用切片工具首先在“工具面闆”中選擇“切片工具”。切片工具是一次全部導出網站資産的最流行和有用的工具之一。也有切片層,但是對于本快速教程,我們僅關注資産導出。
第2步:切片作品
選擇切片工具後,您将必須對要導出和保存的圖像或區域進行切片。為此,隻需單擊并拖動您想變成切片的區域。切片使您可以輕松地在畫闆上選擇區域,無論所選區域是否具有多個圖層。它使選擇一個區域并将該區域保存為切片變得容易。
步驟3:命名切片現在,您已經對藝術作品進行了切片,現在是時候通過雙擊每個切片并命名切片來命名切片了。該對話框上的切片名稱将是圖像文件的名稱。
步驟4:保存切片
命名您的片後,你将然後另存為網頁通過選擇文件>導出>另存為網頁(舊)(CC 2015年5月1日)。然後将出現另存為窗口。
步驟5:導出切片
當保存為Web并正确導出文件時,此下一步也是最後一步非常重要。您将使用“ 切片選擇工具”來選擇切片,然後選擇“ PNG圖像”選項或您想要另存為的任何文件格式。然後,您将選擇底部顯示切片的選項,然後從下拉菜單中選擇所選切片。
然後,對話框将詢問您要将資産保存在何處。“保存為Web”資産将始終保存在名為“ Images”的文件夾中。如果尚未創建一個,則系統将自動為您創建一個。如果您已經創建了一個名為images的文件夾,那麼資産将保存在該文件夾中。如果已經創建一個圖像,請記住單擊并保存在圖像文件夾之外。Photoshop會自動進入圖像文件夾并将其保存在其中,但是在保存圖像資産時,您必須位于圖像文件夾之外而不是文件夾内。
,
更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!