新Flash动画制作与应用 教学课件 周德云 7.ppt

本章简介： 在Flash CS4动画的制作过程中，时间轴和帧起到了关键性的作用。本章主要讲解了动画中帧和时间轴的使用方法及应用技巧、基础动画的制作方法。通过这些内容的学习，可以了解并掌握如何灵活地应用帧和时间轴，并根据设计需要制作出丰富多彩的动画效果。 * 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 第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. 应用控制