本次給大家帶來時尚圖標的譯文教程，也歡迎大家關注我的新浪微博：米夏小雨。來咱們尬聊吧。今天的教程篇幅可能會有點過長，所以大家要有準備哦，不過我已經處理了一些不必要的廢話。教程開始前我們應該先設置一下我們的AI。

先看看效果圖

首先我們新建畫布的時候設置如下：

畫板數量：1

寬度：800px

高度：600px

單位：像素

顏色模式：RGB

分辨率：72

畫布大小自己覺得也可以，但是顏色模式和單位不要錯了哦!

其次我們在首選項里面把參考線和網格里的網格線間隔設置為1px

*為了好區分每個圖標的圖層，我們可以先創建好應有的圖層并取好名。(看個人啦這步可以不要)

好了，開始砸門今天的射擊之路吧!

1.我們先創建參考網格

在我們的例子中，我要讓創建的圖標是一樣的大小，所以我們就要創建一些參考網格。

步驟1

創建一個128x128像素的的橙色矩形，然后我們在創建一個120x120像素的矩形只要描邊。然后將兩者中心點對齊。此時就會有4px的寬度，然后我們用路徑查找器里面的分割切掉(其實我們可以直接用128px的矩形給他4px的描邊效果是一樣的)

步驟2

把剛才做好的矩形復制出需要的個數，讓他們每個距離是40px(這個距離可以不用糾結)然后我們全部選擇到按Ctrl+2鎖定他們

2.開始繪制我們的眼鏡圖標

步驟1

我們繪制一個大小為44x44的橢圓，然后使用#6fd8c4填充。

步驟2

把橢圓復制一份，給2px的描邊，顏色為#3d2f2c。然后在描邊對齊里面選擇居中對齊(默認內側對齊)然后把描邊大小改為4px。

步驟3

用鋼筆工具畫一塊，此處我無法描述請看下圖，反正你拖動到自己滿意就好。

步驟4

我們將多的那一塊移動到底層(選擇他右擊就會出現哈)

步驟5

接著我們來創建眼鏡的重要部分,畫一個8x16像素的矩形(#3D2F2c)我們將他放到橢圓高度一半的位置，然后對齊邊緣。

步驟6

此時，我們將這個矩形的角做圓處理，在他的屬性面板里面設置4px的圓角。(新版ai的小伙伴直接選擇一點拖就好)

步驟7

此刻，我們將復制出一個鏡片來，我們選擇到所有，在工具欄里面選擇鏡像工具。然后我們選擇一個點作為鏡像的點按住alt并點擊那個點。然后我們將他們之間的間距調整為8px。

步驟8

我們開始添加眼橋的部分，用一個16x16px的圓描邊設置為4px，這時我們將其對齊讓他距離活動區域的距離和之前鏡片的一致。

步驟9

這時我們調整好圓的位置，我們就用直接選擇工具選擇到底部的點，然后刪除他。(如果你有眼鏡你可以看看你的長什么樣子)