最新更新 sitemap 设计搜素
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
网上家居 虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442

Illustrator CS2体验:动态喷绘功能

日期:05-27    来源:中国设计秀    作者:cnwebshow.com

 QLc中国设计秀

Illustrator CS2中动态喷绘功能的出现,为彩绘矢量图形提供了一种非常直观且容易操作的方式。现在不管所绘制的路径是否重叠,都可以在这些路径所包围的区域中直接上色。

 
动态喷绘将所有路径都当作在一个平面上,即路径已无所谓在上或者在下,只要是我们看见的路径在这个平面所构成的区域,我们都可以在其中绘制颜色,而不必去理会这个区域是一条路径构成的,还是多个路径的片段构成的。如此一来,喷绘一幅矢量图变得就象用水彩笔给一幅铅笔素描草图上色一样容易。QLc中国设计秀

这并不会影响原来的路径。原来的每一个路径仍是完全可以再编辑的。当用户移动或调整一个路径的形状时,之前所喷绘的颜色会自动适应编辑过的路径,而不象真实的绘画或其它图像编辑软件中的路径。简而言之,动态喷绘将绘画软件的直观上色与矢量绘图软件强大灵活的路径编辑能力结合在一起,从而使得图形的上色变得更加直接和高效了。QLc中国设计秀

一、动态追踪与动态喷绘的完美结合QLc中国设计秀

一般情况下,我们可以先在Illustrator CS2中绘制出矢量图形,然后直接用动态喷绘上色。也可以在白纸上用铅笔绘制出草图,然后扫描入电脑中,再综合使用动态追踪和动态喷绘来上色。假定现在已经绘制好了黑白线稿,如下图所示。QLc中国设计秀

 QLc中国设计秀

Illustrator CS2体验:动态喷绘功能(图一)
图8

在上面这幅图片上单击右键,然后选择“图片另存为”将其保存到你的电脑中某个位置。启动Illustrator CS2,然后依照下面动画中的演示和讲解进行操作即可。QLc中国设计秀

 QLc中国设计秀

下面我们仔细介绍动态喷绘功能的使用方法。QLc中国设计秀

 QLc中国设计秀

二、动态喷绘使用详解QLc中国设计秀

在使用动态喷绘时,实际上是以原来的路径为基础创建了一个动态喷绘组合。创建这样一个组合后,其中的每一条路径仍然可以再进行编辑。当我们更改路径的形状时,路径所包围区域的颜色随路径的位置变化而变化。如果是在其它应用程序(如Photoshop CS2、Indesign CS2)中置入了这样的矢量图,并将其作为“智能对象”,则可以随时在Illustrator CS2中对其进行编辑,结果会自动返回到该应用程序,详见智能对象。QLc中国设计秀

 QLc中国设计秀

Illustrator CS2体验:动态喷绘功能(图二)
图9

如图9所示,A为原始矢量图,B为动态喷绘组合,C为调整路径位置并修改颜色后的动态喷绘组合。以往要实现这样的效果可能要麻烦得多,可是现在使用动态喷绘,实现起来就变得很容易了。QLc中国设计秀

动态喷绘组合中可绘制的部分分为“边”和“面”。路径与路径之间会有交接点,在相邻两个点之间的部分称之为“边”。“面”则是由一条或几条边所封闭的区域。我们可以对“边”进行描边操作,而对“面”则可执行填充操作。QLc中国设计秀

下面我们按如图9所示步骤实际练习一下动态喷绘的使用方法。具体操作步骤如下。QLc中国设计秀

1、画同心圆:在Illustrator CS2中使用椭圆工具绘制如图9-A所示的四个同心圆,绘制的时候按由大到小的顺序。QLc中国设计秀

2、填色:使用通常的方法为每个圆填充不同的颜色,如图10所示。QLc中国设计秀

 QLc中国设计秀

Illustrator CS2体验:动态喷绘功能(图三)
图10

3、绘制相交直线:使用直线工具在圆上绘制水平和竖直线各一条。调整它们的位置,使其交点位于圆心,如图11所示。QLc中国设计秀

 QLc中国设计秀

Illustrator CS2体验:动态喷绘功能(图四)
图11

4、创建动态追踪组合:下面我们将以上矢量图制作为动态追踪组合,以便实现图9中B所示的效果。选中所有圆及线,选择菜单“Object”|“Live Paint”|“Make”(快捷键为Alt+Ctrl+X),这样原始图形就制作成了动态追踪组合,四周的控制手柄变为如图12所示。QLc中国设计秀

 QLc中国设计秀

Illustrator CS2体验:动态喷绘功能(图五)
图12

