Flash动画制作与应用7

本章简介：

在FlashCS4动画的制作过程中，时间轴和帧起到了关键性的作用。本章主要讲解了动画中帧和时间轴的使用方法及应用技巧、基础动画的制作方法。通过这些内容的学习，可以了解并掌握如何灵活地应用帧和时间轴，并根据设计需要制作出丰富多彩的动画效果。

第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.应用测试场景菜单命令课堂练习——我们的地球使用逆时针旋转90度命令旋转地球的