今天來教同學們繪制一組SVG格式的圣誕圖標，利用神器生成字體圖標，界面全中文，步驟清晰明了，簡單易學，文末還有個人專屬福利資源送上，節日過后別錯過這種好教程咯。

前言

圣誕節雖然與西方人的信仰有關，但對于我們中國人來說，這是一個和浪漫、娛樂和送禮有關的節日。那么，就讓我們用AI來繪制一組SVG格式的圣誕嘉年華圖標吧。網頁設計師們應該并不陌生，網絡的網頁字體圖標就是利用SVG插入網頁顯示的，它保持了高清的完美細節，在多平臺的網頁里受到追捧，這篇教程將教大家如何通過AI繪制SVG圖標，并利用在線工具生成字體圖標。

一、認識SVG圖標

首先，我們來說說SVG這個圖片格式。SVG對WEB端非常友好，尤其是近些年顯示屏的革新。適應無數手機屏幕尺寸不一的要求，矢量圖發揮了自身的特性，那就是無論屏幕尺寸大小，它都顯示得非常清楚，而像素級圖片相形見絀。

對于WEB來說，“全屏”一直是個問題(因為沒有任何人愿意通過手機端去等待一張重量級圖片的加載)，而SVG是經過簡化的矢量格式，它是由XML傳輸，許多沒必要的“細節”被清除，剩下的是相對更輕量的文件。

最后，一個SVG文件的內容是可以被復制，它也可以像其他WEB里的元素一樣被美化，SVG里有一部分可以被獨立出來，并且可以更改圖片的顏色，重置描邊大小，設置透明度，我們還可以給它用上某種效果(例如模糊)，甚至動畫效果……這一切通過CSS和JS就可以做到。而SVG不僅可以做成圖標，還可以做成LOGO，標語，文字等。

二、繪制圖標

1、尺寸大小的確定

在我們繪制圖標前，我們要對整個圖標的大小有個比較明確的概念。也就是，有時候你撐開全屏畫出的圖標，等到縮小使用后(圖標通常都是縮小使用的)，往往效果卻是另一回事。

矢量圖標的大小通常不是特別大的問題，因為矢量的好處就在于無限的伸縮性，但是，在開始繪制前，最好有這樣兩個規劃。

圖標文件的尺寸大小是多少?

圖標線條是多少像素?

在規劃好后，可以嘗試著畫一個很簡單的粗略的圖，然后縮小后略微看看效果。這樣才能判斷出線條大小多少比較合適。

2、利用網格線

打開AI，新建文檔。在這里，我建立的是一個800px*800px的文檔。根據剛剛的粗略判斷，我把我要畫的圖標定為：描邊為16px，內部線條為8px，在這里8px是一個基本單位。那么，我們可以知道我們要畫的矩形格子也是8pt為邊長。

因此，新建后的文檔，選擇【視圖>顯示網格】以及【對齊網格】，在【編輯>首選項>參考線和網格】中“網格線間隔”就可以設置為8px，其他可參考我所提供的設置參數。

3、繪制輪廓線

盡量選用鋼筆工具和基礎圖形的描邊來繪制，描邊大小我在這里設置的是16pt。先勾勒出圣誕襪子的輪廓。

在使用鋼筆工具繪制時，出現用鼠標控制不當造成的失誤，線條不夠平滑。這時，可以在工具欄中找到【平滑工具】，對準路徑進行平滑處理。這個工具往往可以幫你把手繪線條自動處理平滑。在進行平滑處理前，請記得選中對應的路徑。