应该注意的是,一般的对象,如文本、位图、笔刷等,是不能直接创建为动态追踪组合的。在转化之前,我们需要先将这些对象转化为路径。对于文本,可以使用“Type”|“Create Outlines”将文本转化为路径;对于位图,可以使用“Object”|“Live Trace”|“Make And Convert To Live Paint”命令;而对于笔刷或特效,则可使用“ Object”|“Expand”将其先转化为路径。QLc中国设计秀

 QLc中国设计秀

  5、填充颜色:动态喷绘组合中,路径将整个图形分成了许多的“边”和“面”。下面我们主要对“面”进行颜色的修改,以体验动态追踪组合的强大功能。选中该组合后,单击工具箱中的动态喷绘颜料桶工具Illustrator CS2体验:动态喷绘功能(图六),从“Swatches”面板中选取不同的颜色,并在动态追踪组合的不同面中进行喷绘。选用不同的颜色,以实现不同的效果,因为只是一个练习,所以可以根据自己的喜好选择颜色,如图13所示。QLc中国设计秀

Illustrator CS2体验:动态喷绘功能(图七)QLc中国设计秀
图13QLc中国设计秀

  可以看到,原来的每个圆形已经被两条线分割成了四个部分,所以填色时可以为其填充不同的颜色。QLc中国设计秀

  6、再次填充颜色:依旧选中整个组合,在“Stroke”面板中将“Weight”值改为0,使描边宽度为0。再使用动态喷绘颜料桶工具将某些部分填充为白色,得到如图14所示的结果。原来,有了这些“面”,颜色的更改如此容易。从事LOGO设计的朋友,现在如果改用动态喷绘颜料桶工具来创作,一定会喜欢上它,因为它是如此的高效和易用。QLc中国设计秀

Illustrator CS2体验:动态喷绘功能(图八)QLc中国设计秀
图14QLc中国设计秀

  7、对组合进行各种操作:选中组合后,可以象对其它对象一样对它进行各种操作,比如移动、旋转、缩放、斜切等。还可以使用直接选择工具(Direct Selection Tool)对锚点进行操作,以达到精细修改的目的。如图9-C是旋转后的效果。QLc中国设计秀

  8、释放组合:选中组合后,如果选择命令“Object”|“Live Paint”|“Expand(或Release)”,可以将组合释放,得到如图15所示的结果。这样,以上填充的颜色就没有了,原来的组合变为普通的路径,而且描边变成0.5点的黑色线条。QLc中国设计秀

Illustrator CS2体验:动态喷绘功能(图九)QLc中国设计秀
图15QLc中国设计秀

  9、使用动态喷绘选择工具:在工具箱中还有一个动态喷绘选择工具Illustrator CS2体验:动态喷绘功能(图十)可以帮助我们很方便地选中喷绘组合中的面或边。按Ctrl+Z撤消回步骤7的状态,选中该工具,在组合上移动鼠标,移动到如图16所示的位置,单击选中这个面,并按Del键将其删除。用同样的方法删除上方的白色面。还可以使用此工具选中某一面后,对其执行其它操作,如移动位置、改变填充色等。QLc中国设计秀

Illustrator CS2体验:动态喷绘功能(图十)QLc中国设计秀
图16QLc中国设计秀

  最后我们介绍动态喷绘的选项设置。QLc中国设计秀

  三、动态喷绘的选项设置QLc中国设计秀

  以上介绍的是动态喷绘两种工具的基本使用方法。在具体使用时,还可以根据需要来调节各工具的一些选项。QLc中国设计秀

  1、设置动态喷绘颜料桶工具选项QLc中国设计秀

  双击工具箱中的动态喷绘颜料桶工具,弹出如图17所示的对话框。QLc中国设计秀

Illustrator CS2体验:动态喷绘功能(图十二)QLc中国设计秀
图17QLc中国设计秀

  其中各选项作用如下。QLc中国设计秀

  • Paint Fills:选中此项则对动态喷绘组合中的填充部分(即上文提到的“面”)进行动态喷绘。
  • Paint Stroke:选中此项则对动态喷绘组合中的描边部分(即上文提到的“边”)进行动态喷绘。
  • Color:指定高亮颜色。
  • Width:指定高亮宽度。

  以上的高亮颜色和宽度指的是,当动态喷绘颜料桶工具移动到动态喷绘组合上时,就会以选定的颜色和描边宽度明白地显示给用户,以便于进行下一步操作。QLc中国设计秀

  2、设置动态喷绘间隙选项QLc中国设计秀

  使用动态喷绘间隙(Gap)选项设置对话框,可以预览和控制在动态喷绘组合中可能出现的间隙。所谓间隙指的是路径与路径之间的小空隙,比如照片或手绘的线稿在扫描入电脑后,使用动态追踪功能将其转化为矢量图形,可能有些地方的路径并不封闭,如果是在以前版本的Illustrator中,要解决这类问题是非常麻烦的,通常是在断开的地方手工添加路径以使其闭合。现在这一问题终于有了比较好的解决办法,间隙选项可以智能化地将断开的线条封闭起来。QLc中国设计秀

  选择“Object”|“Live Paint”|“Gap Options”可以打开如图18所示的间隙设置对话框。在打开该对话框之前,应该先选中一个动态喷绘组合。QLc中国设计秀

Illustrator CS2体验:动态喷绘功能(图十三)QLc中国设计秀
图18QLc中国设计秀

  各设置选项作用如下。QLc中国设计秀

  • Gap Detection:间隙检测。选中它,才可以让Illustrator自动识别路径中的间隙。要注意,