数码资源网·下载

展开

Illustrator教程 绘制漂亮逼真的海星

作者:网友整理
海星视频编辑手机版(影音播放) v1.14.2 免费版

海星视频编辑手机版(影音播放) v1.14.2 免费版 31.47M / 简体中文

点击下载
海星扣字助手app(扣字软件) v1.5 安卓版

海星扣字助手app(扣字软件) v1.5 安卓版 27.87M / 简体中文

点击下载
AI Illustrator免费版1.2

AI Illustrator免费版1.2 126.58M / 简体中文

点击下载

  本教程介绍如何使用Illustrator软件制作纹理丰富的海星。方法比较实用,教程中的一些技巧看起来比较耗时但非常重要,它们会帮助我们表现细致精美效果,希望对大家的学习有所帮助。

  软件:Adobe Illustrator CS3-CS5
  难度:中级
  预计用时:2-3小时


Illustrator教程 绘制漂亮逼真的海星

原文来自:tutsplus.com

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

Illustrator教程 绘制漂亮逼真的海星

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

Illustrator教程 绘制漂亮逼真的海星

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

Illustrator教程 绘制漂亮逼真的海星

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

Illustrator教程 绘制漂亮逼真的海星

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

Illustrator教程 绘制漂亮逼真的海星

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

Illustrator教程 绘制漂亮逼真的海星

Illustrator教程 绘制漂亮逼真的海星

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

Illustrator教程 绘制漂亮逼真的海星

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

[page]
 

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

Illustrator教程 绘制漂亮逼真的海星

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

Illustrator教程 绘制漂亮逼真的海星

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

Illustrator教程 绘制漂亮逼真的海星

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

Illustrator教程 绘制漂亮逼真的海星

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

Illustrator教程 绘制漂亮逼真的海星

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

Illustrator教程 绘制漂亮逼真的海星

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

Illustrator教程 绘制漂亮逼真的海星

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

Illustrator教程 绘制漂亮逼真的海星

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

Illustrator教程 绘制漂亮逼真的海星

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

Illustrator教程 绘制漂亮逼真的海星

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

Illustrator教程 绘制漂亮逼真的海星

Illustrator教程 绘制漂亮逼真的海星

  8.

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

Illustrator教程 绘制漂亮逼真的海星

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

Illustrator教程 绘制漂亮逼真的海星

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

[page]
 

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

  高光:亮黄色

  中间调:橙色

  阴影:红棕色

Illustrator教程 绘制漂亮逼真的海星

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

Illustrator教程 绘制漂亮逼真的海星

Illustrator教程 绘制漂亮逼真的海星

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

Illustrator教程 绘制漂亮逼真的海星

Illustrator教程 绘制漂亮逼真的海星

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

Illustrator教程 绘制漂亮逼真的海星

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

Illustrator教程 绘制漂亮逼真的海星

用黑色填充

Illustrator教程 绘制漂亮逼真的海星

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

Illustrator教程 绘制漂亮逼真的海星

Illustrator教程 绘制漂亮逼真的海星

  有些地方我们得到了很亮的阴影,在不透明度面板中,减低不透明度到66%。

Illustrator教程 绘制漂亮逼真的海星

 那些被亮橙色替换掉的阴影部分,我们必须把该处的颜色由黑色变成灰色。

  假使你没有准确的把网格对象贴合到海星,这里提供给你一个办法可以弥补该不足。首先选中最低端的海星星状,然后复制粘贴到最顶端,然后选中所有的网格对象和形状,来到“对象-剪切蒙版-创建”

Illustrator教程 绘制漂亮逼真的海星

[page]
 

  开始创建海星的纹理。新建一个基本的几何形状,例如,一个矩形然后选择纹理。经过一段时间的实验,最后我选择了Mezzotint纹理。该纹理你可以从色板面板中找到:色板库-图案-基本-基本图形-Basic Graphics_Textures。

Illustrator教程 绘制漂亮逼真的海星

  该纹理元素是黑白的,不能直接使用。我们首先来编辑图案颜色,使用该图案填充绘制好的矩形。

Illustrator教程 绘制漂亮逼真的海星

  纹理是一组矢量对象,在最下方是一个没有填充和描边的正方形。(从色板面板中把图案直接拖拽到画布,在图层面板中可以看到)

Illustrator教程 绘制漂亮逼真的海星

  在图层面板中锁定最下方的正方形,选中整个结构并且填充橙色。

Illustrator教程 绘制漂亮逼真的海星

  解锁正方形,然后选中整个结构包括正方形,现在来到“编辑-定义图案”,在弹出的对话框中命门图案,然后点击确定。

Illustrator教程 绘制漂亮逼真的海星

  现在我们的实验元素可以寿终就寝啦。

 

[page]
 

  现在应用图案到海星。复制最顶层的海星轮廓(填充径向渐变那个),粘贴到最顶层(ctrl+C;Ctrl+F;ctrl+shift+]),然后应用图案。

