第3课 绘制矢量图形

《第3课 绘制矢量图形》由会员分享，可在线阅读，更多相关《第3课 绘制矢量图形（135页珍藏版）》请在金锄头文库上搜索。

1、第 三课 绘制矢量图形,课前导读 课堂讲解 上机实战 课后练习,课前导读,基础知识 重点知识 提高知识 了解知识,基础知识,绘图工具栏上各种工具的功能、含义以及各工具的选取方法。读者应认真阅读并理解它们的作用。,重点知识,各种图形绘制工具的使用方法和属性设置方法，如线条工具、铅笔工具、矩形工具、椭圆工具、刷子工具和文本工具等的使用。读者应仔细阅读相关部分，并结合上机实战练习和掌握。,提高知识,使用钢笔工具绘制线条、刷子工具的艺术效果。初学者可暂时不学，待有一定的基础后再学习。,了解知识,在图形绘制工具使用过程在中配合键盘按键进行的特殊绘制，读者只需对其了解即可。,课堂讲解,认识工具栏上的工具

2、绘制线条 绘制简单的几何图形 刷子工具的艺术效果 文本工具的使用,每一位Flash动画制作者都希望自己的作品能生动传神，给人以美的享受。事实上素材并不能完全满足动画的要求，许多Flash动画中的动画角色和图像都是制作者利用绘图工具绘制出来的。这就需要制作者根据需要绘制出矢量图。要做到这一点，除了要求制作者具有很强的美感外，还需要具备熟练的操作技能，善于应用Flash提供的绘图工具。,认识工具栏上的工具,工具区域 查看区域 颜色区域 选项区域,从基本工具学起、掌握绘制简单的矢量图形的方法是制作Flash动画的第一步，下面先来认识一下工具栏上的各种绘制和编辑工具。 默认情况下，工具栏位于Flash

3、界面的左侧，它提供了绘制和编辑图形的各种工具，分为工具、查看、颜色和选项4个区域，如图3-1所示。下面介绍工具栏中各种工具的含义及作用。,图3-1,工具区域,工具区域中各工具的作用如下。 选择工具 ：选择和移动舞台中的各种对象，也可改变对象的形状。 部分选取工具 ：使舞台中的对象变形，也可移动对象。 套索工具 ：在舞台中选择不规则的区域或对象。,钢笔工具 ：绘制直线、曲线或矢量图形，也可调整曲线的曲率，以改变对象的形状。 文本工具 ：输入和修改文本。 椭圆工具 ：绘制任意大小的椭圆或圆。 矩形工具 ：绘制任意大小的矩形、圆角矩形或正方形。 铅笔工具 ：绘制任意形状和长短的曲线。 刷子工具 ：绘

4、制任意形状和大小的矢量色块。,任意变形工具 ：对舞台中的对象进行任意变形、旋转和缩放。 填充变形工具 ：对填充的颜色进行旋转、缩放、翻转等编辑操作。 墨水瓶工具 ：填充或改变对象的边框线属性。 颜料桶工具 ：改变矢量色块的填充颜色属性或填充封闭的线条内部区域。 滴管工具 ：吸取已有对象的色彩属性，并将其赋予目标对象。 橡皮擦工具 ：擦除舞台中的对象或其中的某些区域。,查看区域,查看区域中各工具的作用如下。 手形工具 ：移动舞台画面，以便更好地观察不能全部显示的对象。 缩放工具 ：改变舞台画面的显示比例，以便更好地观察对象中的细节部分。,颜色区域,颜色区域中各工具的作用如下。 笔触颜色 ：设置所

5、选工具的笔触颜色，即所绘图形的线条或边框颜色。 填充色 ：设置所选的对象中要填充的颜色。 黑白 ：单击它可使选中的对象只以白色或黑色显示。 没有颜色 ：单击它可使矢量图形的边框无颜色。 交换颜色 ：单击它可交换矢量图形的填充颜色和边框的颜色。,选项区域,选项区域中的选项随着所选工具的变化而变化。当选中某种工具后，在选项区域中将出现相应的选项，以方便用户设置所选工具的属性。如选中套索工具，选项区域中的选项如图3-2所示。,图3-2,在前面介绍的所有工具中，用于绘制矢量图形的主要工具有线条工具 、铅笔工具 、钢笔工具 、矩形工具 、椭圆工具 、刷子工具 和文本工具 。本课将对这些工具的功能及用法进

