Illustrator繪制立體3D外觀效果的逼真蘑菇
教程盒子 發(fā)布時(shí)間:2013-03-06 15:23:45 作者:佚名
我要評(píng)論

這是最難掌握的Illustrator工具之一,但如果你想在你的插圖中實(shí)現(xiàn)3D的外觀,你要真正了解如何正確地使用這個(gè)工具,這個(gè)工具是你必備的基礎(chǔ)之一。
在這篇文章中,我們要了解一些關(guān)于Illustrator的網(wǎng)格工具。
這是最難掌握的Illustrator工具之一,但如果你想在你的插圖中實(shí)現(xiàn)3D的外觀,你要真正了解如何正確地使用這個(gè)工具,這個(gè)工具是你必備的基礎(chǔ)之一。
為了更好地理解如何使用這個(gè)工具,今天我們將通過(guò)創(chuàng)建一個(gè)超級(jí)馬里奧式的蘑菇來(lái)講解該工具。
當(dāng)你學(xué)完本教程,歡迎與我們分享你的成果,如果你遇到了任何問(wèn)題更歡迎你及時(shí)的向我們求助。
先看看效果圖
第1步
讓我們打開(kāi)Adobe Illustrator,創(chuàng)建一個(gè)畫(huà)布為25×11厘米(9.84×4.33英寸),RGB模式,300分辨率如下圖所示:
顯示標(biāo)尺(Command/Control + R),拉一條垂直線(xiàn)。
選擇橢圓工具(快捷鍵是字母“L”),畫(huà)一個(gè)圓(按住Shift鍵建個(gè)完美的圓)。
使用鋼筆工具(P),弄個(gè)蘑菇頭形狀。不要忘了在右邊加上直線(xiàn),因?yàn)檫@條直線(xiàn)對(duì)之后其余的形狀都有作用。
再次使用鋼筆工具(P),在蘑菇頭上畫(huà)出以下輪廓(這將是一個(gè)白點(diǎn))。
繼續(xù)使用鋼筆工具(P)創(chuàng)建蘑菇的臉。
最后,使用橢圓工具(L),繪制一個(gè)橢圓,并使用直接選擇工具(A)調(diào)整。
第2步
使用選擇工具(L),選擇全部,除了那個(gè)圓形。按住,然后按Shift,然后拖過(guò)復(fù)制以上選中的元素。
右鍵單擊這些元素,變換對(duì)稱(chēng)(鏡像)。 選擇垂直軸。 現(xiàn)在,選擇所有的元素,去路徑查找器面板。選擇聯(lián)集。 現(xiàn)在,線(xiàn)條完成,接下來(lái)是顏色了 第3步 我們可以從網(wǎng)格工具之前,我們要選擇下蘑菇的主色調(diào),將它們?cè)O(shè)置為
右鍵單擊這些元素,變換→對(duì)稱(chēng)(鏡像)。
選擇垂直軸。
現(xiàn)在,選擇所有的元素,去路徑查找器面板。選擇“聯(lián)集”。
現(xiàn)在,線(xiàn)條完成,接下來(lái)是顏色了
第3步
我們可以從網(wǎng)格工具之前,我們要選擇下蘑菇的主色調(diào),將它們?cè)O(shè)置為填充,并禁用描邊。
我選擇了四種顏色…
米色的臉(R:233 G:201 B:126)…
頭部為紅色(R:196 G:B:1)…
白色的點(diǎn)(R:255 G:255 B:255)..
黑色的眼睛(R:0 G:0 B:0)…
OK,一切設(shè)置好了。接下來(lái)就是使用網(wǎng)格工具的時(shí)間了。
第4步
如果你不像我一樣已經(jīng)使用網(wǎng)格工具很多次了,那么網(wǎng)格工具將是一個(gè)相對(duì)有難度的工具,所以,讓我們來(lái)嘗試一個(gè)簡(jiǎn)單的練習(xí),然后再繼續(xù)。首先,創(chuàng)建一個(gè)米色圓,使用橢圓工具(L)+ Shift鍵。
使用網(wǎng)格工具(U)創(chuàng)建網(wǎng)格。該工具可以同時(shí)創(chuàng)建兩個(gè)軸,所以如果你是第一次使用這工具繪制形狀可能會(huì)讓你碰上點(diǎn)困難狀。在這種簡(jiǎn)單的形狀上做練習(xí),盡量讓你的軸對(duì)稱(chēng)。在中心作個(gè)點(diǎn)是很好的開(kāi)始。
使用套索工具(Q),選擇你想要的點(diǎn)。這和Photoshop中的套索選擇工具一樣,你應(yīng)該已經(jīng)熟悉掌握它了。選擇球的左上部分中的點(diǎn)。
現(xiàn)在來(lái)到“顏色”面板,然后選擇您想要的顏色。如果顏色太亮,不要擔(dān)心,現(xiàn)在,我們只是在檢驗(yàn)顏色。你可以通過(guò)用吸管工具(I)來(lái)調(diào)整色值。(一個(gè)很好的技巧是使用吸管工具吸取球上的顏色,這樣更容易控制顏色。)
對(duì)于另一邊重復(fù)上面相同步驟,此時(shí)用一種較淺的顏色。
如果你沒(méi)有得到像以上的效果,請(qǐng)堅(jiān)持練習(xí)。嘗試多幾次,它會(huì)變得更加容易。 第5步 在蘑菇開(kāi)始之前,鎖定的其他元素,這樣你就不會(huì)在使用套索工具(Q)時(shí)意外地選擇到他們。但是,最好一次只鎖定一個(gè)元素(臉,那么頭,
如果你沒(méi)有得到像以上的效果,請(qǐng)堅(jiān)持練習(xí)。嘗試多幾次,它會(huì)變得更加容易。
第5步
在蘑菇開(kāi)始之前,鎖定的其他元素,這樣你就不會(huì)在使用套索工具(Q)時(shí)意外地選擇到他們。但是,最好一次只鎖定一個(gè)元素(臉,那么頭,然后眼等)。
首先,讓我們從臉開(kāi)始。使用網(wǎng)格工具(U)。盡量使其對(duì)稱(chēng)。
使用套索工具(Q)選擇地下的點(diǎn)。在“顏色”面板中選擇一個(gè)較深的顏色(類(lèi)似棕色),并使用吸管工具調(diào)整漸變(I)。
在頭頂做同樣的事情,這個(gè)時(shí)候使用一個(gè)較深的顏色,使它看起來(lái)像一個(gè)影子。
第6步
在一只眼睛上使用網(wǎng)格工具(U)。接著我們將它復(fù)制,以節(jié)省時(shí)間。
做一個(gè)對(duì)稱(chēng)的網(wǎng)格。用套索工具(Q)選中中間的點(diǎn),并用吸管工具(I)來(lái)調(diào)整漸變。
為眼睛添加一些白色的光。用點(diǎn)時(shí)間去調(diào)整。
復(fù)制眼睛,鏡像,并把它放到左眼相對(duì)的位置。
第7步
用網(wǎng)格工具(U)來(lái)調(diào)整頭部。這步可能有點(diǎn)艱難,因?yàn)樗罅耍](méi)有太復(fù)雜。
使用套索工具(Q)在頭頂添加一些白色。使用吸管工具(I)調(diào)整漸變。 黑色漸變的底部是不尋常的,所以可能會(huì)有點(diǎn)難度。但是只要多做些嘗試和調(diào)整。很容易的,相信我。 第8步 我決定這個(gè)圓不使用網(wǎng)格工具,因?yàn)樗麄兪窍?
使用套索工具(Q)在頭頂添加一些白色。使用吸管工具(I)調(diào)整漸變。
黑色漸變的底部是不尋常的,所以可能會(huì)有點(diǎn)難度。但是只要多做些嘗試和調(diào)整。很容易的,相信我。
第8步
我決定這個(gè)圓不使用網(wǎng)格工具,因?yàn)樗麄兪窍喈?dāng)簡(jiǎn)單的形狀,并沒(méi)有很多的光需要處理。因此,我用漸變工具(G),得到一個(gè)白色到灰色的徑向漸變,我只是調(diào)整的方向和數(shù)量。
對(duì)于兩邊的圓使用上述相同步驟,只是要注意漸變的方向。
第9步
最后的一步,我使用橢圓工具(L)在底部添加了一個(gè)簡(jiǎn)單的橢圓形。然后,使用“漸變”,我設(shè)置了這個(gè)逐漸透明的黑色漸變并且調(diào)整它的量和形狀。相當(dāng)簡(jiǎn)單,為達(dá)到相同的效果的話(huà),優(yōu)于高斯模糊。
我們的蘑菇終于完成了!
結(jié)果
我希望你有一個(gè)充足的時(shí)間來(lái)完成這個(gè)教程并從中學(xué)習(xí)更多關(guān)于網(wǎng)格工具的知識(shí)。
這是最難掌握的Illustrator工具之一,但如果你想在你的插圖中實(shí)現(xiàn)3D的外觀,你要真正了解如何正確地使用這個(gè)工具,這個(gè)工具是你必備的基礎(chǔ)之一。
為了更好地理解如何使用這個(gè)工具,今天我們將通過(guò)創(chuàng)建一個(gè)超級(jí)馬里奧式的蘑菇來(lái)講解該工具。
當(dāng)你學(xué)完本教程,歡迎與我們分享你的成果,如果你遇到了任何問(wèn)題更歡迎你及時(shí)的向我們求助。
先看看效果圖

