在制作網(wǎng)頁或設(shè)計項目時，我們經(jīng)常需要將設(shè)計稿中的圖標(biāo)提取出來，并以適當(dāng)?shù)母袷奖４?。通常，我們會選擇使用Photoshop（PS）來進行圖標(biāo)的切片和保存。但實際上，Adobe Illustrator（A

在制作網(wǎng)頁或設(shè)計項目時，我們經(jīng)常需要將設(shè)計稿中的圖標(biāo)提取出來，并以適當(dāng)?shù)母袷奖４?。通常，我們會選擇使用Photoshop（PS）來進行圖標(biāo)的切片和保存。但實際上，Adobe Illustrator（AI）也是一款非常適合進行切圖工作的軟件，甚至有些方面比PS更加方便和靈活。下面就讓我們來學(xué)習(xí)如何使用AI進行圖標(biāo)切片吧！

打開AI軟件并導(dǎo)入圖標(biāo)

首先，打開AI軟件（本文使用的是CS6版本），然后點擊菜單欄的“文件”選項，選擇“打開”，或者使用快捷鍵CTRL O導(dǎo)入你的設(shè)計稿。

檢查并編組圖標(biāo)

在AI中，每個圖標(biāo)都應(yīng)該被單獨編組。使用選擇工具檢查每個圖標(biāo)是否已經(jīng)被正確編組。如果未被編組，請使用選擇工具框選每個單獨的圖標(biāo)，然后右擊選擇“編組”。

創(chuàng)建切片并設(shè)置分布情況

接下來，框選整個文檔中的所有圖標(biāo)，或者使用快捷鍵CTRL A全選。然后點擊菜單欄的“對象”選項，選擇“切片”，再選擇“建立”來創(chuàng)建切片。此時，你可以看到切片線條大致分布在每個圖標(biāo)周圍。

選擇存儲格式和切片類型

點擊菜單欄的“文件”選項，選擇“存儲為Web所用格式（W）”或使用快捷鍵ALT SHIFT CTRL S進入存儲設(shè)置。在彈出的對話框中，選擇你希望使用的存儲格式，如GIF、JPEG、PNG-8或PNG-24。然后選擇導(dǎo)出的切片類型為“選中的切片”。最后，點擊“存儲”。

保存切片圖標(biāo)

選擇保存的位置，并點擊“保存”。這將導(dǎo)出你選擇的切片為相應(yīng)格式的圖標(biāo)文件。你會發(fā)現(xiàn)，在保存的位置上出現(xiàn)了一個名為“圖像”的文件夾，其中包含剛剛導(dǎo)出的圖標(biāo)文件。

處理非拉丁字條提示

可能會遇到一個提示信息，提示說存儲的某些文件名稱包含非拉丁字條，與某些Web瀏覽器和服務(wù)器不兼容。直接點擊“確認(rèn)”即可。如果你的圖標(biāo)將用于網(wǎng)站等需要兼容性的場景，建議將AI文檔命名為英文字符。

總結(jié)

使用AI進行圖標(biāo)切片和保存是一種非常方便和靈活的方法，尤其在處理矢量圖時更加人性化。通過以上步驟，你可以輕松地將設(shè)計稿中的圖標(biāo)導(dǎo)出為不同格式的圖標(biāo)文件，并應(yīng)用于你的網(wǎng)頁設(shè)計或其他項目中。試試這種方法，體驗一下AI切圖的便利！