第3课 绘制矢量图形

向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束第三课绘制矢量图形课前导读课堂讲解上机实战课后练习向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束课前导读基础知识重点知识提高知识了解知识向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束基础知识绘图工具栏上各种工具的功能、含义以及各工具的选取方法。读者应认真阅读并理解它们的作用。向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束重点知识各种图形绘制工具的使用方法和属性设置方法，如线条工具、铅笔工具、矩形工具、椭圆工具、刷子工具和文本工具等的使用。读者应仔细阅读相关部分，并结合上机实战练习和掌握。向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束提高知识使用钢笔工具绘制线条、刷子工具的艺术效果。初学者可暂时不学，待有一定的基础后再学习。向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束了解知识在图形绘制工具使用过程在中配合键盘按键进行的特殊绘制，读者只需对其了解即可。向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束课堂讲解认识工具栏上的工具绘制线条绘制简单的几何图形刷子工具的艺术效果文本工具的使用向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束每一位Flash动画制作者都希望自己的作品能生动传神，给人以美的享受。事实上素材并不能完全满足动画的要求，许多Flash动画中的动画角色和图像都是制作者利用绘图工具绘制出来的。这就需要制作者根据需要绘制出矢量图。要做到这一点，除了要求制作者具有很强的美感外，还需要具备熟练的操作技能，善于应用Flash提供的绘图工具。向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束认识工具栏上的工具工具区域查看区域颜色区域选项区域向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束从基本工具学起、掌握绘制简单的矢量图形的方法是制作Flash动画的第一步，下面先来认识一下工具栏上的各种绘制和编辑工具。默认情况下，工具栏位于Flash界面的左侧，它提供了绘制和编辑图形的各种工具，分为工具、查看、颜色和选项4个区域，如图3-1所示。下面介绍工具栏中各种工具的含义及作用。图3-1向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束工具区域工具区域中各工具的作用如下。选择工具：选择和移动舞台中的各种对象，也可改变对象的形状。部分选取工具：使舞台中的对象变形，也可移动对象。套索工具：在舞台中选择不规则的区域或对象。向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束钢笔工具：绘制直线、曲线或矢量图形，也可调整曲线的曲率，以改变对象的形状。文本工具：输入和修改文本。椭圆工具：绘制任意大小的椭圆或圆。矩形工具：绘制任意大小的矩形、圆角矩形或正方形。铅笔工具：绘制任意形状和长短的曲线。刷子工具：绘制任意形状和大小的矢量色块。向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束任意变形工具：对舞台中的对象进行任意变形、旋转和缩放。填充变形工具：对填充的颜色进行旋转、缩放、翻转等编辑操作。墨水瓶工具：填充或改变对象的边框线属性。颜料桶工具：改变矢量色块的填充颜色属性或填充封闭的线条内部区域。滴管工具：吸取已有对象的色彩属性，并将其赋予目标对象。橡皮擦工具：擦除舞台中的对象或其中的某些区域。向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束查看区域查看区域中各工具的作用如下。手形工具：移动舞台画面，以便更好地观察不能全部显示的对象。缩放工具：改变舞台画面的显示比例，以便更好地观察对象中的细节部分。向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束颜色区域颜色区域中各工具的作用如下。笔触颜色：设置所选工具的笔触颜色，即所绘图形的线条或边框颜色。填充色：设置所选的对象中要填充的颜色。黑白：单击它可使选中的对象只以白色或黑色显示。没有颜色：单击它可使矢量图形的边框无颜色。交换颜色：单击它可交换矢量图形的填充颜色和边框的颜色。向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束选项区域选项区域中的选项随着所选工具的变化而变化。当选中某种工具后，在选项区域中将出现相应的选项，以方便用户设置所选工具的属性。如选中套索工具，选项区域中的选项如图3-2所示。图3-2向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束在前面介绍的所有工具中，用于绘制矢量图形的主要工具有线条工具、铅笔工具、钢笔工具、矩形工具、椭圆工具、刷子工具和文本工具。本课将对这些工具的功能及用法进行重点讲解。向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束绘制线条线条工具铅笔工具钢笔工具向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束在矢量图形的绘制中，线条起着举足轻重的作用，不同样式的线条可以给人不同的视觉感受，线条的不同粗细、样式、方向都可以赋予线条不同的生命力。如直线可以表现简单、明确、直率和刚毅，而曲线可以表现轻盈、柔美、生动。在FlashMX2004中，可以用来绘制线条的工具有线条工具、铅笔工具、钢笔工具等，下面一一介绍。向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束线条工具用线条工具绘制直线是最常用、最简单的一种方法，其具体操作如下。（1）单击工具栏中的按钮。（2）将鼠标指针移动到舞台中要绘制直线的位置，此时鼠标指针变为形状。向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束（3）按住鼠标左键向任意方向拖动，如图3-3所示。（4）当线条的位置及长度符合要求后，松开鼠标左键即可绘制出一条直线，如图3-4所示。图3-3图3-4向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束在绘制直线时按住【Shift】键，可以绘制出水平、垂直或与水平方向成45°的线段。如图3-5所示为利用这种方法绘制的鱼骨图形。图3-5向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束单击线条工具后直接绘制的直线属性都是“黑色、实线、1”，这是系统的默认设置，如果要对直线的颜色、样式、粗细等进行修改，可通过“属性”面板进行设置。其具体操作如下。（1）单击“绘图”工具栏上的选择工具，选中刚刚绘制的直线，如图3-6所示。图3-6向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束（2）此时“属性”面板如图3-7所示，在该面板中即可对直线属性进行设置。（3）在“宽”和“高”文本框中输入需要的数值，以设置线段在水平或垂直方向上的映射长度。图3-7向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束当文本框左边的按钮为形状时，直线会按比例缩放，也就是在任意一个文本框中输入数值后，另一个文本框中的数值会自动按比例放大或缩小。如果按钮为解锁状态，即可任意设置直线的宽和高。向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束（4）在“X”和“Y”文本框中输入需要的数值，以设置线段在舞台中的位置。对象在舞台中的位置是以舞台的左上角为原点的。即左上角点的坐标为（0，0），右下角点的坐标为（550，400）。（5）单击图标，在弹出的如图3-8所示的颜色列表中单击需要的颜色，即可为直线设置相应的颜色。图3-8向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束（6）在中输入数值即可设置直线的粗细，数值越大，线条越粗。也可直接单击其右边的图标，在弹出的滑动条中上下拖动滑块，向上拖动时直线加粗，向下拖动时直线变细。（7）单击右边的按钮，在弹出的如图3-9所示的列表中可以选择一种线条样式。图3-9向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束（8）对直线进行设置后即可看到具体的效果，如图3-10所示。图3-10向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束如果想设置更个性化的线条，可以单击“属性”面板上的按钮，打开如图3-11所示的“笔触样式”对话框，在该对话框中可以进行如下操作。图3-11向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束：单击右边的按钮，在弹出的下拉列表框中可以选择不同的线条样式。：选中该复选框可以使预览比例放大4倍。向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束如果在下拉列表框中选择了不同的线条样式，“笔触样式”对话框也会不同，在“类型”下拉列表框的下方还会出现一些选项，以设置该线条样式的属性。向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束铅笔工具利用铅笔工具不但可以绘制直线，还可以绘制曲线。单击工具栏上的按钮，鼠标光标变为形状，在舞台中按住鼠标左键随意拖动即可绘制任意直线或曲线，如图3-12所示。图3-12向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束观察工具栏中的选项区域，其中有一个图标，单击该图标将弹出如图3-13所示的下拉列表。在该列表中选择不同的选项，可以绘制出效果完全不同的矢量图形。图3-13向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束下面介绍各选项的特点及适用场合。伸直：选择该选项后，绘制的曲线趋于比较规则的状态。利用它可以绘制一些比较规则的几何图形，如圆形、矩形、三角形等，如图3-14所示。图3-14向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束在用铅笔工具绘制线条时，如果按住【Shift】键可以绘制水平或垂直方向上的直线。向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束需要注意的是，使用“伸直”选项绘制图形的过程中，要有意识地尽量按预想的效果绘制线条，只有这样，铅笔工具才能使绘制的图形趋向于预想的效果。如果已选择了“伸直”选项，而且绘制时也有意识地按预想的效果绘制了图形，但绘制的图形仍然不规则，则可能是设置上有问题。选择[编辑][首选参数]菜单命令，打开“首选参数”对话框，在“编辑”选项卡的“绘画设置”栏中进行如图3-15所示的设置后，重新绘制图形，即可发现图形自动变得规则起来。向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束图3-15向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束平滑：选择该选项后，绘制的线条趋向于流畅平滑。利用该选项可以绘制一些比较柔和、生动的图形，如果要画卡通图像，平滑选项是相当有用的，如图3-16所示就是应用“平滑”选项后绘制出来的水果。图3-16向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束墨水：在该选项下绘制的曲线将如实地反映鼠标光标滑过的路径，就像用钢笔划过的痕迹一样。如图3-17所示就是利用这一选项绘制出的一幅矢量图。图3-17用铅笔工具绘制线条的设置方法与直线工具相同，这里不再赘述。向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束钢笔工具钢笔工具是一个作用非常大的绘图工具，利用它既可以绘制直线，也可以绘制曲线，还可以调节曲线的曲率，使绘制的线条按照预想的方向弯曲。但对于初学者来说，钢笔工具也是一个比较难掌握的绘制工具。向下向上末页首页《中文版FlashMX2004动画制作培训教程》调音返回结束用钢笔工具绘制直线利用钢笔工具绘制直线的