2.1 矢量图形绘制_Flash动画制作翻转课堂-QQ阅读中文都市网

上QQ阅读APP看书，第一时间看更新

2.1　矢量图形绘制

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

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

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

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

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

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

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

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

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

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

请扫一扫获取相关微课视频

■图2-1　绘制坐标轴及抛物线

■图2-2　绘制水平直线

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

■图2-3　“对齐”面板

■图2-4　相对于舞台居中对齐

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

■图2-5　绘制坐标轴

■图2-6　绘制45°的直线

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

■图2-7　使用“选择工具（V）”将直线变曲线

■图2-8　抛物线的绘制

2.1.2　课堂学习——绘制毛笔

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

请扫一扫获取相关微课视频

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

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

■图2-9　绘制毛笔

■图2-10　调整“笔触颜色”及“填充颜色”

■图2-11　绘制笔杆

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

■图2-12　调整“笔触颜色”及“填充颜色”

■图2-13　绘制椭圆笔刷

■图2-14　修改笔刷的形状

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

■图2-15　散件

■图2-16　组合图形

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