动态网页设计与制作实用教程第三版）程伟渊第3章课件教学.pptVIP

第3章 动画角色的绘制与编辑 本章学习导读 在制作动画之前我们应该先掌握绘制、编辑动画角色的基本工具和技巧。在Flash 中绘制、编辑动画角色主要通过绘图工具箱来进行。本章主要讲述绘图工具的使用和图形编辑过程。通过本章学习，读者应该掌握以下内容： 矢量图形和位图 Flash CS5绘图工具箱的使用 Flash CS5的图形编辑功能 图形绘制与编辑举例 第3章 动画角色的绘制与编辑 3.1 矢量图形和位图 在计算机中，图形的显示格式有两种：矢量图和位图。学会区分两 种格式的图形对于动画的创作非常有用，同时可以提高工作效率。 3.1.1 矢量图 矢量图通过直线和曲线来描述图形，这些直线和曲线称为矢量。矢 量根据图形（包括文字）的几何特性来对其进行描述。矢量图的形状是 由曲线通过的点来描述的，而它的颜色则由曲线的颜色和曲线所包围区 域的颜色确定。在对一副矢量图进行编辑时，实际上修改的是其中曲线 的属性，可对曲线进行移动、缩放、改变形状和颜色等操作而不影响它 的显示质量。 矢量图具有分辨率无关行，换句话说，用户将它缩放到任意大小和 以任意分辨率在输出设备上打印出来，都不会遗漏细节或清晰度。因此， 矢量图是文字（尤其是文字）和粗略图形的最佳选择。 第3章 动画角色的绘制与编辑 3.1.2 位图 位图通过把叫做像素的不同颜色的点安排在网格中而形成图像。成 像的原理是指定像素在网格中的位置和颜色值，方式与拼接而成的图形 十分类似。 对位图文件进行编辑时，对象是像素而不是曲线。所以位图显示的 质量与分辨率有关，因为图像的每一个数据是根据特定大小的网格的。 对位图进行编辑有可能改变显示的质量，尤其是缩放操作可使图形边缘 呈锯齿状，在一个比图形本身分辨率低的输出设备上显示图形时也会使 现实质量下降。 第3章 动画角色的绘制与编辑 3.1.3 位图转换为矢量图 在新建的Flash文档中导入一幅位图图片，从主菜单上选择“修改/位图/转换位图为矢量图”，就会弹出“转换位图为矢量图”对话框，如图3-1所示。我们可以做以下的设置。 （1） “颜色阀值”选项的参数范围：1-500 它的作用是在两个像素相比时，颜色差低于设定的颜色阀值，则两 个像素被认为是相同的。阀值越大转换后的矢量图的颜色减少。 （2）“最小区域”选项的参数范围：1-1000 它的作用是在指定的像素颜色时需要考虑周围的像素数量，最小区 域是跟踪位图平均不同的颜色值。 （3）“曲线拟合”选项的参数范围：像素 它是决定生成的矢量图的轮廓和区域的粘合程度。 （4）“角阀值”选项的参数范围：较多转角 它是决定生成的矢量图中保留锐利边缘还是平滑处理。实践表明， 如果要创建最近原始位图的矢量图形，上图中为最佳的设置。设置完成 后单击“确定”按钮，就可以将位图转换为矢量图形了。 第3章 动画角色的绘制与编辑 3.2 图形角色的绘制与填充 3.1.1 图形角色的绘制 图形绘制主要通过绘图工具箱来完成，本节主要讲述绘图工具箱的 使用。在图形绘制过程中，可通过“属性”面板调整绘制工具和绘制图形 的属性。有些绘图工具选中后，在工具箱的选项栏中会出现其模式选项。 模式选项使绘图更加灵活、准确。 第3章 动画角色的绘制与编辑 （1）线条工具：主要用于绘制线段。选中该工具后，可在属性面板中调 整线型和粗细。线条的属性主要有笔触颜色、笔触高度和笔触样式3种。 （2）钢笔工具：主要用于绘制贝赛尔曲线，通过对贝赛尔曲线的调整， 可以得到复杂的曲线图形。 （3）铅笔工具：可以在舞台上自由绘制线条和几何图形。 （4）文本工具：该工具用来在场景中添加文本角色。 （5）椭圆工具：可以在舞台上绘制出椭圆或者圆形，绘制出的图形包括 轮廓线和填充色。 （6）矩形工具：可以在舞台上绘制矩形或者正方形图形，操作方法与“椭 圆工具”完全相同。 （7）多角星形工具：“多角星形工具”与“矩形工具”占据同一位置，按住 “矩形工具”按钮不放，会弹出工具选择列表，切换到“多角星形工具”，使 用“多角星形工具”可以在舞台上绘制等边多边形或者等边星形图形。 第3章 动画角色的绘制与编辑 3.1.2 颜色的填充 （1）墨水瓶工具：本工具用来给图形对象的线条或几何图形的笔画边框 上色。 （2）颜料桶工具：对图像进行填色，根据选项的不同可以采取多种填充 方式。 （3）笔刷工具：既然是“刷子”，它起着涂刷的功能。 （4）滴管工具：本工具用来进行颜色取样，将一个图形或线条的颜色复 制到其他图形或线条上。 第3章 动画角色的绘制与编辑 3.2 编辑图形角色 3.2.1