第1步
讓我們打開(kāi)Adobe Illustrator,創(chuàng)建一個(gè)畫(huà)布為25×11厘米(9.84×4.33英寸),RGB模式,300分辨率如下圖所示:

顯示標(biāo)尺(Command/Control + R),拉一條垂直線(xiàn)。

選擇橢圓工具(快捷鍵是字母“L”),畫(huà)一個(gè)圓(按住Shift鍵建個(gè)完美的圓)。

使用鋼筆工具(P),弄個(gè)蘑菇頭形狀。不要忘了在右邊加上直線(xiàn),因?yàn)檫@條直線(xiàn)對(duì)之后其余的形狀都有作用。

再次使用鋼筆工具(P),在蘑菇頭上畫(huà)出以下輪廓(這將是一個(gè)白點(diǎn))。

繼續(xù)使用鋼筆工具(P)創(chuàng)建蘑菇的臉。

最后,使用橢圓工具(L),繪制一個(gè)橢圓,并使用直接選擇工具(A)調(diào)整。

第2步
使用選擇工具(L),選擇全部,除了那個(gè)圓形。按住,然后按Shift,然后拖過(guò)復(fù)制以上選中的元素。

右鍵單擊這些元素,變換對(duì)稱(chēng)(鏡像)。 選擇垂直軸。 現(xiàn)在,選擇所有的元素,去路徑查找器面板。選擇聯(lián)集。 現(xiàn)在,線(xiàn)條完成,接下來(lái)是顏色了 第3步 我們可以從網(wǎng)格工具之前,我們要選擇下蘑菇的主色調(diào),將它們?cè)O(shè)置為
右鍵單擊這些元素,變換→對(duì)稱(chēng)(鏡像)。

