本次給大家?guī)頃r尚圖標(biāo)的譯文教程，也歡迎大家關(guān)注我的新浪微博：米夏小雨。來咱們尬聊吧。今天的教程篇幅可能會有點(diǎn)過長，所以大家要有準(zhǔn)備哦，不過我已經(jīng)處理了一些不必要的廢話。教程開始前我們應(yīng)該先設(shè)置一下我們的AI。先看看效果圖。

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

畫板數(shù)量：1

寬度：800px

高度：600px

單位：像素

顏色模式：RGB

分辨率：72

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

其次我們在首選項里面把參考線和網(wǎng)格里的網(wǎng)格線間隔設(shè)置為1px

*為了好區(qū)分每個圖標(biāo)的圖層，我們可以先創(chuàng)建好應(yīng)有的圖層并取好名。(看個人啦這步可以不要)

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

一、我們先創(chuàng)建參考網(wǎng)格

在我們的例子中，我要讓創(chuàng)建的圖標(biāo)是一樣的大小，所以我們就要創(chuàng)建一些參考網(wǎng)格。

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

步驟2、把剛才做好的矩形復(fù)制出需要的個數(shù)，讓他們每個距離是40px(這個距離可以不用糾結(jié))然后我們?nèi)窟x擇到按Ctrl+2鎖定他們

二、開始繪制我們的眼鏡圖標(biāo)

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

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

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

步驟4、我們將多的那一塊移動到底層(選擇他右擊就會出現(xiàn)哈)

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

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

步驟7、此刻，我們將復(fù)制出一個鏡片來，我們選擇到所有，在工具欄里面選擇鏡像工具。然后我們選擇一個點(diǎn)作為鏡像的點(diǎn)按住alt并點(diǎn)擊那個點(diǎn)。然后我們將他們之間的間距調(diào)整為8px。

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

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

步驟10、在眼鏡的左邊添加一個10x74px的矩形，然后把描邊設(shè)置為2px(記住在這個圖標(biāo)里面很多的地方描邊都是居中對齊的哈)然后矩形的位置是里外面2px，距離下面是16px。

步驟11、這個時候我們將矩形的底部做圓角處理，然后我們復(fù)制一個放到右邊。

