2.1　矢量图形绘制

计算机中显示的图形一般可以分为两大类——矢量图和位图。矢量图使用直线和曲线来描述图形，这些图形的元素是点、线、矩形、多边形、圆和弧线等，它们都是通过数学公式计算获得的。它并不是由一个个点显示出来的，而是通过文件记录线及同颜色区域的信息，再由能够读出矢量图的软件把信息还原成图像的。例如，一幅花的矢量图形实际上是由线段形成外框轮廓，由外框的颜色以及外框所封闭的颜色决定花显示出的颜色。由于矢量图形可通过公式计算获得，所以矢量图形文件一般较小。矢量图形最大的优点是无论放大、缩小或旋转等均不会失真，不会产生“马赛克”；最大的缺点是难以表现色彩层次丰富的逼真图像效果。

矢量图像，又称面向对象的图像或绘图图像，在数学上定义为一系列由线连接的点。矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实体，它具有颜色、形状、轮廓、大小和屏幕位置等属性。既然每个对象都是一个自成一体的实体，就可以在维持它原有清晰度和弯曲度的同时，多次移动和改变它的属性，而不会影响图中的其他对象。这些特征使基于矢量的程序特别适用于图例和三维建模，因为它们通常要求能创建和操作单个对象。基于矢量的绘图同分辨率无关。这意味着它们可以按最高分辨率显示到输出设备上。

位图图像（bitmap），亦称为点阵图像或绘制图像，是由称为像素（图片元素）的单个点组成的。这些点可以进行不同的排列和染色以构成图样。当放大位图时，可以看见构成整个图像的无数单个方块。扩大位图尺寸的效果是增大单个像素，从而使线条和形状显得参差不齐。然而，如果从稍远的位置观察，位图图像的颜色和形状又显得是连续的。

在Flash创建动画时，使用矢量图来绘制，有以下优点。

（1）文件小，图像中保存的是线条和图块的信息，所以矢量图形文件与分辨率和图像大小无关，只与图像的复杂程度有关，图像文件所占的存储空间较小。

（2）图像可以无级缩放，对图形进行缩放、旋转或变形操作时，图形不会产生锯齿效果。

（3）可采取高分辨率印刷，矢量图形文件可以在任何输出设备（打印机）上以打印或印刷的最高分辨率输出。

2.1.1　课前学习——绘制坐标轴及抛物线

我们将用线条工具绘制如图2-1所示的坐标轴及抛物线。

步骤一：在舞台中央绘制一条水平直线，使用“线条工具”，按住【Shift】键的同时，可以绘制水平直线，如图2-2所示。

步骤二：为了让水平直线位于舞台的正中央，借助“对齐”面板来自动对齐，如图2-3所示。使用“选择工具（V）”，将直线选中，接下来打开“对齐”面板，将“相对于舞台”按钮选中，并单击“垂直中齐”和“水平中齐”两个按钮，如图2-4所示，直线相对于舞台，位于舞台的正中央。同理，再绘制一条垂直线条，用同样的方法使其相对于舞台居中对齐，如图2-5所示。

步骤三：使用“线条工具”，按住【Shift】键的同时，绘制45°的斜线，如图2-6所示。

步骤四：若要将45°的斜线修改成抛物线形状，需要使用工具箱中的“选择工具（V）”，将“选择工具”放置到斜线周边，光标形状变成弧状时，说明可以将直线修改为曲线。按住鼠标左键，并且往下方拖动，可以将直线改变为曲线，直到修改成所需要的造型，再释放鼠标，如图2-7所示，也可以多次修改，直到满意为止，抛物线绘制效果见图2-8。步骤五：使用“文本工具（T）”，加入坐标轴名称X、Y、0，并将坐标轴的线条笔触调整为“2.00”，完成练习，如图2-1所示。

2.1.2　课堂学习——绘制毛笔

