逐帧动画

逐帧动画

学习目标：帧与时间轴

逐帧动画

帧

动画是通过连续播放一系列静止画面，给视觉造成连续变化的效果，这一系列单幅画面就叫帧，帧是flash动画中最小时间单位里出现画面。

Flash动画制作过程

Flash动画制作过程就是决定动画每一帧显示什么内容的过程。可以像传统动画一样自己绘制动画中的每一帧，即逐帧动画。也可采用关键帧处理技术的插值动画，即动作补间动画和形状补间动画。

帧的显示形式

1、空白关键帧

在时间轴中，白色背景带有黑圈的帧为空白关键帧，表示在当前舞台

中没有任何内容。

2、关键帧

在时间轴中，灰色背景中带有黑点的帧为关键帧。表示在当前场景中

存在一些内容。

3、普通帧

在时间上延续关键帧（空白关键帧、关键帧）的状态，图中红线框起来的部分为普通帧

4、 动作补间帧

在时间轴上，带有黑色圆点的第一关键帧和最后一关键帧，中间蓝色背景带有黑色箭头的帧为动作补间帧。

5、 形状补间帧

在时间轴上，带有黑色圆点的第一关键帧和最后一关键帧，中间绿色背景带有黑色箭头的帧为动作补间帧。

时间轴面板

图层名称 时间轴标尺 帧显示区

逐帧动画

每一帧都是关键帧，整个动画是通过关键帧的不断变化产生的，不依靠flash的运算。

实例1：手写字逐帧动画

知识提要

●创建逐帧动画

●矩形工具、选定工具及文本工具的使用

●不透明度alpha

●舞台设置

●学习制作图形元件

制作步骤

一、设置舞台

舞台宽：400，高：400，舞台为绿颜色

步骤：执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash 文档】选项后，单击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为400×400像素，设置背景色为#9900ff。

二、制作米字格元件

步骤

1、执行【插入】|【新建元件】命令，在【创建新元件】面板上设置如图

所示，单击确定。

2、单击“确定”后进入元件编辑环境

3、单击工具箱中矩形工具，笔触颜色设置为无，填充颜色为白色，

A lpha为60%

4、在舞台上拖出矩形，矩形大小设置为宽400，高400

5、新建图层2，单击选定第一帧

6、单击工具箱中矩形工具，笔触颜色设置为无，填充颜色为白色，

A lpha为100%，在舞台上拖出矩形。

7、新建图层3，单击工具箱中的线条工具，设置笔触颜色为红色，

画出米字格。如图所示。

三、“人”的逐帧动画

1、打开库，选定【米字格】元件拖到舞台上。右击图层1重命名【米字格】

2、新建图层2，重命名为【文字】单击工具箱中的文本工具，输入“人”

3、单击工具箱中的选择工具，选定“人”；单击菜单【修改】|【分离】，使文本对象变为图形。

4、在【文字】图层第2帧，按F6键插入帧，用橡皮擦工具从“人”字尾部开始擦除。

5、重复4，依次逐帧插入帧，用橡皮擦从尾部逐帧擦除,直到擦完为止，选中所有帧，右键，选择【翻转帧】。

实例2 飞翔的老鹰

操作步骤：

1、新建文档

执行【文件】|【新建】命令，在谈出的对话框中选择【常规】|【flash 文档】选项后，单击【确定】按钮，新建一个影片文档，在【文档属性】面板上设置文件大小为288像素×209像素，【背景颜色】为白色，帧频12fps。

2、创建背景图层

选中第1帧，执行【文件】|【导入】|【导入到舞台】命令，将“场景.bmp”图片导入到场景中,场景效果如图所示.选择第30帧,按F5键,

增加过渡帧,使帧内容延续到第30帧.

3、导入GIF动画

新建一个图层，选中第1帧，执行【文件】|【导入】|【导入到舞台】命令，导入“老鹰.gif”文件。这时Flash会自动把gif中的图片序列按序以逐帧形式导入到场景左上角，入图所示，它们被Flash自动分配在30个关键帧中。

4、调整对象大小及位置

此时，时间帧区出现连续的关键帧，从左向右拉动播放头，就会看到一只老鹰飞翔的老鹰，但是，被导入的动画序列的大小和位置不符合

我们的要求，默认情况下，导入的对象被放在场景的左上角，我们需要更改它的大小及位置。

当然你也可以一帧一帧的调整位置，完成一幅图片后记下其坐标值，再把其他图片设置成相同的坐标值。我们何不试试“多帧编辑”功能呢？

先把图层1加锁，然后单击时间轴面板下方的【编辑多个帧】按钮，再单击【修改绘图纸标记】按钮，再弹出的菜单中选择【绘制全部】选项，如图所示

执行【编辑】|【全选】命令，然后执行【修改】|【变形】|【缩放】命令，将老鹰适当缩小一些，并适当调整位置。

3、实例

制作逐帧动画课件

(1)打开半成品课件“做功”，按示例，输入相关文字，设置文字格式。

(2)将“水平面”、“做功”元件拖到舞台适当位置。

(3)在“背景”图层上方添加一个新图层为“动态文字”，在该图层第1帧绘制一个文本框，并添加两个空格，输入一条下划线，添加如下文字：作用在物体上的力，使物体在力的方向上通过了一段距离，就说这个力对物体做了机械功（简称做功）。

(4)按F6键新建一个关键帧，将最后一个字删除，继续添加关键帧，

并将最后一个字删除，如此反复，直到将全部文字删除。

(5)选择所有关键帧，单击右键，选择“翻转帧“，将这些帧颠倒排列，使帧的播放顺序与原来删除文字的方向相反，这样也能实现文字逐个显示的打字动画效果。