選擇垂直軸。

現(xiàn)在,選擇所有的元素,去路徑查找器面板。選擇“聯(lián)集”。


現(xiàn)在,線(xiàn)條完成,接下來(lái)是顏色了
第3步
我們可以從網(wǎng)格工具之前,我們要選擇下蘑菇的主色調(diào),將它們?cè)O(shè)置為填充,并禁用描邊。
我選擇了四種顏色…
米色的臉(R:233 G:201 B:126)…

頭部為紅色(R:196 G:B:1)…

白色的點(diǎn)(R:255 G:255 B:255)..

黑色的眼睛(R:0 G:0 B:0)…

OK,一切設(shè)置好了。接下來(lái)就是使用網(wǎng)格工具的時(shí)間了。

第4步
如果你不像我一樣已經(jīng)使用網(wǎng)格工具很多次了,那么網(wǎng)格工具將是一個(gè)相對(duì)有難度的工具,所以,讓我們來(lái)嘗試一個(gè)簡(jiǎn)單的練習(xí),然后再繼續(xù)。首先,創(chuàng)建一個(gè)米色圓,使用橢圓工具(L)+ Shift鍵。

使用網(wǎng)格工具(U)創(chuàng)建網(wǎng)格。該工具可以同時(shí)創(chuàng)建兩個(gè)軸,所以如果你是第一次使用這工具繪制形狀可能會(huì)讓你碰上點(diǎn)困難狀。在這種簡(jiǎn)單的形狀上做練習(xí),盡量讓你的軸對(duì)稱(chēng)。在中心作個(gè)點(diǎn)是很好的開(kāi)始。

