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绘制立体效果的逼真蘑菇,武林网

现在，线条完成，接下来是颜色了
第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绘制立体效果的逼真蘑菇,武林网