UI設計師教你AI作圖標

1.打開AI，新建文檔。建立一個800X600px的畫布，顏色填充為#e2e2e2，也可以隨意。

2.用橢圓工具繪制一個120X120px的正圓，由于是線性圖標，所以我們關掉上面的填充，描邊用3px，描邊顏色填充為#ef6666,如圖所示:

3.再復制一個,縮放至105x105px，描邊為3px的正圓，因為我這里的數(shù)值是奇數(shù)，我用直接再繪制一個圓的方法，然后用對齊工具里的水平居中對齊和垂直居中對齊，如圖所示:

4.將里面的小圓打斷，用鋼筆工具添加4個描點，添加在你要保留的部分線段上。用直接選擇工具選擇你不要的線段，按delete鍵直接刪掉，將剩下的線段端點在描邊屬性欄里面的端點里面改為圓頭端點，然后選擇全部線段點右鍵編組。

5.做圓頭頂?shù)膱D案，用圓角矩形工具繪制一個20x30px，圓角半徑為6px的圓角矩形。

繪制一個8x20px,圓角半徑為6px的圓角矩形，按照下圖排列，最好是與上一個圖像重合一半，用鋼筆工具在線段相交處增加描點。

直接選擇工具選擇不要的線段直接delete刪除，在大圓角矩形里用直線段工具繪制1條長4px，角度為90，描邊為2pt的線段，端點改為圓角端點然后再復制2條。

最后一定要記得點右鍵將你做的這些跟大圓居中對齊，并編組。

6.現(xiàn)在我們要開始做里面的松樹了。

用多邊行工具繪制一個半徑為20px，邊數(shù)為3描邊為3px的正三角形，用直接選擇工具選中三角形的頂部描點高度往下拉至20px。

繪制一個半徑30px的正三角形，將三角形高度下拉至30px。

再繪制一個半徑40px的正三角形，將三角形高度下拉至40px。

將三個三角形如下圖排列在一起，用路徑查找器里面的聯(lián)集組合在一起。

7.用選擇工具選中松樹，點擊效果里的風格化，選擇里面的圓角效果，圓角半徑設置為3px。然后繪制一個圓角矩形15x20x6px，作為松樹根，上半部遮住的一部分按上面講的的操作方式刪除，然后分別添加兩個半徑為10px和一個半徑為7px的正圓，擺放位置如下圖。

8.現(xiàn)在我們來做松樹上的鏈子。

首先用橢圓工具繪制一個4x4px，填充顏色為#ef6666，讓圓點繞著大圓排列一圈。

操作步驟如下：

首先選擇工具選中要旋轉的紅色小點，再選擇旋轉工具，快捷鍵為R。按住Alt鍵，把圓點的中心點移動到大圓的中心。設置旋轉角度為5，點擊“復制”。按“ctrl+D”進行重復復制，復制到一半就行，因為我們要的只是一部分。

9.現(xiàn)在我們將珠鏈選中你要的部分進行編組，然后旋轉角度放置到松樹上，角度隨意，怎么好看怎么來。

然后我們做樹頂上的五角星，這些都是圣誕元素必不可少的，選擇星形工具，按住shift鍵繪制一個正五角星，是不是感覺角有點尖銳，沒關系，給它增加一個圓角效果，選擇效果里的風格化圓角效果，半徑選擇1px。

10.現(xiàn)在是雪花的制作了，到了這一步，基本上完成了一大半了。

用直線段工具分別繪制兩條長度10px，5px，角度為90度，描邊1.5pt的兩條線段，將短的那條線段向右旋轉45度，然后對稱過來進行編組，記得將端點改為圓角端點，這樣雪花枝丫做好了。

選擇工具選中剛才編好組的雪花枝丫，點旋轉工具，然后將出現(xiàn)的旋轉中心點按住alt鍵移動到雪花枝丫的底部頂點。設置旋轉角度為60，點擊“復制”。按“ctri+D”進行重復復制一圈。就這樣雪花完成了。

11.將做好的雪花復制一朵，擺好位置。然后開始做最后的裝飾，滿球的點點，用矩形工具繪制一個2x2px的方形做點，然后復制粘貼，要擺放好看一點，好了，第一個圣誕圖標就做好了。

大家做完了是不是覺得超級簡單，這里面其實還可以用很多的快捷鍵快速完成，但我覺得掌握好技法不是特別重要，重要的是一開始你要理解這個去做的過程，學會分析，仔細加上耐心，慢慢的熟練了你的技法就會提高了。學會了第一個那么第二個就很容易做了，基本上大量運用的就是AI里的形狀工具，對齊和布爾運算。

第二個圖標算是留下的給你們發(fā)回的作業(yè)吧，當然有不懂得大家可以留言。謝謝大家的觀看，越努力越幸運，期待下次再見。

相關文章--《產(chǎn)品經(jīng)理的價值 | 后臺產(chǎn)品業(yè)務與設計的平衡點》