(完整word版)flash基本动画制作的教案

第7 章Flash 8 基础与实例（ 2 ）

常见动画的制作

知识点：

1、逐帧动画的制作。

形状补间动画的制作。

2、

动作补间动画的制作。

3、

遮罩动画的制作。

4、

引导路径动画的制作。

5、

学时分配： 2 学时

教学内容：

逐帧动画的制作。

1、

形状补间动画的制作。

2、

动作补间动画的制作。

3、

遮罩动画的制作。

4、

引导路径动画的制作。

5、

教学重点：

形状补间动画的制作。

1、

动作补间动画的制作。

2、

遮罩动画的制作。

3、

引导路径动画的制作。

4、

教学难点：

形状补间动画与动作补间动画的区别。教学方法与手段：讲授法，多媒体展示教学过程：

（一）创设意境，导入新课（设疑法、提问法）

导入：

教师展示几个Flash 实例，然后引导学生一个一个亲自动手制作。引入新课程：

（二）新课教学（讲解法、提问法、示范法、实验法）

本次课开始学习用Flash制作动画效果，在Flash中共有5种动画形式：逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导路径动画。

逐帧动画的制作

逐帧动画是一种常见的动画手法，它的原理是在“连续的关键帧”中分解动画动作，也

就是每一帧中的内容不同，连续播放而成的一种动画。

优点：与电影播放模式相似，适合于表演很细腻的动画，如3D动画、人物或动物急剧

转身等效果。

缺点：每一帧的序列内容都不一样，增加制作负担，文件存储容量过大。

一、逐帧动画的概念和在时间帧上的表现形式

在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧的画，所以逐帧动画具有非

常大的灵活性，几乎可以表现任何想表现的内容。

逐帧动画在时间帧上表现为连续出现的关键帧，如图7-3-1所示。

图7-3-1 逐帧动画

二、创建逐帧动画的几种方法

1.用导入的静态图片建立逐帧动画

用jpg、png等格式的静态图片连续导入Flash中，就会建立一段逐帧动画。

2.绘制矢量逐帧动画

用鼠标或压感笔在场景中一帧一帧地画出每一帧内容。

3.文字逐帧动画

用文字作帧中的元件，实现文字跳跃、旋转等特效。

4.导入序列图像

可以导入gif序列图像、swf动画文件或者利用第三方软件（如swish、swift 3D 等）产生的动画序列。三、绘图纸功能1.绘图纸的功能

绘图纸是一个帮助定位和编辑动画的辅助功能，这个功能对制作逐帧动画特别有用。通常情况下，Flash在舞台中一次只能显示动画序列的单个帧。使用绘图纸功能后，你就可以在舞台中一次查看两个或多个帧了。

如下图所示是使用绘图纸功能后的场景，可以看出，当前帧中内容用全彩色显示，其它帧内容以半透明显示，它使我们看起来好像所有帧内容是画在一张半透明的绘图纸上，这些内容相互层叠在一起。当然，这时你只能编辑当前帧的内容。

2 •绘图纸各个按钮的介绍

(1)亘J【绘图纸外观】按钮：按下此按钮后，在时间帧的上方，出现也3______ 绘图

纸外观标记。拉动外观标记的两端，可以扩大或缩小显示范围。

(2)空］【绘图纸外观轮廓】按钮：按下此按钮后，场景中显示各帧内容的轮廓线，填充色消失，特别适合观察对象轮廓，另外可以节省系统资源，加快显示过程。

(3)【编辑多个帧】按钮：按下此按钮后，可以显示全部帧内容，并且可以进行“多帧同时编辑”。

(4)-【修改绘图纸标记】按钮：按下此按钮后，弹出菜单，菜单中有以下五个选项：“总是显示标记”选

项会在时间轴标题中显示绘图纸外观标记，无论绘图纸外观

是否打开。

“锚定绘图纸”选项会将绘图纸外观标记锁定在它们在时间轴标题中的当前位置。通常情况下，绘图

纸外观范围是和当前帧的指针以及绘图纸外观标记相关的。通过锚定绘图纸外观标记，可以防止它们随

当前帧的指针移动。

“绘图纸2 ”选项会在当前帧的两边显示两个帧。

“绘图纸5”选项会在当前帧的两边显示五个帧。

“绘制全部”选项会在当前帧的两边显示全部帧。

上面，我们全面介绍了逐帧动画的特点和创建方法，现在，我们来动手制作两个逐帧动

画实例，以加深对逐帧动画的认识。

【实战练习】闪动的小球

(1)新建一个文件，背景色为黑色。

(2)在第1帧内绘制一个黑色到绿色放射渐变的小球，调整到合适的大小与位置。

（3）在第2帧插入关键帧，将小球的大小、位置、颜色都调整到合适的情况。

（4）同样制作其第3帧到第6帧。

最终时间轴如下图所示。

时何轴陽场最］

*邑口I~~ 1 H 1 1 1 1 1 1 I 1 1 1 H 1 I H | 1 H | 1 I |l II

1 5 10 IS 20 2!

（5）测试存盘

执行【控制】|【测试影片】命令，观察本例swf文件生成的动画有无问题，如果满意，执行【文件】|【保存】命令，将文件保存成“闪动的小球.fla ”文件进行存盘，如果要导

出Flash的播放文件，执行【导出】|【导出影片】命令保存成“闪动的小球.swf”文件。

形状补间动画

一、形状补间动画概述

1形状补间动画的概念

在Flash的时间帧面板上，在一个时间点（关键帧）绘制一个形状，然后在另一个时间

点（关键帧）更改该形状或绘制另一个形状，Flash根据二者之间的帧的值或形状来创建的

动画被称为“形状补间动画”。

2 •构成形状补间动画的元素

形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵

活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压感笔绘制出的形

状，如果使用图形元件、按钮、文字，则必先“打散”再变形。

3•形状补间动画在时间帧面板上的表现

形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个

长长的箭头，如下图所示。

4

在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，

一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在【属性】面板上单击【补间】旁边的小三角形，在弹出的菜单中选择【形状】，此时，时间轴上就出现一个淡绿色的形变动画效果，一个形状补间动画就创建完毕。