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

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

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

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

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

使用鋼筆工具(P),弄個蘑菇頭形狀。不要忘了在右邊加上直線,因為這條直線對之后其余的形狀都有作用。

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

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

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

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

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

選擇垂直軸。

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


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

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

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

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

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

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

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

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

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


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

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

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

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

在頭頂做同樣的事情,這個時候使用一個較深的顏色,使它看起來像一個影子。

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

做一個對稱的網(wǎng)格。用套索工具(Q)選中中間的點,并用吸管工具(I)來調(diào)整漸變。

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

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

第7步
用網(wǎng)格工具(U)來調(diào)整頭部。這步可能有點艱難,因為它更大了,但它并沒有太復(fù)雜。

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

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

第8步
我決定這個圓不使用網(wǎng)格工具,因為他們是相當(dāng)簡單的形狀,并沒有很多的光需要處理。因此,我用漸變工具(G),得到一個白色到灰色的徑向漸變,我只是調(diào)整的方向和數(shù)量。


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

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


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

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