使用套索工具(Q),選擇你想要的點(diǎn)。這和Photoshop中的套索選擇工具一樣,你應(yīng)該已經(jīng)熟悉掌握它了。選擇球的左上部分中的點(diǎn)。

現(xiàn)在來(lái)到“顏色”面板,然后選擇您想要的顏色。如果顏色太亮,不要擔(dān)心,現(xiàn)在,我們只是在檢驗(yàn)顏色。你可以通過(guò)用吸管工具(I)來(lái)調(diào)整色值。(一個(gè)很好的技巧是使用吸管工具吸取球上的顏色,這樣更容易控制顏色。)


對(duì)于另一邊重復(fù)上面相同步驟,此時(shí)用一種較淺的顏色。

如果你沒(méi)有得到像以上的效果,請(qǐng)堅(jiān)持練習(xí)。嘗試多幾次,它會(huì)變得更加容易。 第5步 在蘑菇開(kāi)始之前,鎖定的其他元素,這樣你就不會(huì)在使用套索工具(Q)時(shí)意外地選擇到他們。但是,最好一次只鎖定一個(gè)元素(臉,那么頭,
如果你沒(méi)有得到像以上的效果,請(qǐng)堅(jiān)持練習(xí)。嘗試多幾次,它會(huì)變得更加容易。

第5步
在蘑菇開(kāi)始之前,鎖定的其他元素,這樣你就不會(huì)在使用套索工具(Q)時(shí)意外地選擇到他們。但是,最好一次只鎖定一個(gè)元素(臉,那么頭,然后眼等)。
首先,讓我們從臉開(kāi)始。使用網(wǎng)格工具(U)。盡量使其對(duì)稱(chēng)。

使用套索工具(Q)選擇地下的點(diǎn)。在“顏色”面板中選擇一個(gè)較深的顏色(類(lèi)似棕色),并使用吸管工具調(diào)整漸變(I)。

在頭頂做同樣的事情,這個(gè)時(shí)候使用一個(gè)較深的顏色,使它看起來(lái)像一個(gè)影子。

第6步
在一只眼睛上使用網(wǎng)格工具(U)。接著我們將它復(fù)制,以節(jié)省時(shí)間。

做一個(gè)對(duì)稱(chēng)的網(wǎng)格。用套索工具(Q)選中中間的點(diǎn),并用吸管工具(I)來(lái)調(diào)整漸變。

為眼睛添加一些白色的光。用點(diǎn)時(shí)間去調(diào)整。

復(fù)制眼睛,鏡像,并把它放到左眼相對(duì)的位置。

第7步
用網(wǎng)格工具(U)來(lái)調(diào)整頭部。這步可能有點(diǎn)艱難,因?yàn)樗罅耍](méi)有太復(fù)雜。

使用套索工具(Q)在頭頂添加一些白色。使用吸管工具(I)調(diào)整漸變。 黑色漸變的底部是不尋常的,所以可能會(huì)有點(diǎn)難度。但是只要多做些嘗試和調(diào)整。很容易的,相信我。 第8步 我決定這個(gè)圓不使用網(wǎng)格工具,因?yàn)樗麄兪窍?
使用套索工具(Q)在頭頂添加一些白色。使用吸管工具(I)調(diào)整漸變。

黑色漸變的底部是不尋常的,所以可能會(huì)有點(diǎn)難度。但是只要多做些嘗試和調(diào)整。很容易的,相信我。

第8步
我決定這個(gè)圓不使用網(wǎng)格工具,因?yàn)樗麄兪窍喈?dāng)簡(jiǎn)單的形狀,并沒(méi)有很多的光需要處理。因此,我用漸變工具(G),得到一個(gè)白色到灰色的徑向漸變,我只是調(diào)整的方向和數(shù)量。


對(duì)于兩邊的圓使用上述相同步驟,只是要注意漸變的方向。

