动画制作基础与应用教程Flash CS5第7章制作基本动画

1、动画制作基础与应用教程（动画制作基础与应用教程（Flash Flash CS5CS5）第）第7 7章制作基本动画章制作基本动画7.1 动画与帧的基本概念 在在Flash中，这一系列单幅的画面就叫帧，它是中，这一系列单幅的画面就叫帧，它是FlashFlash动画中最小时动画中最小时间单位里出现的画面。每秒钟显示的帧数叫帧率，如果帧率太慢就会给间单位里出现的画面。每秒钟显示的帧数叫帧率，如果帧率太慢就会给人造成视觉上不流畅的感觉。所以，按照人的视觉原理，一般将动画的人造成视觉上不流畅的感觉。所以，按照人的视觉原理，一般将动画的帧率设为帧率设为2424帧帧/ /秒。秒。 在在Flash中，动画制作的

2、过程就是决定动画每一帧显示什么内容的中，动画制作的过程就是决定动画每一帧显示什么内容的过程。用户可以像传统动画一样自己绘制动画的每一帧，即逐帧动画。过程。用户可以像传统动画一样自己绘制动画的每一帧，即逐帧动画。但逐帧动画所需的工作量非常大，为此，但逐帧动画所需的工作量非常大，为此，FlashFlash还提供了一种简单的动画还提供了一种简单的动画制作方法，即采用关键帧处理技术的插值动画。插值动画又分为运动动制作方法，即采用关键帧处理技术的插值动画。插值动画又分为运动动画和变形动画两种。画和变形动画两种。 7.2 帧的显示形式 在在Flash动画制作过程中，帧包括多种显示形式：动画制作过程中，帧包

3、括多种显示形式：1. 1. 空白关键帧空白关键帧 2. 2. 关键帧关键帧 3. 3. 传统补间帧传统补间帧 4. 4. 补间形状帧补间形状帧 5. 5. 包含动作语句的帧包含动作语句的帧 6. 6. 帧标签帧标签 7.3 时间轴的使用 时间轴面板时间轴面板 绘图纸（洋葱皮）功能绘图纸（洋葱皮）功能 在时间轴面板中设置帧在时间轴面板中设置帧 7.3.1 时间轴面板 “时间轴时间轴”面板是实现动画效果最基本的面板，由图层面板和时间轴组成。面板是实现动画效果最基本的面板，由图层面板和时间轴组成。 “时间轴”面板 7.3.2 绘图纸（洋葱皮）功能 一般情况下，在一般情况下，在Flash舞台上只能显示

4、当前帧中的对象。如果希望在舞台上舞台上只能显示当前帧中的对象。如果希望在舞台上出现多帧对象以帮助当前帧对象的定位和编辑，出现多帧对象以帮助当前帧对象的定位和编辑，FlashFlash提供的绘图纸（洋葱皮）提供的绘图纸（洋葱皮）功能可以将其实现。功能可以将其实现。 1.“1.“帧居中帧居中”按钮按钮 ：单击此按钮，播放头所在帧会显示在时间轴的中间：单击此按钮，播放头所在帧会显示在时间轴的中间位置。位置。2. “绘图纸外观绘图纸外观”按钮按钮 ：单击此按钮，时间轴标尺上出现绘图纸的标记：单击此按钮，时间轴标尺上出现绘图纸的标记显示显示 。 2.“2.“绘图纸外观轮廓绘图纸外观轮廓”按钮按钮 ：单击

5、此按钮，时间轴标尺上出现绘图纸的：单击此按钮，时间轴标尺上出现绘图纸的标记显示。在标记范围内的帧上的对象将以轮廓线的形式同时显示在舞标记显示。在标记范围内的帧上的对象将以轮廓线的形式同时显示在舞台中。台中。3.“3.“编辑多个帧编辑多个帧”按钮按钮 ：单击此按钮，绘图纸标记范围内的帧上的对象：单击此按钮，绘图纸标记范围内的帧上的对象将同时显示在舞台中，可以同时编辑所有的对象。将同时显示在舞台中，可以同时编辑所有的对象。4.“4.“修改绘图纸标记修改绘图纸标记”按钮按钮 ：单击此按钮，弹出下拉菜单，：单击此按钮，弹出下拉菜单， 7.3.3 在时间轴面板中设置帧 在时间轴面板中，可以对帧进行一系列

6、的操作。下面进行具体的讲解。在时间轴面板中，可以对帧进行一系列的操作。下面进行具体的讲解。 1 1插入帧插入帧 2 2选择帧选择帧 3 3移动帧移动帧 4 4删除帧删除帧 7.4 逐帧动画 新建空白文档，选择新建空白文档，选择“文本文本”工具工具 ，在第，在第1 1帧的舞台中输入文字帧的舞台中输入文字“怡怡”字。按字。按F6F6键，在第键，在第2 2帧上插入关键帧。在第帧上插入关键帧。在第2 2帧的舞台中输入帧的舞台中输入“然然”字。用相同字。用相同的方法在第的方法在第3 3帧上插入关键帧，在舞台中输入帧上插入关键帧，在舞台中输入“自自”字。在第字。在第4 4帧上插入关键帧，帧上插入关键帧，在

7、舞台中输入在舞台中输入“得得”字。字。 第1帧 时间轴面板中设置关键帧的状态 第2帧 第3帧 第4帧 7.5 形状补间动画 创建形状补间动画创建形状补间动画课堂案例课堂案例制作制作LOADINGLOADING下载条下载条 如果舞台上的对象是组件实例、多个图形的组合、文字、导入的素材如果舞台上的对象是组件实例、多个图形的组合、文字、导入的素材对象，必须选择对象，必须选择“修改修改 分离分离”或或“修改修改 取消组合取消组合”命令，将其打散命令，将其打散成图形。利用这种动画，也可以实现上述对象的大小、位置、旋转、颜色成图形。利用这种动画，也可以实现上述对象的大小、位置、旋转、颜色及透明度等变化，另

8、外还可以实现一种形状变换成另一种形状。及透明度等变化，另外还可以实现一种形状变换成另一种形状。 7.5.1 创建形状补间动画 形状补间动画变化过程 7.5.2 课堂案例LOADING下载条 使用矩形工具、任意变形工具、形状补间动画命令制作下载条的动使用矩形工具、任意变形工具、形状补间动画命令制作下载条的动画效果。使用文本工具添加文字效果。画效果。使用文本工具添加文字效果。 效果图7.6 传统补间动画 创建传统补间动画创建传统补间动画课堂案例课堂案例倒影文字效果倒影文字效果7.6.1 创建传统补间动画 第1帧中图形效果 最后1帧中图形效果 在时间轴面板中设置动作补间动画 每帧中的图形变化效果 7

9、.6.2 课堂案例倒影文字效果 使用文本工具添加文字。使用垂直翻转命令制作文字倒影效果。使用文本工具添加文字。使用垂直翻转命令制作文字倒影效果。使用按宽度平均分布命令将文字平均分布。使用按宽度平均分布命令将文字平均分布。 效果图7.7 测试动画 测试动画有以下几种方法：测试动画有以下几种方法：1. 1. 应用控制器面板应用控制器面板 2. 2. 应用播放菜单命令应用播放菜单命令 3. 3. 应用测试影片菜单命令应用测试影片菜单命令 4. 4. 应用测试场景菜单命令应用测试场景菜单命令 课堂练习制作幸运大转盘 使用创建传统补间命令制作指针动画效果，使用属性面板设置动画旋转使用创建传统补间命令制作指针动画效