Ai學習筆記:建立功能圖標的柵格系統(二)

Adobe Illustrator CC 2019

1、選擇“新建”畫板

Ai學習筆記:建立功能圖標的柵格系統(二)


Ai學習筆記:建立功能圖標的柵格系統(二)

Ctrl+shift+H 隱藏畫板

Ai學習筆記:建立功能圖標的柵格系統(二)

2、選擇“編輯”--“首選項”--“參考線和網格”,做一個48px的一套圖標,若次分隔線設為48,則表示一個像素一格;若次分隔線設為12,則表示四個像素一格。這裡設為12,避免太密集。

Ai學習筆記:建立功能圖標的柵格系統(二)

3、選擇“視圖”--“顯示網格”,然後按住alt鍵滾動鼠標滑輪,相應的縮小畫布。

Ai學習筆記:建立功能圖標的柵格系統(二)

4、做不可入侵區域,以免圖標頂到邊線上,導致太過密集。

選擇“視圖”--“對齊網格”,這樣可以嚴格貼緊網格。

選擇“矩形工具”,設置

Ai學習筆記:建立功能圖標的柵格系統(二)


Ai學習筆記:建立功能圖標的柵格系統(二)

屬性欄中,“描邊粗細”設為0.25pt,“描邊顏色”設為淺色,“天色”設為無,“描邊”設為虛線、2px。

Ai學習筆記:建立功能圖標的柵格系統(二)

5、接下來做矩形,正方形設為14或16的偶數倍,這裡設為32。

Ai學習筆記:建立功能圖標的柵格系統(二)


Ai學習筆記:建立功能圖標的柵格系統(二)

在屬性欄中選擇“描邊”,取消虛線

Ai學習筆記:建立功能圖標的柵格系統(二)

6、建立圓形,因為開起來要比正方形小,所以要比正方形大2-4pt大小。

Ai學習筆記:建立功能圖標的柵格系統(二)

進行對齊。選擇“窗口”--“路徑查找器”,

Ai學習筆記:建立功能圖標的柵格系統(二)

調整進行對齊

Ai學習筆記:建立功能圖標的柵格系統(二)

7、做橫豎兩個長方形

Ai學習筆記:建立功能圖標的柵格系統(二)

8、選中整個圖標,Ctrl+G 打組,整合成一個圖形。

然後複製、粘貼、調整

Ai學習筆記:建立功能圖標的柵格系統(二)

9、全部選中後,Ctrl+5 把它轉換為參考線

Ai學習筆記:建立功能圖標的柵格系統(二)


分享到:


相關文章: