Illustrator鼠绘教程:绘制真实立体的海星

  发布时间:2014-06-16 16:27:43   作者:佚名   我要评论
教程我们将学习一些看起来耗时但不可缺少的Illustrator技巧。这些方法简单而行之有效。你将学习如何使用Illustrator混合工具、渐变网格、图案,控制光照来制作纹理丰富的海星。教程非常实用,学习知识也非常多,希望大家认真学习

教程我们将学习一些看起来耗时但不可缺少的Illustrator技巧。这些方法简单而行之有效。你将学习如何使用Illustrator混合工具、渐变网格、图案,控制光照来制作纹理丰富的海星。教程非常实用,学习知识也非常多,希望大家认真学习!

先看看效果图

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

1.我们开始制作使用星形工具制作海星的基本形状。我建议你采用跟本文一致的参数,这样在整个教程制作的过程中你就不需要再考虑尺寸对最终效果的影响了。

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

2.使用直接选择工具,略微移动海星的锚点,使其轮廓看起来更自然。

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

把各个尖锐的锚点转变成平滑过渡。(Shift+C拖动锚点即可)

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

移动海星5个锚点的手柄,效果如下图示:

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

3.选中所以锚点,然后“效果-风格化-圆角”,在弹出的对话框中把圆角半径设为10px。

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

确保锚点保持选中状态,来到“对象-扩展外观”。继续活动锚点的手柄调整到满意形状。

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

4.使用橙色到黄色的径向渐变填充海星。

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

我们把径向渐变的中心即光源点设置在海星中心的略偏右上方,因此得到其阴影和高光。

5.现在海星的外形看起来相当笨拙不自然,所以我们使用渐变网格来调整它。使用矩形工具创建一个矩形,保持选中状态,然后来到“对象-创创建渐变网格”,设置行列数值如下图所示:

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

继续保持选中状态,来到不透明度面板中,不透明度设为50%。

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

6.移动矩形如下图所示,并使用旋转工具旋转它,贴紧A点。

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

使用直接选择工具,移动矩形的各个角点如下图所示:

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

移动矩形的中间一个锚点到海星的中央。

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

使用“转换锚点工具”把平滑锚点转变为尖锐角点。

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

有些时候并不会立即起作用,这样就请你保持耐心再试一次。不要点在锚点上,点击它的略下方一点点。操作矩形的各个角点,使其贴合海星的形状。

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

7.接下来变形矩形的另一边。选中这一头所以的锚点,你可以使用索套工具来完成,当然也可以使用直接选择工具,移动它,直到这一边贴紧海星的边缘。

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

现在移动锚点贴合海星的足。

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

移动矩形渐变网格的其他点,使渐变对象贴紧海星轮廓。渐变网格的边不要超过海星轮廓为宜,最好是它们之间留一条小小的缝隙。

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

所以,只需要直接选择工具就可以搞定,顺利完成变形。

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

8.使用相同的方法创建其他渐变网格对象。

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

连接相近的网格点。为海星创建网格对象。

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

选中所有的网格对象,设置不透明度为100%。

9.使用网格工具增加一条渐变网格线并严格遵从光源进行着色。

高光:亮黄色

中间调:橙色

阴影:红棕色

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

记住你可以使用网格工具,按住alt键的同时单击,移除不需要或者不正确的网格线。

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

10.我们看到5只足交接的地方有尖锐的界限,这是不符合实际情况的。需要使之平滑一些。使用索套工具选中如下图所示的网格对象:

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

11.注意:这一步仅适应于Illustrator CS5 以下版本的用户。因为改变角点不透明度是Adobe Illustrator CS5所独有的功能。对于CS5之前版本的用户,接下来我们将讲解如何使用不透明度蒙版来制作。复制所有的网格对象并且把它们粘贴在最顶层,用白色填充。

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

在图层面板上,锁定之前的网格对象避免相互间的干扰。像在Adobe Illustrator CS5中一样,使用索套工具选中位于海星中心的点。

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

用黑色填充

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

解除之前的锁定,选中它们和上方的黑白网格对象,来到不透明度蒙版,应用不透明度蒙版。

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

Illustrator绘制立体真实的海星教程,PS教程,思缘教程网

相关文章

最新评论