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

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

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

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

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

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

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

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

選擇存儲(chǔ)格式和切片類型

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

保存切片圖標(biāo)

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

處理非拉丁字條提示

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

總結(jié)

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