6、行重点讲解。,绘制线条,线条工具 铅笔工具 钢笔工具,在矢量图形的绘制中，线条起着举足轻重的作用，不同样式的线条可以给人不同的视觉感受，线条的不同粗细、样式、方向都可以赋予线条不同的生命力。如直线可以表现简单、明确、直率和刚毅，而曲线可以表现轻盈、柔美、生动。 在Flash MX 2004中，可以用来绘制线条的工具有线条工具、铅笔工具、钢笔工具等，下面一一介绍。,线条工具,用线条工具绘制直线是最常用、最简单的一种方法，其具体操作如下。 （1）单击工具栏中的 按钮。 （2）将鼠标指针移动到舞台中要绘制直线的位置，此时鼠标指针变为 形状。,（3）按住鼠标左键向任意方向拖动，如图3-3所示。 （4）

7、当线条的位置及长度符合要求后，松开鼠标左键即可绘制出一条直线，如图3-4所示。,图3-3,图3-4,在绘制直线时按住【Shift】键，可以绘制出水平、垂直或与水平方向成45的线段。如图3-5所示为利用这种方法绘制的鱼骨图形。,图3-5,单击线条工具 后直接绘制的直线属性都是“黑色、实线、1”，这是系统的默认设置，如果要对直线的颜色、样式、粗细等进行修改，可通过“属性”面板进行设置。其具体操作如下。 （1）单击“绘图”工具栏上的选择工具 ，选中刚刚绘制的直线，如图3-6所示。,图3-6,（2）此时“属性”面板如图3-7所示，在该面板中即可对直线属性进行设置。 （3）在“宽”和“高”文本框中输入需

8、要的数值，以设置线段在水平或垂直方向上的映射长度。,图3-7,当文本框左边的按钮为形状 时，直线会按比例缩放，也就是在任意一个文本框中输入数值后，另一个文本框中的数值会自动按比例放大或缩小。如果按钮为解锁状态 ，即可任意设置直线的宽和高。,（4）在“X”和“Y”文本框中输入需要的数值，以设置线段在舞台中的位置。对象在舞台中的位置是以舞台的左上角为原点的。即左上角点的坐标为（0，0），右下角点的坐标为（550，400）。 （5）单击 图标，在弹出的如图3-8所示的颜色列表中单击需要的颜色，即可为直线设置相应的颜色。,图3-8,（6）在 中输入数值即可设置直线的粗细，数值越大，线条越粗。也可直接单

9、击其右边的图标 ，在弹出的滑动条中上下拖动滑块，向上拖动时直线加粗，向下拖动时直线变细。 （7）单击 右边的按钮，在弹出的如图3-9所示的列表中可以选择一种线条样式。,图3-9,（8）对直线进行设置后即可看到具体的效果，如图3-10所示。,图3-10,如果想设置更个性化的线条，可以单击“属性”面板上的 按钮，打开如图3-11所示的“笔触样式”对话框，在该对话框中可以进行如下操作。,图3-11,：单击右边的 按钮，在弹出的下拉列表框中可以选择不同的线条样式。 ：选中该复选框可以使预览比例放大4倍。,如果在 下拉列表框中选择了不同的线条样式，“笔触样式”对话框也会不同，在“类型”下拉列表框的下方还

10、会出现一些选项，以设置该线条样式的属性。,铅笔工具,利用铅笔工具不但可以绘制直线，还可以绘制曲线。单击工具栏上的 按钮，鼠标光标变为 形状，在舞台中按住鼠标左键随意拖动即可绘制任意直线或曲线，如图3-12所示。,图3-12,观察工具栏中的选项区域，其中有一个 图标，单击该图标将弹出如图3-13所示的下拉列表。在该列表中选择不同的选项，可以绘制出效果完全不同的矢量图形。,图3-13,下面介绍各选项的特点及适用场合。 伸直：选择该选项后，绘制的曲线趋于比较规则的状态。利用它可以绘制一些比较规则的几何图形，如圆形、矩形、三角形等，如图3-14所示。,图3-14,在用铅笔工具绘制线条时，如果按住【Sh

11、ift】键可以绘制水平或垂直方向上的直线。,需要注意的是，使用“伸直”选项绘制图形的过程中，要有意识地尽量按预想的效果绘制线条，只有这样，铅笔工具才能使绘制的图形趋向于预想的效果。 如果已选择了“伸直”选项，而且绘制时也有意识地按预想的效果绘制了图形，但绘制的图形仍然不规则，则可能是设置上有问题。选择编辑首选参数菜单命令，打开“首选参数”对话框，在“编辑”选项卡的“绘画设置”栏中进行如图3-15所示的设置后，重新绘制图形，即可发现图形自动变得规则起来。,图3-15,平滑：选择该选项后，绘制的线条趋向于流畅平滑。利用该选项可以绘制一些比较柔和、生动的图形，如果要画卡通图像，平滑选项是相当有用的，

