AI教程！手把手教你繪制一只逼真寫實的運(yùn)動鞋

編者按：來一發(fā)AI教程！Illustrator一向是繪制寫實矢量圖的利器，今天@ChloeRowe林雅諾?這篇教程在很多細(xì)節(jié)上精雕細(xì)琢，繪制時間也把握得也恰到好處，非常適合練手。來，考驗?zāi)氵\(yùn)用鋼筆工具的時候到了！

1. 在AI里新建，寬：786px 長500px的圖層。具體設(shè)置如下：

制作鞋的部分

2. 矩形工具畫一個723px*253px的矩形，之后用鋼筆工具在矩形里勾出鞋的輪廓，如圖所示。

3. 現(xiàn)在你的鞋的輪廓畫好了，選擇它，菜單-對象-路徑-偏移路徑，輸入：-5px，確定。

保持對新對象的選擇。選擇直接選擇工具（A），選擇藍(lán)色箭頭所指示的定位點，按照這些箭頭的方向，移動它們一點。最后大致如下圖：

4. 選擇黑色的對象，并使用線性漸變填充，如下圖所示。保持選擇的對象。去效果>風(fēng)格化>投影。如圖2所示，然后點擊OK。

5. 填充紅色路徑對象（ R = 0，G = 34，B = 98），并添加1px的描邊（R = 13，G = 30，B = 124）。

確保生成的形狀仍處于被選中狀態(tài)，復(fù)制（Ctrl + C鍵，按Ctrl + F），然后去效果>紋理>紋理化。

如圖2所示，然后單擊確定。接下來，設(shè)置最后的混合模式，變亮、降低不透明度為20％。

6.?使用鋼筆工具，創(chuàng)建一個如下圖所示的新對象，并用線性漸變填充它，然后去效果>模糊>高斯模糊。

輸入15px的半徑，然后單擊確定。

現(xiàn)在選擇藍(lán)色形狀（不具有模糊效果）在第5步中復(fù)制（Ctrl + C鍵，按Ctrl + F）并創(chuàng)建，并把它移動到前面。保持這個選擇。

按住Shift鍵并單擊高斯模糊效果的形狀，然后去到對象>剪切蒙版>制作（按Ctrl +7）。

確保結(jié)果仍然選中，按（Ctrl?+左括號），將它移到后面。

7.?使用鋼筆工具，創(chuàng)建一個新圖形，并用線性漸變進(jìn)行填充，如下圖所示。

8. 繼續(xù)使用鋼筆工具，畫出一個如下圖的新圖形，之后用線性漸變填充，并添加1px的描邊（用線性漸變填充），

保持圖形的被選擇?狀態(tài)，對象>路徑>偏移路徑，輸入4px然后點擊ok。

確保圖像仍在被選擇狀態(tài)，清除填充的顏色，然后替換描邊的顏色R=188, G=190, B=192。