第9步
最后的一步,我使用橢圓工具(L)在底部添加了一個(gè)簡(jiǎn)單的橢圓形。然后,使用“漸變”,我設(shè)置了這個(gè)逐漸透明的黑色漸變并且調(diào)整它的量和形狀。相當(dāng)簡(jiǎn)單,為達(dá)到相同的效果的話(huà),優(yōu)于高斯模糊。


我們的蘑菇終于完成了!
結(jié)果
我希望你有一個(gè)充足的時(shí)間來(lái)完成這個(gè)教程并從中學(xué)習(xí)更多關(guān)于網(wǎng)格工具的知識(shí)。

相關(guān)文章
Illustrator(AI)模仿創(chuàng)建一個(gè)3D樓層戶(hù)型圖效果實(shí)力教程
本教程非常簡(jiǎn)單,總共只有簡(jiǎn)單的6步。該方法可以用在圖表或建筑物的布局圖中。讓我們開(kāi)始吧2013-10-14Illustrator(AI)運(yùn)用3D功能設(shè)計(jì)繪制一個(gè)簡(jiǎn)單的紅色花瓶
雖然的標(biāo)題中我們寫(xiě)上了紅色花瓶,但其實(shí)也可以不是紅色的,具體什么顏色看個(gè)人喜愛(ài)了,整體的步驟還是一樣的2013-08-22Illustrator(AI)設(shè)計(jì)制作清爽一夏海邊水珠3D字特效實(shí)例教程
教程整體的效果非常的漂亮,我們?cè)诤?bào)設(shè)計(jì)中也經(jīng)常的見(jiàn)到,喜歡的朋友一起來(lái)學(xué)習(xí)吧2013-08-12Illustrator(AI)利用3D工具模仿繪制三維輪廓圖實(shí)例教程
在Illustrator中也可以制作三維輪廓的效果,在這個(gè)例子中你不僅是學(xué)會(huì)技術(shù)上如何實(shí)現(xiàn),更應(yīng)該學(xué)會(huì)如何完成一件完整作品2013-07-30Illustrator(AI)利用漸變網(wǎng)格工具模仿繪制精致逼真的具有3D效果的黃蜂
很多人都看過(guò)AI網(wǎng)格填充的作品,效果精致、逼真,看起來(lái)跟3D的效果相似,但是比3D的更柔和細(xì)膩。只是做起來(lái)比較麻煩!不過(guò)~其實(shí)真正用到的AI中的工具并不多2013-07-29Illustrator使用3D工具和參考線(xiàn)來(lái)創(chuàng)建立體的圖標(biāo)
當(dāng)我們?cè)谧鲆恍┝⒎皆煨偷臅r(shí)候會(huì)用到一些帶顏色的參考線(xiàn),來(lái)保持個(gè)圖標(biāo)形體間的大小相似。2013-02-06- 這篇教程和上篇我推薦的教程一樣是來(lái)自于同心結(jié)分享的,教程教我們使用AI的3D工具和貼圖來(lái)制作一個(gè)高爾夫球,挺有用的,推薦過(guò)來(lái)和朋友們一起學(xué)習(xí)2013-02-03
Illustrator利用3D功能制作紅色上的立體骰子實(shí)例教程
利用Illustrator的3d功能效果來(lái)繪制一些簡(jiǎn)單的立體圖形2012-12-05Illustrator 設(shè)計(jì)制作3D標(biāo)志設(shè)計(jì)
今天就用AI教你3D標(biāo)志設(shè)計(jì),我將教你如何快速設(shè)計(jì)自己想要的3D標(biāo)志圖形。2011-06-03使用Illustrator里的路徑和3D工具來(lái)制作翻頁(yè)效果的日歷圖標(biāo)
學(xué)習(xí)制作簡(jiǎn)單的日歷圖標(biāo),把它應(yīng)用于博客、網(wǎng)頁(yè)或者印刷設(shè)計(jì)上。我們使用Illustrator里的路徑和3D工具來(lái)制作這個(gè)圖標(biāo)。并且,用這個(gè)方法也可以表現(xiàn)出簡(jiǎn)單的翻頁(yè)效果。讓我2011-06-03