AI繪制圖標小技巧
后來在項目中不斷摸索，總結了幾個小技巧，讓我的繪制效率提升至少50%以上。今天和大家分享一下其中常用的四個小技巧，它們分別是：圖形與描邊、轉角工具、形狀生成工具和路徑偏移。文中使用的軟件是AI工具，作個劇透下期講 Ps、AI、XD、畫圖標分別有什么優劣勢。
01. 技能：巧用圖形與描邊
舉個“吸鐵石”圖標的例子，我們先拆解圖標，可以看成是一個“拱門”圖形添加描邊的效果，再加上兩條小短線。
首先我們需要繪制“拱門”圖形，這個形狀是不是特別像一半的圓角矩形，可以先畫一個圓角矩形。然后通過AI直接選擇工具（快捷鍵A），
激活圓角矩形的描點，將下面多余的描點選中（黑色的圈），（刪除），然后調整剩余圓角矩形的高度。
通過 +X 快捷鍵（轉成描邊快捷鍵）將圖形變成描邊，改變描邊的粗細，這步決定了圖標的形狀。
這個時候我們就得到了“拱門”圖形，接下去只要對“拱門”進行描邊處理就可以了，但是我們發現“拱門”圖形已經是描邊了，無法在描邊上繼續添加描邊，就要用到AI里面的“擴展”功能，目的是將描邊變成圖形。
再通過一次 +X 快捷鍵（轉成描邊快捷鍵）將圖形變成描邊，最后調整描邊粗細，底部的圓角，再加上兩條小短線，就可以得到這個“吸鐵石”圖形。
也許會有人問了，為什么不使用兩個半圓相減呢？
其實在這里也是可以的，因為“吸鐵石”是相對比較規整的圖標，但是當我們遇到以下這種圖標時，兩個圖形相減并不是那么方便了。
使用圖形和描邊轉化的方式就非常簡單，只要將之前一半的圓角矩形，多刪除一個描點，
然后通過 +X 快捷鍵，變成描邊，然后重復“吸鐵石”的步驟即可。
使用場景：適合描邊的圖標，用基本形狀拼出想要的圖標，然后通過 +X 幾次轉化后得到最終的結果。
02. 技能：使用轉角工具
舉個“圖片”圖標的例子，它是由三個部分組成，圓角矩形，小圓和一條波浪線組成。
圓角矩形和圓都是我們比較容易得到的圖形，但是怎么樣才能得到這條不規則的波浪線呢？之前我都是用鋼筆去畫圓角，這樣并不規范，然且銜接處不自然。
我們可以先用鋼筆工具畫一條帶折角的線，然后通過Ai直接選擇工具（快捷鍵A）選中三個圓角，
使用Ai自帶的圓角轉換調整工具，將直角調整到圓角8px的弧度。
使用場景：適合帶有圓角的圖標，先畫出直角，然后通過直接選擇工具選中描點，激活邊角（圓角）功能，調整到合適的數值，這樣處理的圖形過渡圓滑自然。
03. 技能：使用形狀生成工具
在畫圖標的時候，我們只知道用兩個形狀去做加、減、交叉集合，這里要給大家介紹形狀生成工具，它的優點
（1）可以使用線去和形狀做交集；
（2）方便形狀增大，減少和分割。
還是以上面的“圖片”圖標為例子，這時我們需要面形圖標，將圓角矩形和波浪線做組合，
將波浪線和圓角矩形（線與圖形）做組合，選擇形狀生成工具。
圖標的各個邊都被選中了，并且鼠標靠近的時候，會顯示“+”號，按住alt鍵會顯示“-”號，這里我們只要下面實心部分，所以按住alt鍵，將上面部分減去。
減去后可以得到想要的形狀，將顏色填充為橘色。
然后和圓角矩形，小圓組成新的“圖片”圖標。
再給大家舉個圖形增加和分割的例子
圖中是一個三元環，通過形狀生成工具，我將中間三個“花瓣”交叉的地方合并了，增加了一個新的圖形，如果是使用路徑查找器里面的“聯集”（加法），得到的是全部合并，而不是單獨部分的，如下圖：
而且通過形狀生成工具生成的圖形可以拆分，重新組合，
使用場景：適合相交，有集合的圖標，可以通過圖形與圖形，線與圖形，線與線等各種形式得到想要的形狀，靈活度高，操作性高。
04. 技能：認識偏移路徑
以我們最經常使用的微信圖標為例，由兩個形狀一致的對話框，通過對稱縮放疊加得到。
但是仔細看，兩個對話框之間有幾個像素的間距，在畫圖標的時候我們是不是經常用圖標縮放相減的方式得到描邊，但是縮小后我們發現，描邊的間距并不是一樣的，尖角那里明顯小一些。
雖然也能得到微信里的這那條白色間距，但是這種方式也是不夠規范的，這時候就可以使用AI里面的偏移路徑功能。
我們可以通過位移數值來調整白色間距的粗細。這樣得到的圖標我們可以看到一圈的間距都是相等的。
使用場景：適合一些帶尖角類型的圖標，不能通過放大縮小得到。通過設置偏移數值，作出相對正確的圖形。
05. 總結
很多時候，多練習固然很重要，但是好方法比盲目的練習更加重要。就拿圖標繪制來說，以前我只知道用圖形相切和鋼筆勾線這兩種方法。規則的圖形使用路徑查找器繪制，不規則的圖形只能使用鋼筆勾勒，經常需要花費大量的時間去修正。
通過這次的學習，讓我提升了效率，減少至少50%以上的時間。現在再畫上面的這四類圖標都不會超過5分鐘了，希望你們也能從中獲得一些感悟。歡迎交流學習以及指正。