步驟12、這時我們到了最后一步了，我們畫一個12px的線條，描邊寬2px。放到鼻子的位置，然后我們在畫一個4x10px的矩形(#f27e51)2px的描邊(#3d2f2c)然后我們在畫一個2x4px的矩形。放到如圖的地方。

三、繪制皮包圖標(biāo)

現(xiàn)在我們開始第二個圖標(biāo)的繪制吧!

步驟1、包包的上面部分我們使用一個88x28px的矩形(#b27886)然后4px的描邊(#3d2f2c)然后距離活動區(qū)頂部的距離為16px 。

步驟2、添加一些裝飾的東西，創(chuàng)建一個4x2px的矩形，然后水平方向距離為4px。距離頂部的描邊為2px。然后我們復(fù)制出來一排。

步驟3、在創(chuàng)建一個16x6px的矩形作為小口袋，描邊為4px去掉填充。然后放到中間位置。

步驟4、添加一個6x6px的矩形，放到口袋的左邊，然后復(fù)制一個放到右邊。然后選擇這3個對象并垂直居中對齊。然后在添加一個8x3px的矩形，放到口袋里面，邊緣對齊。

步驟5、我們來創(chuàng)建包包的底部，使用一個88x56px的矩形，描邊寬度為4px。描邊要與之前的頂部對齊重疊。

步驟6、我們?yōu)榘牡撞恳蔡砑右恍┭b飾，與之前頂部的一樣，我想偷懶就不描述啦。你可以選擇直接復(fù)制。

步驟7、我們在底部的左邊也要添加同樣的裝飾，同理右邊也需要，所以做法是一樣的我就不過多重復(fù)啦，畢竟好熱，我想去快點(diǎn)譯完去吃西瓜!

步驟8、我們添加一個12x18px的矩形，然后描邊設(shè)置為2px。將他放到底部的中心位置并對其邊緣，然后在畫一個12x12px的圓，4px的描邊，去掉填充。圓的中心點(diǎn)與底部的中心點(diǎn)重疊。然后我們在畫2個2x2px的圓放到去掉填充的圓內(nèi)。

步驟9、畫一個6x12px的矩形，描邊設(shè)置為4px，然后調(diào)整矩形的位置。在用鋼筆畫一條包包的繩子。具體操作如圖。畫好后我們復(fù)制一份放到右邊在進(jìn)行翻轉(zhuǎn)就OK了。

步驟10、我們將復(fù)制好的繩子底部的處進(jìn)行圓角處理，然后我們的包包就畫好了

四、繪制鞋子(顏色值大家吸取就好)

步驟1、我們先繪制鞋子最前面的部分，繪制一個32x10px的矩形，我們將描邊設(shè)置為4px。然后將前面的2個點(diǎn)圓角。然后調(diào)整到距離活動區(qū)域底部有32px的距離。

步驟2、現(xiàn)在我們添加一個64x10px的矩形作為鞋子的后面，設(shè)置描邊為4px，將其與前面的描邊重疊。

步驟3、畫一條長64px的水平線，寬度為2px。設(shè)置居中鞋子后面的這個矩形。然后在畫一個4x4px的矩形作為鞋子的標(biāo)簽。放到后面的矩形與其邊緣居中對齊。

步驟4、畫一個16x8px的矩形描邊設(shè)置為4px，放到前面矩形的上面，讓他里活動區(qū)域的邊緣有4px的距離。然后在選擇右邊第一個點(diǎn)進(jìn)行圓角處理。

步驟5、此時的步驟進(jìn)入無法描述的階段，請看下圖，使用鋼筆工具畫出鞋子的主題形狀。

步驟6、給你剛剛創(chuàng)建好的鞋子主體設(shè)置一個4px的描邊吧。

步驟7、此時到了畫鞋子的舌頭了，使用12x8p的矩形，設(shè)置描邊為4px，然后設(shè)置8px的圓角。具體位置看圖。

步驟8、使用一個4px的線條作為鞋子的鞋帶，然后就是復(fù)制啦。簡單的地方我選擇看圖帶過。

步驟9、我們開始繪制鞋眼，使用一個6x6px的圓，描邊設(shè)置為2px，讓后再畫一個2px的圓。人們他們中心點(diǎn)重疊。擺放位置我們看圖，然后我們復(fù)制出另一個來。

步驟10、我們畫一個16x16px的圓作為鞋子的補(bǔ)丁，描邊設(shè)置為4px，然后擺放位置我們依舊看圖。

步驟11、我們在圓形補(bǔ)丁里面畫一個五角星，這樣鞋子就會漂亮許多啦。此時鞋子完美的畫完，你很棒棒啦。我們在選擇全部的在復(fù)制一個好不好呢!記得打組哦，不然你就要麻煩啦。(表示我估計不提醒你的)

步驟12、調(diào)整鞋子得到顏色，請在下圖吸取!然后我們給鞋子畫一個長長的鞋帶吧，寬4px的線條就好，記得用鋼筆畫的時候要做圓角處理哦!還要記得在末端畫個小的線條。至于為什么你看你的鞋帶就知道了。

五、繪制一個步驟復(fù)雜的圖標(biāo)!(如果你看到這里了說明你很棒棒!)

步驟1、畫一個56x76px的圓角矩形，描邊設(shè)置為4px。并居中對齊活動區(qū)域。

步驟2、繪制2組2x4px的矩形，垂直間距為4px，然后距離主體邊緣為2px。接著就是各種復(fù)制啦。

步驟3、此時我們繪制一個24x22px的矩形描邊設(shè)置為4px。然后和主體中心對齊，距離定位處16px。

步驟4、添加2組2x4px的矩形，然后在繪制一個4x4px的圓，在接著再兩邊畫一個6x12px的矩形。請對齊哦!然后我們把剛才做好的復(fù)制一份放到底部。不過我們需要去掉里面的正方形和圓形等裝飾!細(xì)節(jié)請看圖!

步驟5、繪制一個24x12px的矩形，我們放到下圖的位置。

再將其底部邊緣的位置用鋼筆描點(diǎn)，然后用直接選擇工具拖動到如圖位置。(圖上的其他東西我們可以忽略哈)

步驟6、此時的我們應(yīng)該給他一個4px的描邊，如圖

再接著畫一個4x4px的描邊，放到如圖位置!記得做居中處理!

步驟7、以主體為中心畫一個56x56px的圓，將其描邊設(shè)置為4px。記得做居中處理哦!

其次我們畫一個44x44px的圓，描邊同樣設(shè)置為4px。

步驟8、接著我們應(yīng)該給這個表畫4個刻度，使用一個6px的線條，然后寬2px。巧妙的用參考線畫出4個角的刻度。

這是我們應(yīng)該在里面畫一個6x6px的圓描邊設(shè)置為4px，接著是畫一個14x14px的圓，描邊設(shè)置為2px。(里面的是6x6，外面的是14x14px)

步驟9、我們接著給他添加一個寬4px的時針，然后添加一個寬2px的分針!長度自己把握!

接著我們需要一些裝飾的東西，畫一個20x20px的圓，然后描邊設(shè)置為2px。然后我們將其用直接選擇工具把它的其余2個點(diǎn)刪除。留下一個如圖一樣的東西。

接著，我們需要復(fù)制一個這樣的線條出來做鏡像。關(guān)于鏡像我前面說了，選擇你只是改變一下方向

步驟10、我們給表繪制一個可以調(diào)整時間的按鈕，5x8px的矩形設(shè)置描邊4px，與主體中心對齊并邊緣對齊!

接著，我們用鋼筆工具在左下角畫一個粗細(xì)為4px得線條，并且在轉(zhuǎn)角的地方進(jìn)行圓角處理。

同理在右邊也要繪制同樣的線條，不過我們要變換一下形式。粗細(xì)和高度不會變化哈

這是我們到了最后一個步驟，畫一個8x8px的圓，描邊設(shè)置為4px。放到右邊的線條上。

相關(guān)推薦：

Ai怎么繪制手機(jī)傳輸文件的圖標(biāo)?

Ai怎么繪制一款簡單的手機(jī)應(yīng)用圖標(biāo)?

Ai怎么繪制一個可愛的手持小喇叭圖標(biāo)?

最新評論