绘制图形除了使用“线条工具”，还可以使用铅笔、刷子、颜料桶、墨水瓶等工具，让动画造型看起来更加色彩鲜艳，生动有趣。我们首先来学习绘制毛笔，效果见图2-9。

步骤一：首先将“笔触颜色”调整为黑色，“填充颜色”调整为无色，这样才能绘制空心图案，如图2-10所示。

步骤二：用“矩形工具（R）”及“椭圆工具（O）”，绘制毛笔的笔杆，如图2-11所示。并用“选择工具（V）”将某些直线部分修改为曲线，把多余的线条删除。

步骤三：在笔杆的一侧空白部分，绘制毛笔的笔刷，首先将“笔触颜色”调整为无色，“填充颜色”调整为黑色，如图2-12所示。使用“椭圆工具（O）”绘制笔刷，如图2-13所示，并用“选择工具（V）”调整笔刷的形状，最终效果见图2-14。

步骤四：使用“选择工具”单击笔刷可以看到很多小白点，如图2-15所示，说明笔刷图形是散件，为了更好地设置各个图形部件，需要将散件组合，选中笔刷图形，按【Ctrl+G】组合键将其组合成为图形，如图2-16所示。同样，将笔杆选中，按【Ctrl+G】组合键将其组合成为图形。

步骤五：将笔刷图形移动到笔杆下方，如图2-17所示，最后给笔杆填充颜色，使其看起来更加立体。填充颜色的方法为：打开“颜色”面板，在类型下拉列表中选择“线性”，在色带上单击，添加一个墨水瓶。色带上总共有三个墨水瓶，双击每个墨水瓶，选择颜色，三个墨水瓶的颜色分别为“黄-白-黄”，如图2-18所示，使用工具箱中的“颜料桶工具” ，选中笔杆并单击，即给笔杆上色，这样就能调制出中间高光的立体圆柱效果，如图2-19所示。

2.1.3　课堂学习——绘制酒杯

接下来，我们用所学的工具来绘制如图2-19所示的酒杯。

步骤一：绘制图2-20所示的两个椭圆，为了方便绘制，可以在绘制椭圆的同时按住【Alt】键，从圆心开始往四周画圆。

步骤二：使用“矩形工具（R）”和“椭圆工具（O）”绘制酒杯的杯脚部分，如图2-21所示使用“选择工具（V）”选中多余的线条，按住【Delect】键删除，如图2-22所示。

步骤三：为酒杯填充颜色，打开“颜色”面板，在“类型”下拉列表中选择“线性”，色带上两个墨水瓶的颜色分别设置为“蓝-白”，如图2-23所示。使用工具箱当中的“颜料桶工具” ，以画线的方式，将渐变颜色按照线条方向进行填充，最终效果见图2-19。

2.1.4　课堂练习——绘制灯笼

通过两个实例，让大家了解了Flash的基本图形绘制，接下来，请大家完成以下任务，绘制图2-24所示的灯笼。

步骤一：选中椭圆工具并按住【Shift】键绘制一个圆，并在“对齐”面板中设置圆相对于舞台居中，在圆外再绘制一条垂直直线，如图2-25所示。将直线也设置为相对于舞台居中，如图2-26所示。

步骤二：选中圆中的直线，右击后选择“复制”命令，再右击后，选择“粘贴”命令，将复制的直线移动到圆外，使用“选择工具（V）”，将直线调整为曲线，如图2-27所示，再将曲线放回至圆中。

步骤三：用同样的方法，绘制第二条曲线，将两条绘制好的曲线选中，执行“复制”和“粘贴”操作，使用工具箱中的“任意变形工具（Q）”，将复制的两条曲线镜像变形，如图2-28所示。将曲线移动至合适位置，如图2-29所示。

步骤四：使用矩形工具和线条工具，绘制灯笼的其他部件，并将多余的线条删除，如图2-30所示。

步骤五：使用放射渐变填充灯笼，填充方法为：打开“颜色”面板，将类型选择为“放射状”，两个墨水瓶的颜色分别设置为“白-红”，最终效果见图2-24。