本章简介： 在Flash CS4动画的制作过程中，时间轴和帧起到了关键性的作用。本章主要讲解了动画中帧和时间轴的使用方法及应用技巧、基础动画的制作方法。通过这些内容的学习，可以了解并掌握如何灵活地应用帧和时间轴，并根据设计需要制作出丰富多彩的动画效果。,第7章 制作基本动画,课堂学习目标,了解动画与帧的基本概念 掌握时间轴的使用方法 掌握逐帧动画的制作方法 掌握形状补间动画的制作方法 掌握传统补间动画的制作方法 掌握测试动画的方法,7.1 动画与帧的基本概念,在Flash中，这一系列单幅的画面就叫帧，它是Flash动画中最小时间单位里出现的画面。每秒钟显示的帧数叫帧率，如果帧率太慢就会给人造成视觉上不流畅的感觉。所以，按照人的视觉原理，一般将动画的帧率设为24帧/秒。 在Flash中，动画制作的过程就是决定动画每一帧显示什么内容的过程。用户可以像传统动画一样自己绘制动画的每一帧，即逐帧动画。但逐帧动画所需的工作量非常大，为此，Flash还提供了一种简单的动画制作方法，即采用关键帧处理技术的插值动画。插值动画又分为运动动画和变形动画两种。,7.2 帧的显示形式,在Flash动画制作过程中，帧包括多种显示形式： 1. 空白关键帧 2. 关键帧 3. 传统补间帧 4. 补间形状帧 5. 包含动作语句的帧 6. 帧标签,7.3 时间轴的使用,时间轴面板 绘图纸（洋葱皮）功能 在时间轴面板中设置帧,7.3.1 时间轴面板,“时间轴”面板是实现动画效果最基本的面板，由图层面板和时间轴组成。,“时间轴”面板,7.3.2 绘图纸（洋葱皮）功能,一般情况下，在Flash舞台上只能显示当前帧中的对象。如果希望在舞台上出现多帧对象以帮助当前帧对象的定位和编辑，Flash提供的绘图纸（洋葱皮）功能可以将其实现。,1.“帧居中”按钮 ：单击此按钮，播放头所在帧会显示在时间轴的中间位置。 2. “绘图纸外观”按钮 ：单击此按钮，时间轴标尺上出现绘图纸的标记显示 。 2.“绘图纸外观轮廓”按钮 ：单击此按钮，时间轴标尺上出现绘图纸的标记显示。在标记范围内的帧上的对象将以轮廓线的形式同时显示在舞台中。 3.“编辑多个帧”按钮 ：单击此按钮，绘图纸标记范围内的帧上的对象将同时显示在舞台中，可以同时编辑所有的对象。 4.“修改绘图纸标记”按钮 ：单击此按钮，弹出下拉菜单，,7.3.3 在时间轴面板中设置帧,在时间轴面板中，可以对帧进行一系列的操作。下面进行具体的讲解。 1插入帧 2选择帧 3移动帧 4删除帧,7.4 逐帧动画,新建空白文档，选择“文本”工具 ，在第1帧的舞台中输入文字“怡”字。按F6键，在第2帧上插入关键帧。在第2帧的舞台中输入“然”字。用相同的方法在第3帧上插入关键帧，在舞台中输入“自”字。在第4帧上插入关键帧，在舞台中输入“得”字。,第1帧 时间轴面板中设置关键帧的状态 第2帧 第3帧 第4帧,7.5 形状补间动画,创建形状补间动画 课堂案例制作LOADING下载条,如果舞台上的对象是组件实例、多个图形的组合、文字、导入的素材对象，必须选择“修改 分离”或“修改 取消组合”命令，将其打散成图形。利用这种动画，也可以实现上述对象的大小、位置、旋转、颜色及透明度等变化，另外还可以实现一种形状变换成另一种形状。,7.5.1 创建形状补间动画,形状补间动画变化过程,7.5.2 课堂案例LOADING下载条,使用矩形工具、任意变形工具、形状补间动画命令制作下载条的动画效果。使用文本工具添加文字效果。,效果图,7.6 传统补间动画,创建传统补间动画 课堂案例倒影文字效果,7.6.1 创建传统补间动画,第1帧中图形效果 最后1帧中图形效果,在时间轴面板中设置动作补间动画 每帧中的图形变化效果,7.6.2 课堂案例倒影文字效果,使用文本工具添加文字。使用垂直翻转命令制作文字倒影效果。使用按宽度平均分布命令将文字平均分布。,效果图,7.7 测试动画,测试动画有以下几种方法： 1. 应用控制器面板 2. 应用播放菜单命令 3. 应用测试影片菜单命令 4. 应用测试场景菜单命令,课堂练习制作幸运大转盘,使用创建传统补间命令制作指针动画效果，使用属性面板设置动画旋转方向。,效果图,使用多角星形工具绘制星星图案，使用柔化填充边缘命令制作羽化效果，使用创建传统补间命令制作星星下落效果。,效果图,课后习题制作流星效果,