Illustrator繪制立體3D外觀效果的逼真蘑菇

2020-04-17 23:31:17

字體：大中小

來源：轉載

供稿：網友

在這篇文章中，我們要了解一些關于Illustrator的網格工具。
這是最難掌握的Illustrator工具之一，但如果你想在你的插圖中實現3D的外觀，你要真正了解如何正確地使用這個工具，這個工具是你必備的基礎之一。
為了更好地理解如何使用這個工具，今天我們將通過創建一個超級馬里奧式的蘑菇來講解該工具。
當你學完本教程，歡迎與我們分享你的成果，如果你遇到了任何問題更歡迎你及時的向我們求助。
先看看效果圖
Illustrator繪制立體效果的逼真蘑菇,武林網

第1步
讓我們打開Adobe Illustrator，創建一個畫布為25×11厘米(9.84×4.33英寸)，RGB模式，300分辨率如下圖所示：
Illustrator繪制立體效果的逼真蘑菇,武林網

顯示標尺(Command/Control + R)，拉一條垂直線。
Illustrator繪制立體效果的逼真蘑菇,武林網

選擇橢圓工具(快捷鍵是字母“L”)，畫一個圓(按住Shift鍵建個完美的圓)。
Illustrator繪制立體效果的逼真蘑菇,武林網

使用鋼筆工具(P)，弄個蘑菇頭形狀。不要忘了在右邊加上直線，因為這條直線對之后其余的形狀都有作用。
Illustrator繪制立體效果的逼真蘑菇,武林網

再次使用鋼筆工具(P)，在蘑菇頭上畫出以下輪廓(這將是一個白點)。
Illustrator繪制立體效果的逼真蘑菇,武林網

繼續使用鋼筆工具(P)創建蘑菇的臉。
Illustrator繪制立體效果的逼真蘑菇,武林網

最后，使用橢圓工具(L)，繪制一個橢圓，并使用直接選擇工具(A)調整。
Illustrator繪制立體效果的逼真蘑菇,武林網

第2步
使用選擇工具(L)，選擇全部，除了那個圓形。按住，然后按Shift，然后拖過復制以上選中的元素。
Illustrator繪制立體效果的逼真蘑菇,武林網

右鍵單擊這些元素，變換對稱(鏡像)。選擇垂直軸。現在，選擇所有的元素，去路徑查找器面板。選擇聯集。現在，線條完成，接下來是顏色了第3步我們可以從網格工具之前，我們要選擇下蘑菇的主色調，將它們設置為
右鍵單擊這些元素，變換→對稱(鏡像)。
Illustrator繪制立體效果的逼真蘑菇,武林網

選擇垂直軸。
Illustrator繪制立體效果的逼真蘑菇,武林網

現在，選擇所有的元素，去路徑查找器面板。選擇“聯集”。
Illustrator繪制立體效果的逼真蘑菇,武林網

現在，線條完成，接下來是顏色了
第3步
我們可以從網格工具之前，我們要選擇下蘑菇的主色調，將它們設置為填充，并禁用描邊。
我選擇了四種顏色…
米色的臉(R：233 G：201 B：126)…
Illustrator繪制立體效果的逼真蘑菇,武林網

頭部為紅色(R：196 G：B：1)…
Illustrator繪制立體效果的逼真蘑菇,武林網

白色的點(R：255 G：255 B：255)..
Illustrator繪制立體效果的逼真蘑菇,武林網

黑色的眼睛(R：0 G：0 B：0)…
Illustrator繪制立體效果的逼真蘑菇,武林網

OK，一切設置好了。接下來就是使用網格工具的時間了。
Illustrator繪制立體效果的逼真蘑菇,武林網

第4步
如果你不像我一樣已經使用網格工具很多次了，那么網格工具將是一個相對有難度的工具，所以，讓我們來嘗試一個簡單的練習，然后再繼續。首先，創建一個米色圓，使用橢圓工具(L)+ Shift鍵。
Illustrator繪制立體效果的逼真蘑菇,武林網

使用網格工具(U)創建網格。該工具可以同時創建兩個軸，所以如果你是第一次使用這工具繪制形狀可能會讓你碰上點困難狀。在這種簡單的形狀上做練習，盡量讓你的軸對稱。在中心作個點是很好的開始。
Illustrator繪制立體效果的逼真蘑菇,武林網

使用套索工具(Q)，選擇你想要的點。這和Photoshop中的套索選擇工具一樣，你應該已經熟悉掌握它了。選擇球的左上部分中的點。
Illustrator繪制立體效果的逼真蘑菇,武林網

現在來到“顏色”面板，然后選擇您想要的顏色。如果顏色太亮，不要擔心，現在，我們只是在檢驗顏色。你可以通過用吸管工具(I)來調整色值。(一個很好的技巧是使用吸管工具吸取球上的顏色，這樣更容易控制顏色。)
Illustrator繪制立體效果的逼真蘑菇,武林網

對于另一邊重復上面相同步驟，此時用一種較淺的顏色。
Illustrator繪制立體效果的逼真蘑菇,武林網

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

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

使用套索工具(Q)選擇地下的點。在“顏色”面板中選擇一個較深的顏色(類似棕色)，并使用吸管工具調整漸變(I)。
Illustrator繪制立體效果的逼真蘑菇,武林網

在頭頂做同樣的事情，這個時候使用一個較深的顏色，使它看起來像一個影子。
Illustrator繪制立體效果的逼真蘑菇,武林網

第6步
在一只眼睛上使用網格工具(U)。接著我們將它復制，以節省時間。
Illustrator繪制立體效果的逼真蘑菇,武林網

做一個對稱的網格。用套索工具(Q)選中中間的點，并用吸管工具(I)來調整漸變。
Illustrator繪制立體效果的逼真蘑菇,武林網

為眼睛添加一些白色的光。用點時間去調整。
Illustrator繪制立體效果的逼真蘑菇,武林網

復制眼睛，鏡像，并把它放到左眼相對的位置。
Illustrator繪制立體效果的逼真蘑菇,武林網

第7步
用網格工具(U)來調整頭部。這步可能有點艱難，因為它更大了，但它并沒有太復雜。
Illustrator繪制立體效果的逼真蘑菇,武林網

使用套索工具(Q)在頭頂添加一些白色。使用吸管工具(I)調整漸變。黑色漸變的底部是不尋常的，所以可能會有點難度。但是只要多做些嘗試和調整。很容易的，相信我。第8步我決定這個圓不使用網格工具，因為他們是相
使用套索工具(Q)在頭頂添加一些白色。使用吸管工具(I)調整漸變。
Illustrator繪制立體效果的逼真蘑菇,武林網