12、如图3-16所示就是应用“平滑”选项后绘制出来的水果。,图3-16,墨水：在该选项下绘制的曲线将如实地反映鼠标光标滑过的路径，就像用钢笔划过的痕迹一样。如图3-17所示就是利用这一选项绘制出的一幅矢量图。,图3-17,用铅笔工具绘制线条的设置方法与直线工具相同，这里不再赘述。,钢笔工具,钢笔工具是一个作用非常大的绘图工具，利用它既可以绘制直线，也可以绘制曲线，还可以调节曲线的曲率，使绘制的线条按照预想的方向弯曲。但对于初学者来说，钢笔工具也是一个比较难掌握的绘制工具。,用钢笔工具绘制直线 利用钢笔工具绘制直线的具体操作如下。 （1）单击工具栏上的 按钮，鼠标光标变为 形状。 （2）在舞台中的任

13、意位置单击鼠标左键确定直线的起点，此时起点位置处将出现一个小圆圈。,（3）松开鼠标左键，将鼠标光标定位到另一点单击鼠标左键，在起点位置和终点位置自动出现一条直线，如图3-18所示。 （4）松开鼠标左键，在舞台中的另一点上单击，即可绘制出另一条直线，如图3-19所示。,图3-18,图3-19,（5）用相同的方法确定图形的其他点，如果想让绘制的几根直线封闭起来，则可以将鼠标光标移到起点位置，当其变为 形状时单击鼠标左键即可绘制一个封闭的图形，如图3-20所示。 （6）如果要结束钢笔工具的绘制，只需单击其他任意工具即可。,图3-20,用钢笔工具绘制曲线 相对于铅笔工具来说，钢笔工具在绘制曲线方面的优

14、势更为突出，因为它不仅能绘制曲线，还能比较精确地调整曲线斜率，用钢笔工具绘制曲线的具体操作如下： （1）单击工具栏上的 按钮，鼠标光标变为 形状。 （2）在舞台中的任意位置单击，确定曲线的起点。,（3）将鼠标光标移动至另一位置，按住鼠标左键确定曲线的第二点，然后向任意方向拖动鼠标，出现一个调节杆，用于调整曲线的弧度，如图3-21所示。 （4）当对曲线弧度满意后，释放鼠标左键即可绘制出一条曲线。,图3-21,（5）移动鼠标光标至另一位置，按住鼠标左键确定曲线的第三点，然后拖动鼠标，通过调节杆调整曲线的弧度，释放鼠标左键即可确定曲线的第三点，如图3-22所示。,图3-22,（6）用相同的方法可以绘

15、制出任何曲线，如图3-23所示。如果将曲线的最后一点定位在已有的节点上，则可以绘制出一个封闭的图形，并自动填充上黑色，也可以在“属性”面板的 中设置其他颜色，如这里设为蓝色，完成后的效果如图3-24所示。,图3-23,图3-24,使用钢笔工具绘制图形时很不容易控制，要具备一定的耐心，而且要善于观察。使用钢笔工具时，可以发现鼠标光标的形状不停地变化，不同形状的鼠标光标代表不同的含义，了解这些鼠标光标的含义对于绘制图形极有帮助。下面介绍不同光标的含义。 ：选择钢笔工具后，鼠标光标自动变为 形状，表示单击一下即可确定一个点。,：将鼠标光标移到绘制曲线上没有空心小方框（句柄）的位置时，它会变为 形状，

16、单击一下即可添加一个句柄。 ：将鼠标光标移到绘制曲线的某个句柄上时，它会变为 形状，单击一下即可删除该句柄。 ：将鼠标光标移到某个句柄上时，它会变为 形状，单击一下即可将原来是弧线的句柄变为两条直线的连接点。,绘制简单的几何图形,椭圆工具 矩形工具,在Flash动画的制作过程中，常常需要自己绘制一些简单的几何图形。其实任何一个简单的几何图形，都可以把它们看作是由矩形和椭圆变化而来。下面首先来学习绘制矩形和椭圆。Flash提供了矩形工具和椭圆工具来绘制简单的几何图形，它们本身的绘制方法并不复杂，但要绘制出生动形象的图形或动画角色，还需要善于变换组合。另外，初学者在学习矩形工具和椭圆工具时还要注意区别矢量线条和矢量色块。