Flash动画简明教程 -汪启荣 第2章.ppt

2007-1-8 第2章 基本绘图 学习目标：1、了解矢量图与位图的有关知识 2、掌握工具箱中几种绘图工具的使用方法。 3、掌握与颜色相关的几种工具的使用方法。 4、了解文本的几种类型，学会使用文本工具创建、编辑文本。 5、了解形状渐变动画的基本原理。 2.1 矢量图与位图 2.2 形状渐变动画实例 2.3 绘图工具2.4 颜色的填充 2.5 处理文本  2.1.1 矢量图形 矢量图形使用直线和曲线（即所谓的“矢量”）来描述图像。当用户编辑矢量图形时，实际上是在修改描述图形形状的直线和曲线的属性。矢量属性还包括颜色和位置属性。矢量图的清晰度与分辨率的大小无关，对矢量图进行缩放时，图形对象仍保持原有的清晰度和光滑度，不会发生任何偏差。 2.1.2 位图 位图图像使用带颜色的小点（即所谓的“像素”）描述图像。像素的多少将决定位图图像的显示质量和文件的大小，位图图像的分辨率越高，其显示越清晰，文件所占的空间也就越大。因此，位图图像的清晰度与分辨率有关。对位图图形放大时，放大的只是像素点，图像将变得模糊。 2.2 形状渐变动画实例（线条变换） 一个优秀的作品，往往它的片头效果也是比较好的，这可以很好地起到吸引观众的作用。下面我们一起动手制作一个这样的片头效果。制作步骤如下： 步骤1：首先启动Flash中文版，新建一个Flash文档，在菜单栏中执行“修改”／“文档”命令，（或按快捷键【Ctrl+J】），弹出“文档属性”对话框，将宽度设置为400像素，高度设置为300像素，背景色设置为白色，如图2-1所示，然后单击“确定”按钮。 步骤2：双击时间轴图层左边文字处，把图层重命名为“线条变换”。 步骤3： 同时选择“线条工具” ，在舞台的合适位置绘制一根直线。步骤4：在第10帧处插入关键帧，然后在第10帧使用“选择工具”靠近线条（不是选中），当鼠标指针旁边出现弧形状后，拖动鼠标把直线变成曲线。 步骤5：在第20侦处插入关键帧，使用同样的方法进一步调整曲线。 步骤6：在第30帧插入空白关键帧（快捷键为【F7】），然后使用文本工具输入文字“月”，选中文字，在属性面板中设置字号为96，并选择合适的字体，并选择合适的字体。 步骤7：选中第30帧的文字，在菜单栏中之星“修改”／“分离”命令（或按快捷键【Ctrl+B】）将文字分离 。 步骤8：选择“墨水瓶工具”，单击上面分离的文字为其添加线条轮廓。 步骤9：使用选择工具将文字轮廓中间的填充选中，然后将其删除，得到一个中空的线条文字，如下图所示。 步骤10：选中第40帧，用同样的方法得到“光”的中空线条文字。 步骤11：分别选中第1帧、第10帧、第20帧、第30帧、第40帧，然后在属性面板中的“补间”属性中选择“形状”。 步骤12：按快捷键【Ctrl+Enter】测试动画效果。 范例总结： 在上面的例子中，线条发生了一系列的形状渐变。这其实就是形状渐变动画。从上面的例子可以看出，在动画的运动过程中线条的形状发生渐变，而且全部都是用线条或者线条的组合，并没有把任何一个关键帧的内容转化为组件。所以形状渐变就是在两个形状之间实现渐变，比如一个方形变成圆形。 2.3.1 选择工具 选择工具” 是一个最常用的工具，它用来选择舞台中的一个对象。通常选择的方法有两种：点选和框选，点选可以选择一个组件、线条或者连续的填充。一个组件选中会出现蓝色的边框，填充和线条选中后就会出现麻点状态。 如果要选择多个对象且对象的分布并不规则，也就是选择不连续的对象，可以按住【Shift】键然后点选来完成。在选择线条的时候只能选择两个点之间，可以使用双击来选择相连的线条。 2.3.2 线条工具 “线条工具”，顾名思义就是用于绘制直线的工具，使用方法简单，在工具箱中选取“线条工具”后，可先在属性面板中设置好笔触颜色、样式及高度，然后在舞台中单击并拖动就可以绘制直线。 选中“线条工具”后，会发现在工具选项中出现了一个磁铁图标，这个选项用于多个线条连接时自动吸附，这就方便了封闭图形的绘制。如下图所示。 另外，利用“选择工具” 可以更改线条的方向和长短 。 2.3.3 铅笔工具 “铅笔工具” 可以很随意地绘制出不规则线条和图形。选择“铅笔工具” 后，可以使用其附属选项更改其参数，有三个选项可以选择： 1、“伸直”：表示自动把线条转化成折线。 2、“平滑”：表示线条尽量的圆滑。 3、“墨水”：表示尽量保持绘画的轨迹，也就是不作任何变化，保持原来绘画形状。 2.3.4 钢笔工具 使用钢笔工具可以绘制精确的路径，如直线或者平滑流畅的曲线。创建后可以调整直线段的角度和长度以及曲线段的斜率。用钢