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）【绘图纸外观】按钮：按下此按钮后，在时间帧的上方，出现绘图纸外观标记。拉动外观标记的两端，可以扩大或缩小显示范围。

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

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

（4）【修改绘图纸标记】按钮：按下此按钮后，弹出菜单，菜单中有以下五个选项：

●“总是显示标记”选项会在时间轴标题中显示绘图纸外观标

记，无论绘图纸外观是否打开。

●“锚定绘图纸”选项会将绘图纸外观标记锁定在它们在时间

轴标题中的当前位置。通常情况下，绘图纸外观范围是和当

前帧的指针以及绘图纸外观标记相关的。通过锚定绘图纸外

观标记，可以防止它们随当前帧的指针移动。

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

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

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

上面，我们全面介绍了逐帧动画的特点和创建方法，现在，我们来动手制作两个逐帧动画实例，以加深对逐帧动画的认识。

【实战练习】闪动的小球

（1）新建一个文件，背景色为黑色。

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

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

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

最终时间轴如下图所示。

（5）测试存盘

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

形状补间动画

一、形状补间动画概述

1．形状补间动画的概念

在Flash的时间帧面板上，在一个时间点（关键帧）绘制一个形状，然后在另一个时间点（关键帧）更改该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。

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

形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散”再变形。