1、第2章 绘制基本图,2.1 绘 制 线 条 2.2 绘制几何形状 2.3 使用颜色与填充 2.4 调 整 轮 廓 2.5 擦 除 2.6 修 改 形 状 2.7 上 机 指 导 2.8 习 题,2.1 绘 制 线 条,2.1.1 使用铅笔工具画线 2.1.2 使用钢笔工具画线 2.1.3 使用笔刷工具画线 2.1.4 使用线条工具画图 2.1.5 制作一条延伸的黑色直线,2.1.1 使用铅笔工具画线,铅笔工具是常用的画线工具，使用它可以随意地绘制线条和图形，但是最终的绘制结果与铅笔的实际运动轨迹并非完全吻合。因为F1ash会根据用户选定的绘图模式，使绘制的线段变直或变圆滑，其拉直或圆滑的程度取
2、决于用户所选取的参数。在通常情况下，铅笔的绘图模式有3种。通过选择工具箱中的铅笔工具，然后再单击工具箱中【选项】区域的图标，将会显示出铅笔工具的3种绘图模式，如图2.1所示。【伸直】：适于绘制规则线条，并且绘制的线条会分段转换成与直线、圆、椭圆和矩形等规则线条中最接近的线条。【平滑】：适于绘制平滑曲线，将曲线的抖动部分变得平滑。【墨水】：即徒手模式，适用于绘制接近徒手画出的线条。,2.1.2 使用钢笔工具画线,使用【钢笔工具】能够绘制多节点曲线，能够增加或删除曲线上的节点，绘制精确的路径，如多边形、直线或者平滑、流动的曲线。钢笔工具也可以创建直线或曲线段，然后调整直线段的角度、长度和曲线段斜率
3、。当使用钢笔工具绘画时，直接单击舞台上的任何地方都可以创建点，当连续单击时就可以把点连成线段，如果进行单击并拖动就可以创建伸缩的线段。然后再通过调整线条上的控制点来调整直线段和曲线段的效果。另外，也可以将曲线转换为直线，反之亦可。通过锚点的控制，就能够准确地绘制出各种样式的多边形、直线或曲线。,2.1.3 使用笔刷工具画线,使用笔刷工具绘制的图形外观上看似线条，其实是一个没有边线的填充区域。因此使用笔刷工具不仅可以绘制图形，还可以制作一些特殊效果，例如，显示毛笔的效果。另外，它还可以对绘制的图形进行上色和创造出许多特殊的效果，包括书法效果等。在使用笔刷工具时，可以使用笔刷工具的功能键选择笔刷大
4、小和形状。单击工具箱里的笔刷工具按钮后，在【选项】区域里就会显示出笔刷工具的选项，如图2.8所示。单击笔刷工具选项里的按钮，将会打开笔刷工具的所有工作模式，如图2.9所示。笔刷工具的工作模式有5种：标准绘画、颜料填充、后面绘画、颜料选择与内部绘画。,2.1.4 使用线条工具画图,线条工具是Flash中绘图的重要工具，使用线条工具可以轻松地绘制直线、多边形等。单击工具箱中的【线条工具】按钮，使用鼠标在工作舞台上拖动，即可以绘制出一条线，在绘制时可以通过【属性】面板来调整线条的颜色、笔触样式与线宽。在绘制多边形时，可以配合辅助线来使用，如图2.12所示的配合网格绘制的直线与多边形。图2.12 绘制
5、的直线与多边形,2.1.5 制作一条延伸的黑色直线,本小节主要是使用【直线工具】在工作舞台上绘制一条不断延伸的黑色直线，并以淡蓝色来填充工作舞台的背景，其操作步骤如下：(1)在Flash里新建一个文件，按下Ctrl+J组合键打开【文档属性】对话框，把宽度和高度分别设置为400px和150px，将背景色设为蓝色，然后单击【确定】按钮。(2)单击工具箱上的线条工具画一条横向的短线，在第20帧按下F6键插入一个关键帧，然后选中工具箱里的选择工具，移动鼠标到短横线的右端，在鼠标形状变为时按住鼠标左键并向右拖动，直到直线足够长为止。(3)用鼠标左键双击【时间轴】上的第1帧，在弹出的帧属性对话框中的【补间
6、】下拉列表上选中【形状】后按Enter键确定。这时在第1帧和第20帧之间出现一个实箭头，背景变为淡绿色，表明是形状渐变动画。,(4)单击【时间轴】面板左下角的【插入图层】按钮，插入一个新图层，在新层的第21帧按下F6键插入一个关键帧。单击【绘图纸】按钮，这时原层上的直线显示为灰色。在直线的最右端画一条向下的短竖线，如图2.13所示。(5)在新层的第30帧按F6键插入一个关键帧，用步骤(2)的方法把这一帧的竖线拉长到合适的长度，然后，双击第21帧打开其属性对话框，在弹出的属性对话框中的【补间】下拉列表中选中【形状】后按Enter键确定。(6)选中【图层1】的第30帧，在第30帧按下F5键，如图2
7、.14所示，使该层在第21帧和第30帧之间仍保留第20帧上的内容，也就是最近的一个关键帧上的内容，这样在第21帧和第30帧之间，横向的直线将一直被显示出来。,(7)单击【时间轴】面板下的按钮，新建一个层，在新层的第31帧按下F6键插入一个关键帧。单击【绘图纸】按钮，这时原键层上的直线显示为灰色。在直线的最下端画一条向左的短直线。(8)在新层的第50帧按下F6键插入一个关键帧，用步骤(2)的方法把这一帧的横线拉长，使之和上面的横线一样的长，然后，双击第31帧打开其属性对话框，在弹出的属性对话框中的【补间】下拉列表中选中【形状】后按Enter键确定。(9)使用同样的方法，绘制第4条直线，使得第4条
8、直线正好回到第1条直线的左端。然后分别选择第1个、第2个、第3个图层上的第60帧，并分别按下F5键，这时的时间轴，如图2.15所示。(10)最后按下Ctrl+Enter组合键欣赏延伸的直线的效果，在该窗口里可以看到黑色的直线在不断地延伸，最后组成一个矩形，如图2.16所示。,2.2 绘制几何形状,2.2.1 椭圆工具 2.2.2 矩形工具 2.2.3 使用矩形工具制作一面舞动的彩旗,2.2.1 椭圆工具,在工作舞台中，可以使用椭圆工具来绘制椭圆和圆形。它的操作是单击工具箱中的【椭圆工具】按钮，然后按Ctrl+F3组合键打开椭圆的【属性】面板，它的【属性】面板如图2.17所示。面板中铅笔右边方框
9、中的颜色(黄色)就是轮廓线的颜色，下边方框中的颜色(红色)就是填充颜色。笔触颜色和填充颜色可以直接从【属性】面板中修改。如果想绘制无边框图形，可以通过单击铅笔右边框(黄色)下面的小三角形，打开颜色样板，然后单击样板上的无边框按钮，使得(黄色)方框变为，这时就可以绘制无边框图形了。,下面通过例子来说明椭圆工具是如何使用的。(1)新建一个文档，选择【视图】|【网格】|【显示网格】命令，给舞台添加网格，然后单击【矩形工具】按钮，颜色选为灰色，在舞台上画一个无边框的矩形。(2)单击工具箱上的【线条工具】按钮。使用线条工具在工作舞台上画一个长方体，如图2.18所示。然后选择橡皮擦工具，使用橡皮擦的【擦除
10、填色】模式，将长方体以外的颜色擦除。(3)选择工具箱上的【椭圆工具】，把填充颜色设置成黑色，笔触的颜色设置成白色，然后按下Shift键，拖动鼠标，在长方体的正面上画两个大小不等的圆，并在大圆的中心再画一个小圆，作为音箱的喇叭。这样一个立体的音箱就完成了。,2.2.2 矩形工具,使用矩形工具可以绘制出矩形、圆角矩形、正方形与多边形等。绘制矩形时，要先单击工具箱上的【矩形工具】按钮。单击按钮上的小三角形，就会打开如图2.20所示的快捷菜单，在该菜单里有【矩形工具】与【多角星形工具】两个选项命令，如果选中了【矩形工具】选项命令，在工具箱的【选项】区域上就会出现画面，如图2.21所示；如果是选了【多角
11、星形工具】选项命令，在【工具箱】的【选项】区域上就不会显示【圆角矩形半径】工具。它是用来绘画圆角的工具，使得图形看起来更加有线条美。,2.2.3 使用矩形工具制作一面舞动的彩旗,本节主要利用矩形工具在工作舞台上绘制一面舞动的彩旗，就好像随风飘动一样。本节是对矩形工具绘制图形的复习。(1)启动Flash，然后新建一个文档。选择【修改】|【文档】命令，打开【文档属性】对话框，在该对话框中设置影片的宽和高分别为500px400px，如图2.27所示。(2)选择工具箱上的矩形工具，在【属性】面板上把填充颜色设置成红色，笔触的颜色设置成无色。或者在工具箱的【颜料】区域上进行设置，把填充颜色方框设置成，笔
12、触颜色方框设置成。(3)在工作区中，拖动鼠标，绘制一个矩形，然后选择钢笔工具在矩形的右边绘制一条竖直的直线作为旗杆，如图2.28所示。红旗绘制完成了，接下来是让红旗舞动起来。,(4)在第5帧处按下F6键插入一个关键帧，或者选中第5帧然后单击鼠标右键在弹出来的菜单上选择【插入关键帧】命令。(5)选择第1帧，在【属性】面板的【补间】选项中选择【动作】命令。(6)用鼠标选中红旗，选择【修改】|【分离】命令，将红旗分离。(7)把鼠标移动到红旗的上方，右击鼠标从弹出来的菜单上选择【扭曲】命令。在红旗的四周将出现一个矩形的方框，方框的周围有8个控制点。如图2.29所示。(8)使用鼠标拖动方框上的控制点，改
13、变红旗的样子。从而实现扭曲的效果。(9)在第10帧处按下F6键插入关键帧，然后把鼠标移动到红旗的上方，右击在弹出来的菜单上选择【扭曲】命令，在红旗的四周又出现一个矩形的方框，使用鼠标拖动方框上的手柄，使红旗变成另外的样子。,(10)在第15帧和第20帧上也用同样的方法添加帧。(11)最后按Ctrl+Enter组合键预览效果，如图2.30所示。,图2.29 扭曲方框图,图2.30 预览效果,2.3 使用颜色与填充,2.3.1 使用颜色 2.3.2 使用滴管工具 2.3.3 使用颜料桶工具 2.3.4 使用墨水瓶工具,2.3.1 使用颜色,颜色是每一个图形的重要组成部分，几乎每一个图形都要用到颜色
14、。在Flash MX 2004中，颜色有两种类型：固定色和渐变色。所谓渐变色就是在两个或者两个以上颜色之间实现颜色上的过渡。而且在Flash MX 2004中颜色的管理主要通过【混色器】面板、【颜色样本】面板和弹出的混色器工具来设置各种特殊的颜色和渐变颜色。1. 【颜色样本】面板2. 【混色器】面板,2.3.2 使用滴管工具,滴管工具的主要作用是拾取工作区中已经存在的某种线条或填充样式，并将它应用于下次绘图中。该工具没有参数选项，使用方法非常简单，只需把滴管工具移动到需要取色的线条或图形上，单击鼠标即可。选中滴管时，当把鼠标放在空白区域时，鼠标的形状是一个滴管；当鼠标移动到某个线条上面时，鼠标
15、将变成一个滴管和一支笔的形状；当鼠标移动到图形填充上，这时的鼠标形状就变为颜料桶。,2.3.3 使用颜料桶工具,颜料桶工具就是用来对某个区域进行颜色填充的工具，但是它不能作用于线条。颜色的填充模式主要有单色填充、渐变填充和位图填充3种。当用户单击工具箱上的【颜料桶工具】按钮时，在工具箱【选项】区域上就会出现如图2.47所示的选项，然后单击选项里的按钮，将会打开它的填充模式菜单。,图2.47 颜料桶工具选项命令,下面讲解一下颜料桶填充的4种填充模式：【不封闭空隙】：当区域没有完全闭合时都不能填充颜色。【封闭小空隙】：当区域存在较小的空隙时才可以填充颜色。【封闭中等空隙】：当区域存在中等缺口时也可
16、以填充颜色。【封闭大空隙】：当区域存在大缺口时也可以填充颜色。当单击了工具箱中【选项】区域右边的【锁定填充】按钮后，即可进入锁定填充模式。如果选择该命令后，再使用颜料桶工具，锁定模式可保证它们被填充的颜色为统一的颜色而且模式也是统一的模式。,2.3.4 使用墨水瓶工具,墨水瓶工具是一种修改线条的属性工具，它可以以一种单色修改图形中已经存在线条的属性或为一个区域添加封闭的线条。下面以例子来说明墨水瓶工具的使用。(1)启动Flash，并新建一个文档，单击工具箱里的【椭圆工具】按钮，在舞台上绘制一个不带边框线的青色圆和一个无填充颜色的椭圆，如图2.52所示。(2)单击工具箱里的【墨水瓶工具】按钮，然
17、后在【属性】面板中修改填充颜色、线型和线宽等参数，将线宽设置为3，线型为虚线，颜色为黄色。(3)把鼠标移动到舞台上，然后分别在上面绘制的图形上单击鼠标，绘制的图形将会生成如图2.53所示的图形，这时在无边线的圆上会自动加上了一条边线，而无填充颜色的椭圆外面也加上了一道线型。,2.4 调 整 轮 廓,轮廓线就是指图形的边框线，通过调整它可以改变图形与线条的外表形状。 2.4.1 调整线条和图形的轮廓2.4.2 使用选择工具调整线条2.4.3 制作一个逐渐消失的运动小球,2.4.1 调整线条和图形的轮廓,线条和图形的轮廓线可以通过选择工具和部分选取工具来改变。Flash MX 2004提供了多种选
18、择对象的方法，箭头工具包括选择工具与部分选取工具。它是最直接也是最简单的选取方法。只要选中箭头工具后，用鼠标单击舞台上的对象或用鼠标拖出一矩形框将对象框住即可。下面主要介绍一下部分选取工具选取对象的方法。【部分选取工具】是用来选取或移动对象的。用【部分选取工具】选取对象可以有3种方法：,(1)用鼠标单击要选取的对象。当单击椭圆内部或轮廓线时，分别将这两个对象选中。当对象被其他对象或线条分割时，只能选中其中一部分。(2)在对象上双击鼠标。当双击的是轮廓线内部的填充区域时，该区域及其轮廓线均被选中；而当双击的是轮廓线时，则只有轮廓线被选中，但当轮廓线与其他同色的线条相连时，这些线条也会同时被选中。
19、(3)用鼠标拖出一个矩形来，它所套住的区域为被选择区域。,2.4.2 使用选择工具调整线条,选择工具位于工具箱的最左上角，为一黑色箭头标志，它是箭头工具之一。当使用鼠标单击工具箱上的【选择工具】按钮时，在工具箱底下的【选项】区域上将变为如图2.56所示，在里面有3个辅助选项：对齐对象、平滑与伸直。,图2.56 选择工具的选项,图中的【对齐对象】按钮 称作为捕捉按钮。在按下这个按钮后，用鼠标拖动一个对象时，鼠标下方会出现一个小圆圈，它可以帮你在绘图时对齐图形，网格等。在移动或修改对象时，箭头和对象之间会为小圆圈提供一个捕捉参考点。例如，在移动一个填充区域时，当拖动点在该区域的中心点附近时，该中心
20、点就会吸附到网格线或其他对象上。尤其在制作动画的过程中，这个功能对图形捕捉运动路径特别有用。下面的两个按钮只有在对象被选取时才会被激活。,2.4.3 制作一个逐渐消失的运动小球,本小节主要是制作一个运动小球逐渐消失的效果动画，用户可以根据该动画正确理解透明度在制作动画时的强大功能。(1)新建一个文档，然后按Ctrl+J组合键打开【文档属性】对话框，在对话框里把宽度设置成300px，高度设置成50px，【背景颜色】设置成蓝色。如图2.60所示。然后单击【确定】按钮保存设置。(2)按Ctrl+F8组合键，打开【创建新元件】对话框，在该对话框的【名称】文本框中输入ball1，在【行为】选项区域里选中
21、【图形】复选框，如图2.61所示，然后单击【确定】按钮，进入创建元件的编辑状态。,(3)在绘图工具箱中选择椭圆工具，在颜色窗口里把边框色设置为无边框轮廓，且填充色为红色到黄色的放射状渐变。(4)在工作舞台里拖动鼠标绘制一个小球。小球图符做好后，单击时间轴左上角的【编辑场景】按钮，回到主场景工作舞台中。(5)按Ctrl+L组合键打开【库】面板，在该面板的预览窗口中把ball1图符拖动到工作舞台中，并单击工具箱里的【任意变形工具】按钮，然后选中小球，将小球调整到合适的大小，如图2.62(a)所示。(6)选择时间轴第25帧，按Ctrl+F6组合键插入一个关键帧，然后选中小球，把它拖到舞台的另一端，如
22、图2.62(b)所示。,(7)单击时间轴上的第1帧，在帧【属性】面板中，进行如图2.63所示的设置。然后按Enter键预览小球运动的效果。(8)单击第25帧，使处在舞台最右端的小球被选中，用鼠标左键单击小球，打开实例的【属性】面板，单击颜色右边的下拉列表框，在下拉列表框中选择透明度(Alpha)，在其右边的文本框中输入0，如图2.64所示。(9)然后按Ctrl+Enter组合键，观看运动小球消失的效果，在这里可以看到小球从左边慢慢的向右边运动，在运动的过程中小球逐渐变模糊，最后消失在屏幕中，如图2.65所示。(10)操作完成，选择【文件】|【另存为】命令，在打开的窗口里为该动画命名，然后按【保
23、存】按钮，保存所制作的动画，最后关闭退出。,2.5 擦 除,在日常生活中，常常会有因为粗心而造成小部分出差错。在出差错后，有的事情会造成比较严重的后果，但是要是在造成错误时，及时地把错误修改了，那就可以避免更大的失误。使用Flash制作动画的时候也是一样，在绘图的时候常常出现绘制上的错误，但是你可以使用擦除工具来修正所出现的错误。2.5.1 使用橡皮擦工具2.5.2 选择擦除模式,2.5.1 使用橡皮擦工具,在绘图时，如果我们不需要删除整个对象，而仅仅是要擦除某个对象的某一部分，那么可以使用橡皮擦工具将它们擦除。使用它不但可以擦除场景内的所有图形，也可以有选择地擦除一个填充区域或者一条线等。橡
24、皮擦工具是Flash制作的常用工具。在执行擦除功能的时候，如果选择擦除的方式不同，那么所得到的效果也会不一样。下面用例子来说明橡皮擦工具的使用。 (1)在Flash里，单击【新建】按钮，创建一个新文档。然后选择【文件】|【导入】|【导入到舞台】命令，往Flash舞台上导入一张图片。如图2.66所示。,(3)然后选定图像，再选择【修改】|【分离】命令，将图像打散。(4)再单击【橡皮擦工具】按钮，再一次按住鼠标左键在图片上拖动鼠标，然后松开鼠标就可以将图像擦除，如图2.67所示。,图2.66 导入的图片,图2.67 经过橡皮擦加工后的效果,2.5.2 选择擦除模式,在绘画时，由于不同的需要，有的时
25、候需要删除图像里某一部分的线条，而不删除区域里的颜色，或者有的时候要删除的是某一个区域里的填充颜色，而要保留边框和文字等。如果都是使用同一种擦除模式就很难达到你想要的效果，现在Flash MX 2004里就为用户提供了多种擦除的模式，可以根据自己的需要，选择适合的擦除模式，就可以简单地完成相应的删除任务了。,2.6 修 改 形 状,修改形状主要就是对图形的边框线进行修改。它的修改样式主要有将线条转换为填充、扩展填充和柔化填充边缘3种样式。在填充以后使得图形的边线更加美观，并且能够改变图形原来的属性。2.6.1 将线条转换为填充2.6.2 扩展填充2.6.3 柔化填充边缘2.6.4 优化曲线,2
26、.6.1 将线条转换为填充,在绘制图形时，边线的颜色只能为纯色，而填充的颜色可以为纯色、渐变色或位图。因此，在某些情况下，为了获得更好的边线效果。可以先改变图形边线的性质(即将边线改变为填充区)，然后使用颜料桶工具对其填充。下面以例子来说明它的使用方法。(1)单击工具箱里的【矩形工具】按钮，然后在舞台上绘制一个六角星，并给它添加上眼睛与嘴巴，如图2.71所示。(2)单击工具箱里的【选择工具】按钮，用鼠标分别单击星形的各边框线，选中星形的所有边线。(3)单击工具箱中的【颜料桶工具】按钮，然后按Shift+F9组合键，打开【混色器】面板，在混色器的调色板上把颜色调成任意的渐变颜色。,(4)选择【修
27、改】|【形状】|【将线条转换为填充】命令，将线条转换为填充区域，效果如图2.72所示。,图2.71 绘制的六角星,图2.72 线条转换为填充的效果,2.6.2 扩展填充,扩展填充就是沿图形的边界扩散填充区域。在选择【扩展填充】命令的时候，会弹出如图2.73所示的【扩展填充】对话框。由对话框可以看出，有【距离】与【方向】两个选项，它们的作用分别是：【距离】：用于设置扩展或缩小的距离。【方向】：该选项中有【扩展】和【插入】两种模式。,2.6.3 柔化填充边缘,柔化填充边缘在没有笔触的单一填充形状上使用时效果最好。在使用的时候，可以通过选择【修改】|【形状】|【柔化填充边界】命令，打开【柔化填充边缘
28、】对话框，如图2.75所示。,图2.75 【柔化填充边缘】对话框,可以看到，在该对话框里有多个选项，它们的作用分别如下：【距离】：柔化边缘的宽度，以像素(px)为单位；【步骤数】：控制用于柔化边缘效果的曲线数，步骤越多，平滑效果就越好，但是创建的文件也越大，绘制速度也就越慢。,2.6.4 优化曲线,在Flash中可以对曲线进行优化处理，使得曲线变得更加平滑。优化操作的实质就是通过减少填充区域曲线的数量来实现，这样通过优化后的曲线可减少Flash影片的文件大小和将来导出的Flash影片大小。下面以实例来讲解一下优化的具体操作步骤。(1)首先使用工具箱里的选择工具，选中希望优化的曲线。(2)选择【修改】|【状态】|【优化】命令，这时将会弹出一个【最优化曲线】对话框，如图2.77所示。在该对话框里可以设置优化曲线的平滑度与优化的选项，它们的意义如下： 【平滑】：在该选项里可以通过拖动滑块来设置平滑操作的强度。 【使用多重过渡】：系统将会自动地对要优化的线条进行多次优化。 【显示总计消息】：系统将会自动地检查需要优化的线条，以统计和估算优化后的结果。,(3)对【最优化曲线】对话框的设置完成后，单击【确定】按钮，对曲线进行优化处理。图2.79所示的是一对优化前后的效果图。,图2.79 优化前后的效果图,
