Illustrator绘制立体3D外观效果的逼真蘑菇
Illustrator绘制立体3D外观效果的逼真蘑菇
发布时间:2016-12-22 来源:查字典编辑
摘要:在这篇文章中,我们要了解一些关于Illustrator的网格工具。这是最难掌握的Illustrator工具之一,但如果你想在你的插图中实现3...

在这篇文章中,我们要了解一些关于Illustrator的网格工具。

这是最难掌握的Illustrator工具之一,但如果你想在你的插图中实现3D的外观,你要真正了解如何正确地使用这个工具,这个工具是你必备的基础之一。

为了更好地理解如何使用这个工具,今天我们将通过创建一个超级马里奥式的蘑菇来讲解该工具。

当你学完本教程,欢迎与我们分享你的成果,如果你遇到了任何问题更欢迎你及时的向我们求助。

先看看效果图

Illustrator绘制立体3D外观效果的逼真蘑菇1

第1步

让我们打开Adobe Illustrator,创建一个画布为25×11厘米(9.84×4.33英寸),RGB模式,300分辨率如下图所示:

Illustrator绘制立体3D外观效果的逼真蘑菇2

显示标尺(Command/Control + R),拉一条垂直线。

Illustrator绘制立体3D外观效果的逼真蘑菇3

选择椭圆工具(快捷键是字母“L”),画一个圆(按住Shift键建个完美的圆)。

Illustrator绘制立体3D外观效果的逼真蘑菇4

使用钢笔工具(P),弄个蘑菇头形状。不要忘了在右边加上直线,因为这条直线对之后其余的形状都有作用。

Illustrator绘制立体3D外观效果的逼真蘑菇5

再次使用钢笔工具(P),在蘑菇头上画出以下轮廓(这将是一个白点)。

Illustrator绘制立体3D外观效果的逼真蘑菇6

继续使用钢笔工具(P)创建蘑菇的脸。

Illustrator绘制立体3D外观效果的逼真蘑菇7

最后,使用椭圆工具(L),绘制一个椭圆,并使用直接选择工具(A)调整。

Illustrator绘制立体3D外观效果的逼真蘑菇8

第2步

使用选择工具(L),选择全部,除了那个圆形。按住,然后按Shift,然后拖过复制以上选中的元素。

Illustrator绘制立体3D外观效果的逼真蘑菇9

右键单击这些元素,变换对称(镜像)。 选择垂直轴。 现在,选择所有的元素,去路径查找器面板。选择联集。 现在,线条完成,接下来是颜色了 第3步 我们可以从网格工具之前,我们要选择下蘑菇的主色调,将它们设置为

右键单击这些元素,变换→对称(镜像)。

Illustrator绘制立体3D外观效果的逼真蘑菇10

选择垂直轴。

Illustrator绘制立体3D外观效果的逼真蘑菇11

现在,选择所有的元素,去路径查找器面板。选择“联集”。

Illustrator绘制立体3D外观效果的逼真蘑菇12

Illustrator绘制立体3D外观效果的逼真蘑菇13

现在,线条完成,接下来是颜色了

第3步

我们可以从网格工具之前,我们要选择下蘑菇的主色调,将它们设置为填充,并禁用描边。

我选择了四种颜色…

米色的脸(R:233 G:201 B:126)…

Illustrator绘制立体3D外观效果的逼真蘑菇14

头部为红色(R:196 G:B:1)…

Illustrator绘制立体3D外观效果的逼真蘑菇15

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

Illustrator绘制立体3D外观效果的逼真蘑菇16

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

Illustrator绘制立体3D外观效果的逼真蘑菇17

OK,一切设置好了。接下来就是使用网格工具的时间了。

Illustrator绘制立体3D外观效果的逼真蘑菇18

第4步

如果你不像我一样已经使用网格工具很多次了,那么网格工具将是一个相对有难度的工具,所以,让我们来尝试一个简单的练习,然后再继续。首先,创建一个米色圆,使用椭圆工具(L)+ Shift键。

Illustrator绘制立体3D外观效果的逼真蘑菇19

使用网格工具(U)创建网格。该工具可以同时创建两个轴,所以如果你是第一次使用这工具绘制形状可能会让你碰上点困难状。在这种简单的形状上做练习,尽量让你的轴对称。在中心作个点是很好的开始。

Illustrator绘制立体3D外观效果的逼真蘑菇20

使用套索工具(Q),选择你想要的点。这和Photoshop中的套索选择工具一样,你应该已经熟悉掌握它了。选择球的左上部分中的点。