打開描邊的調(diào)色板（窗口>描邊），在描邊的調(diào)色板里，查看虛線框，輸入4px，6px。選擇這兩個對象，然后按住Ctrl+[,圖層向后移動。

9. 繼續(xù)用鋼筆工具，創(chuàng)建三個彎曲路徑，如下圖所示。一旦你的路徑被畫好，選擇黃色路徑，無填充，1px描邊（徑向漸變描邊）接下來，應(yīng)用寬度為3px的描邊。

現(xiàn)在選擇兩條紅色路徑，吸管工具選擇顏色，然后與第8步驟一樣，漸變，虛線邊框。最后效果如圖所示。

10. 選擇在第7步驟里創(chuàng)建的圖形，對象>路徑>偏移路徑。輸入7px，ok。

刪除其填充色，添加1px描邊（綠色），然后隱藏結(jié)果ctrl+3。接下來重新選擇在步驟7里創(chuàng)建的圖形，并復(fù)制。

更換它的現(xiàn)有顏色與新的徑向漸變。確保生成的形狀仍處于選中狀態(tài)，然后轉(zhuǎn)到效果>紋理>紋理化。按照數(shù)據(jù)顯示在第二圖像，然后單擊確定。最后，設(shè)置生成的形狀的混合模式為正片疊底，并降低不透明度為20％。

11.選擇在步驟10里創(chuàng)建的圖形，復(fù)制一層，然后轉(zhuǎn)到外觀面板（窗口>外觀），取出紋理化的效果。

接下來，刪除生成的形狀填充顏色，并添加一個8px描邊（應(yīng)用線性漸變）。

保持選中，效果>風(fēng)格化>外發(fā)光。如第二張圖所示，然后點擊OK。

12.為第11步創(chuàng)建的新對象做一個副本（按Ctrl + C，Ctrl + F鍵），并刪除它的外發(fā)光效果。

接下來，生成的對象的筆觸粗細(xì)更改為6px和寬度1px，然后改變混合模式為差值。

13. 為第12步創(chuàng)建的新對象做一個副本（按Ctrl + C，Ctrl + F鍵），替換描邊顏色R=149, G=183, B=238 ，更改描邊寬度：3px。

之后改變混合模式：正常?。

接下來?，下一步，選擇添加錨點工具（+），并添加兩個錨點（綠色）。

重新選擇這兩個新創(chuàng)建的錨點，然后從屬性欄按鈕單擊上的“剪切路徑在選定錨點”。

這步將創(chuàng)建兩個新的對象。讓我們選擇右邊對象，并將其刪除。現(xiàn)在重新選擇余下的對象，效果>模糊>高斯模糊。輸入2px的半徑，然后單擊確定。對象被選中，按（Ctrl +左括號）兩次，向后移。

14. 按(Ctrl +Alt?+3)顯現(xiàn)在第10步里被隱藏的對象。之后為綠色線性?形狀增加兩個錨點（白色），選擇兩個新建的錨點，

點擊從屬性欄按鈕“切在選定的錨點路徑”上。這將創(chuàng)建兩個新的路徑。

讓我們選擇左側(cè)的路徑，將其移除。現(xiàn)在重新選擇其余的路徑，拿起吸管工具（I），然后與步驟8中創(chuàng)建的虛線路徑的步驟一樣。

15. 選擇鋼筆工具，新建兩條路徑，如下圖?所示?。當(dāng)你的路徑被畫好，重新選擇這些路徑，無填充，1px的描邊?(R=136, G=172, B=224)，之后描邊的寬度為2px、1px的高斯模糊效果。

繼續(xù)用鋼筆工具（P），創(chuàng)建一個對象，并使用如下面的第三和第四圖所示的線性漸變數(shù)值進(jìn)行填充。

16. 使用橢圓工具，新建7px*7px的新對象，填充色 R=27, G=9, B=4,?之后2px的羽化效果。

接下來，復(fù)制5個剛建立的圓，將6個圓如下圖所示進(jìn)行放置。

選擇6個新的圓，將它們建組(Ctrl +G)，然后去到對象>變換>移動。在移動面板，輸入12px，然后單擊復(fù)制，然后按（按Ctrl?+ D）多次，

如第2圖所示，得到最后的結(jié)果。然后，再次選擇所有新創(chuàng)建的組和將它們建組（按Ctrl + G）。

現(xiàn)在選擇在第15步創(chuàng)建的形狀，復(fù)制（Ctrl + C鍵，按Ctrl + F），向前?移動?（按Ctrl + Shift +右括號）。

保持新的形狀被選擇，按住Shift鍵并單擊新組，然后進(jìn)入對象>剪切蒙版>制作（按Ctrl?+7）。

17. 用鋼筆工具畫如下圖形，畫好后，填充綠色和漸變。

接下來，選擇黃色的對象，填充漸變，之后?，效果>紋理>紋理化，如圖五所示，點擊ok。

之后，羽化3px，透明度90%。

現(xiàn)在選擇從步驟16所創(chuàng)建的到在步驟15中創(chuàng)建的所有形狀，然后組（CTRL + G）建組。

最后按（Ctrl +左括號）幾次，將組向后移動。

制作鞋帶

18. 用鋼筆工具，創(chuàng)建兩條彎曲路徑，如下圖所示。接下來，我們將在兩個新創(chuàng)建的曲線路徑段基礎(chǔ)上創(chuàng)建鞋帶。

繼續(xù)用鋼筆工具（P）工作，并創(chuàng)建一個對象，如圖3所示?，當(dāng)新的對象被繪制完成，用線性漸變填充，如圖4。

19. 繼續(xù)使用鋼筆工具，如圖所示新建兩個對象，并進(jìn)行漸變填充。

接下來，選擇在步驟18中創(chuàng)建的紅色和綠色的曲線路徑，并刪除它們。

20. 現(xiàn)在，就如接下的圖像所示，重復(fù)之前的步驟，在之前的鞋帶步驟基礎(chǔ)上制作另一部分鞋帶。

21. 鋼筆工具，創(chuàng)建兩個彎曲的路徑，如下圖所示，但你的路徑被畫好后，選擇如圖所示的兩個錨點（黃色），然后單擊從屬性欄中的“選擇連接終點”按鈕。

接下來，選擇（白色）兩個錨點和連接它們。最后，用線性漸變填充新的對象，如圖5所示。

22. 要添加的細(xì)節(jié)，首先繪制如下圖所示兩個彎曲的路徑。

當(dāng)路徑被畫好，選擇綠色的路徑?，無填充，并添加2px描邊（應(yīng)用如圖所示的線性漸變）。

接下來，選擇剩下的路徑，無填充它，并添加2px的描邊?（應(yīng)用如圖所示的線性漸變）。

23. 現(xiàn)在，如下面的一系列圖所示，重復(fù)之前的步驟，為鞋帶的其他部分增加細(xì)節(jié)。

24. 現(xiàn)在，我們制作鞋帶?的頂端，用鋼筆工具，畫出如下圖所示的路徑。無填充，5px描邊（應(yīng)用如圖所示的線性漸變）。

25. 選擇如下1圖所示的對象，建組?(Ctrl + G)?，效果>風(fēng)格化>陰影。如第二圖所示，然后單擊確定。

26. 現(xiàn)在，按照所示的圖像順序，在鞋帶的其他段上重復(fù)之前的步驟，最后的效果大致如下圖所示。

27. 選擇鋼筆工具，新建如下圖所示的圖形，新創(chuàng)建對象的其他部分在這些鞋帶的基礎(chǔ)上。

畫完后?，使用鋼筆工具（P），如2圖所示，開始創(chuàng)建?。

接著，線性漸變填充對象如3圖。

繼續(xù)用鋼筆工具（P）。為另一個紅色對象填充線性漸變，如圖4圖5。

28. 現(xiàn)在，如下面圖的順序所示，在鞋帶的其他部分上重復(fù)之前的步驟，最后的效果大致如下圖所示：

29. 要添加一些細(xì)節(jié)的鞋帶的新領(lǐng)域，首先繪制如下圖所示兩個彎曲的路徑。

當(dāng)畫完后，選擇紅色路徑，無填充，并添加1px的描邊（應(yīng)用如圖所示的線性漸變），然后寬度3px的。

接下來，選擇剩下的路徑，無填充，并添加2px（應(yīng)用如圖所示的線性漸變），然后應(yīng)用寬度1px。

最后，重新選擇這兩個新創(chuàng)建的對象，然后按（Ctrl +左括號）幾次，向后移動。

30. 繼續(xù)創(chuàng)建另外兩個彎曲路徑?，設(shè)置如下。

31. 選擇如圖一所示的所有對象，建組?。

之后，選擇如圖2的所有對象，建組。

現(xiàn)在選擇剛剛建立的組?，效果>風(fēng)格化>陰影。設(shè)置如圖3所示，確定。

32. 現(xiàn)在，如下面圖的順序所示，在鞋帶的其他部分上重復(fù)之前的步驟，最后的效果大致如下圖所示：

33. 現(xiàn)在我們需要制作鞋帶孔。

使用橢圓工具，13px*13px，填充R=189, G=171, B=172，然后繼續(xù)橢圓工具，創(chuàng)建11px*11px的圓。

填充R=45, G=27, B=38。現(xiàn)在?選中新建的兩個圓，建組。然后隱藏在鞋帶后面。

34. 復(fù)制更多的“hole”組，然后放置在如圖紅色圓圈所示的位置?。把這些“hole”放在鞋帶后面。這時，效果就像下面的圖片所示。

最后，給所有的“hole”建組。

35. 最后制作背景。選擇矩形工具，創(chuàng)建786*500px的長方形，漸變設(shè)置如下圖所示。

最后一步就是將“shoe”放置在圖2所示的位置。完成！

【優(yōu)設(shè)十月熱門教程合集】

一枚精美的錘子論壇圖標(biāo)：
《漂亮實力派！教你用SKETCH繪制一枚精美的錘子論壇圖標(biāo)》

超酷炫的九重天特效：
《PS教程！手把手教你打造酷炫的九重天魔幻特效》

從零開始學(xué)習(xí)黑白攝影：
《高手教程！從零開始幫你搞懂黑白攝影的后期方法》

原文地址：vectordiary
譯者：@ChloeRowe林雅諾

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量102萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com