Illustrator教程 绘制漂亮逼真的海星

  为海星创建一个大纹理。选取椭圆工具,绘制两个圆,大圆直径5px填充棕色,小圆直径1.5px,填充亮黄色。

Illustrator教程 绘制漂亮逼真的海星

  选中这两个圆,拖入笔刷面板,新建散点画笔。

Illustrator教程 绘制漂亮逼真的海星

  在对话框中画笔参数设置如下:

Illustrator教程 绘制漂亮逼真的海星

  我们不免要问这些参数值你是怎么得到的?当然它是多次实验的经验值。如下所示就是我所有实验过的笔刷,直到获得这个满意。

Illustrator教程 绘制漂亮逼真的海星

  现在使用画笔工具随机在海星表面绘制,不用担心超出海星轮廓以外,因为我们有办法隐藏它们。

Illustrator教程 绘制漂亮逼真的海星

Illustrator教程 绘制漂亮逼真的海星

  新建另外一个笔刷。使用椭圆工具绘制两个圆。大的直径6px、填充棕色;小的椭圆直径2px填充亮黄色。

Illustrator教程 绘制漂亮逼真的海星

  选中2个圆,来到“对象-混合-创建”。在弹出的对话框中选择“指定的步数”,步数设为10。,点击确定。

Illustrator教程 绘制漂亮逼真的海星

  不要设置过多的混合步数。大量的混合步数会影响文件大小。我们使用的是如此小的一个对象,过多的混合步数没有多大意义。

 

[page]
 

  拖动对象到笔刷面板中,参数设置如下:

Illustrator教程 绘制漂亮逼真的海星

  像之前一样在海星表面涂抹画笔。有些地方我使用圆形描边,无填充,然后使用刚创建的画笔描边。绘制的时候请参考如下图所示。这些圆形描边我首先使用剪刀工具破开圆,然后删去过于规整密集的部分。

  Illustrator教程 绘制漂亮逼真的海星22.

  海星表面这些突起的圆球会产生投影。选中它们然后群组,来到“效果-风格化-投影”,参数设置如下:

Illustrator教程 绘制漂亮逼真的海星

  阴影的偏移数值的选择侧面反映出光源离海星的距离。设置深棕色投影,如果选择黑色,会显得很脏。

  为了增加多样性及变化,你可以更改描边的厚度。

  隐藏掉所有海星描边。复制并且粘贴最底层的海星形状到最顶层,选中它和第19-21步制作的所有对象,来到“对象-剪切蒙版-创建”。

Illustrator教程 绘制漂亮逼真的海星

  现在海星变成飞机了吗?

Illustrator教程 绘制漂亮逼真的海星

  重要的一点在于海星表面这些圆球均匀分布在表面,不太符合实际情况,因为它们可能出于不同平面,因为海星的表面起伏不平。我们可以很容易实现这一点。

  记得在教程的中间部分,我们创建过网格对象吗?选中、复制、粘贴,然后把它置于最顶端,保持选中状态,来到不透明度面板,设置其不透明度为60%,混合模式:正片叠底。

Illustrator教程 绘制漂亮逼真的海星

  就这样,我们的海星重现生机。

Illustrator教程 绘制漂亮逼真的海星

  沿着海星的四周创建珠子。我们需要轮廓来制作该效果。复制最底层的海星形状(对的,没错,我们使用它很多次了,哈哈),粘贴并置于最顶层,去除填充,设置1px任意颜色的描边。

Illustrator教程 绘制漂亮逼真的海星

  没必要新建笔刷,你可以很简单的复制笔刷,然后更改参数即可。

  参数设置如下:

Illustrator教程 绘制漂亮逼真的海星

Illustrator教程 绘制漂亮逼真的海星

  应用笔刷到新创建的路径。

Illustrator教程 绘制漂亮逼真的海星

  利用如上方法,新建路径和另一笔刷。

Illustrator教程 绘制漂亮逼真的海星

  然后应用描边到路径。

Illustrator教程 绘制漂亮逼真的海星

  海星表面因为凹凸不平,会导致光分布不匀。为了实现这一效果,我们使用剪刀工具切断路径,阴影部分如下图所示:

Illustrator教程 绘制漂亮逼真的海星

  选中阴影部分的路径,来到“编辑-编辑颜色-重新着色草稿(该处可能不准确,为最上方第一项)”,向左拖动滑块,降低亮度。

Illustrator教程 绘制漂亮逼真的海星

 

[page]
 

 

  我们最后来创建投影。两次复制海星形状,然后都填充深棕色,在不透明度面板中,把上方那个形状的不透明度设置为0%,移到光源的反方向。底下那个形状略微移向光源。然后来到“对象-混合-创建”。

Illustrator教程 绘制漂亮逼真的海星

  事实上,混合创建以后,我们还可以对其中任一个对象的形状和颜色进行编辑。

Illustrator教程 绘制漂亮逼真的海星

  最后,我们完美的制作出海星。你可以根据自己的喜好随意组合,下面是我的发挥。

Illustrator教程 绘制漂亮逼真的海星
 

加载全部内容

相关文章
相关专题