Illustrator绘制立体3D外观效果的逼真蘑菇21

现在来到“颜色”面板,然后选择您想要的颜色。如果颜色太亮,不要担心,现在,我们只是在检验颜色。你可以通过用吸管工具(I)来调整色值。(一个很好的技巧是使用吸管工具吸取球上的颜色,这样更容易控制颜色。)

Illustrator绘制立体3D外观效果的逼真蘑菇22

Illustrator绘制立体3D外观效果的逼真蘑菇23

对于另一边重复上面相同步骤,此时用一种较浅的颜色。

Illustrator绘制立体3D外观效果的逼真蘑菇24

如果你没有得到像以上的效果,请坚持练习。尝试多几次,它会变得更加容易。 第5步 在蘑菇开始之前,锁定的其他元素,这样你就不会在使用套索工具(Q)时意外地选择到他们。但是,最好一次只锁定一个元素(脸,那么头,

如果你没有得到像以上的效果,请坚持练习。尝试多几次,它会变得更加容易。

Illustrator绘制立体3D外观效果的逼真蘑菇25

第5步

在蘑菇开始之前,锁定的其他元素,这样你就不会在使用套索工具(Q)时意外地选择到他们。但是,最好一次只锁定一个元素(脸,那么头,然后眼等)。

首先,让我们从脸开始。使用网格工具(U)。尽量使其对称。

Illustrator绘制立体3D外观效果的逼真蘑菇26

使用套索工具(Q)选择地下的点。在“颜色”面板中选择一个较深的颜色(类似棕色),并使用吸管工具调整渐变(I)。

Illustrator绘制立体3D外观效果的逼真蘑菇27

在头顶做同样的事情,这个时候使用一个较深的颜色,使它看起来像一个影子。

Illustrator绘制立体3D外观效果的逼真蘑菇28

第6步

在一只眼睛上使用网格工具(U)。接着我们将它复制,以节省时间。

Illustrator绘制立体3D外观效果的逼真蘑菇29

做一个对称的网格。用套索工具(Q)选中中间的点,并用吸管工具(I)来调整渐变。

Illustrator绘制立体3D外观效果的逼真蘑菇30

为眼睛添加一些白色的光。用点时间去调整。

Illustrator绘制立体3D外观效果的逼真蘑菇31

复制眼睛,镜像,并把它放到左眼相对的位置。

Illustrator绘制立体3D外观效果的逼真蘑菇32

第7步

用网格工具(U)来调整头部。这步可能有点艰难,因为它更大了,但它并没有太复杂。

Illustrator绘制立体3D外观效果的逼真蘑菇33

使用套索工具(Q)在头顶添加一些白色。使用吸管工具(I)调整渐变。 黑色渐变的底部是不寻常的,所以可能会有点难度。但是只要多做些尝试和调整。很容易的,相信我。 第8步 我决定这个圆不使用网格工具,因为他们是相

使用套索工具(Q)在头顶添加一些白色。使用吸管工具(I)调整渐变。

Illustrator绘制立体3D外观效果的逼真蘑菇34

黑色渐变的底部是不寻常的,所以可能会有点难度。但是只要多做些尝试和调整。很容易的,相信我。

Illustrator绘制立体3D外观效果的逼真蘑菇35

第8步

我决定这个圆不使用网格工具,因为他们是相当简单的形状,并没有很多的光需要处理。因此,我用渐变工具(G),得到一个白色到灰色的径向渐变,我只是调整的方向和数量。

Illustrator绘制立体3D外观效果的逼真蘑菇36

Illustrator绘制立体3D外观效果的逼真蘑菇37

对于两边的圆使用上述相同步骤,只是要注意渐变的方向。

Illustrator绘制立体3D外观效果的逼真蘑菇38

第9步

最后的一步,我使用椭圆工具(L)在底部添加了一个简单的椭圆形。然后,使用“渐变”,我设置了这个逐渐透明的黑色渐变并且调整它的量和形状。相当简单,为达到相同的效果的话,优于高斯模糊。

Illustrator绘制立体3D外观效果的逼真蘑菇39

Illustrator绘制立体3D外观效果的逼真蘑菇40

我们的蘑菇终于完成了!

结果

我希望你有一个充足的时间来完成这个教程并从中学习更多关于网格工具的知识。

Illustrator绘制立体3D外观效果的逼真蘑菇1

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Illustrator教程学习
热门Illustrator教程学习
平面设计子分类