Illustrator製作簡約風格的時尚圖標包

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

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

步驟10

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

步驟11

這個時候我們將矩形的底部做圓角處理，然後我們複製一個放到右邊。

步驟12

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

2.繪製皮包圖標

現在我們開始第二個圖標的繪製吧!

步驟1

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

步驟2

添加一些裝飾的東西，創建一個4x2px的矩形，然後水平方向距離為4px。距離頂部的描邊為2px。然後我們複製出來一排。

步驟3

在創建一個16x6px的矩形作為小口袋，描邊為4px去掉填充。然後放到中間位置。

步驟4

添加一個6x6px的矩形，放到口袋的左邊，然後複製一個放到右邊。然後選擇這3個對象並垂直居中對齊。然後在添加一個8x3px的矩形，放到口袋裡面，邊緣對齊。

步驟5

我們來創建包包的底部，使用一個88x56px的矩形，描邊寬度為4px。描邊要與之前的頂部對齊重疊。

步驟6

我們為包包的底部也添加一些裝飾，與之前頂部的一樣，我想偷懶就不描述啦。你可以選擇直接複製。

步驟7

我們在底部的左邊也要添加同樣的裝飾，同理右邊也需要，所以做法是一樣的我就不過多重複啦，畢竟好熱，我想去快點譯完去吃西瓜!

步驟8

我們添加一個12x18px的矩形，然後描邊設置為2px。將他放到底部的中心位置並對其邊緣，然後在畫一個12x12px的圓，4px的描邊，去掉填充。圓的中心點與底部的中心點重疊。然後我們在畫2個2x2px的圓放到去掉填充的圓內。

。

步驟9

畫一個6x12px的矩形，描邊設置為4px，然後調整矩形的位置。在用鋼筆畫一條包包的繩子。具體操作如圖。畫好後我們複製一份放到右邊在進行翻轉就OK了。

步驟10

我們將複製好的繩子底部的處進行圓角處理，然後我們的包包就畫好了

3.繪製鞋子(顏色值大家吸取就好)

步驟1

我們先繪製鞋子最前面的部分，繪製一個32x10px的矩形，我們將描邊設置為4px。然後將前面的2個點圓角。然後調整到距離活動區域底部有32px的距離。

步驟2

現在我們添加一個64x10px的矩形作為鞋子的後面，設置描邊為4px，將其與前面的描邊重疊。

步驟3

畫一條長64px的水平線，寬度為2px。設置居中鞋子後面的這個矩形。然後在畫一個4x4px的矩形作為鞋子的標籤。放到後面的矩形與其邊緣居中對齊。

步驟4

畫一個16x8px的矩形描邊設置為4px，放到前面矩形的上面，讓他里活動區域的邊緣有4px的距離。然後在選擇右邊第一個點進行圓角處理。

步驟5

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

步驟6

給你剛剛創建好的鞋子主體設置一個4px的描邊吧。

步驟7

此時到了畫鞋子的舌頭了，使用12x8p的矩形，設置描邊為4px，然後設置8px的圓角。具體位置看圖。

步驟8

使用一個4px的線條作為鞋子的鞋帶，然後就是複製啦。簡單的地方我選擇看圖帶過。

步驟9

我們開始繪製鞋眼，使用一個6x6px的圓，描邊設置為2px，讓後再畫一個2px的圓。人們他們中心點重疊。擺放位置我們看圖，然後我們複製出另一個來。

步驟10

我們畫一個16x16px的圓作為鞋子的補丁，描邊設置為4px，然後擺放位置我們依舊看圖。

步驟11

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

步驟12

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

4.繪製一個步驟複雜的圖標!(如果你看到這裡了說明你很棒棒!)

步驟1

畫一個56x76px的圓角矩形，描邊設置為4px。並居中對齊活動區域。

步驟2

繪製2組2x4px的矩形，垂直間距為4px，然後距離主體邊緣為2px。接著就是各種複製啦。

步驟3

此時我們繪製一個24x22px的矩形描邊設置為4px。然後和主體中心對齊，距離定位處16px。

步驟4

添加2組2x4px的矩形，然後在繪製一個4x4px的圓，在接著再兩邊畫一個6x12px的矩形。請對齊哦!然後我們把剛才做好的複製一份放到底部。不過我們需要去掉裡面的正方形和圓形等裝飾!細節請看圖!

步驟5

繪製一個24x12px的矩形，我們放到下圖的位置。

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

步驟6

此時的我們應該給他一個4px的描邊，如圖

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

步驟7

以主體為中心畫一個56x56px的圓，將其描邊設置為4px。記得做居中處理哦!

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

步驟8

接著我們應該給這個表畫4個刻度，使用一個6px的線條，然後寬2px。巧妙的用參考線畫出4個角的刻度。

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

步驟9

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

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

接著，我們需要複製一個這樣的線條出來做鏡像。關於鏡像我前面說了，選擇你只是改變一下方向

步驟10

我們給表繪製一個可以調整時間的按鈕，5x8px的矩形設置描邊4px，與主體中心對齊並邊緣對齊!

接著，我們用鋼筆工具在左下角畫一個粗細為4px得線條，並且在轉角的地方進行圓角處理。

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

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

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！