《创建逐帧动画》参考教案.docVIP

PAGE1/NUMPAGES5

活动二创建逐帧动画

学习目标：

1、认识帧和关键帧。

2、认识时间轴和时间轴面板。??

3、认识图层和图层面板。

4、会插入关键帧创建逐帧动画。

5、动画制作的基本概念。?

6、学习制作简单的动画。

学习重点：

1、会插入关键帧创建逐帧动画

2、动画制作的基本概念。

学习难点：

1、动画制作的基本概念

2、学会制作简单的动画

课时安排：

2课时

学习环境：

多媒体网络教室

学习过程：

一、复习导入

提问：1、Flash软件的窗口是由哪些部分组成的，分别是什么？他们分别有什么作用？

2、举例说明如何利用Flash来制作动画。

二、新课学习

1、基本概念：

帧/关键帧/空白关键帧：

帧：就是一幅画面（暂不管这个画面是真实的还是虚幻的）！如图所示：

上面的每个小格子就是一个帧，每个格子都分别代表着一幅画面，播放时按照帧的先后顺序由左向右进行。

空白关键帧：我们先看第一个小格子，它里面有一个白色的小圆圈，它就是空白关键帧，里面什么内容都没有，一片空白。

关键帧：第二个小格子里面是个实心的小黑点，它就是关键帧，里面有实际存在的内容。

空白关键帧+内容（比如画个圆）=关键帧

帧：关键帧后面的灰色部分都是普通帧，普通帧里面没有实际的内容，但是它却能将离它最近的关键帧的内容显示出来。

图层：

“层”的含义：层是透明的，为了更好的理解它的含义我们可以把它想象成玻璃，如果在第一块玻璃上写上数字“1”，第二块玻璃上面写上数字“2”，第三块玻璃上面写上数字“3”，当我们把这三块玻璃叠放在一起时，我们不是单独看到了哪一层的数字而是“123”全部显示出来，如图6-11所示。因为玻璃是透明的，所以也就不存在上面会遮住下面的问题。

三块玻璃就是三个层，透明而互不干扰，上面还可以继续添加层。双击图层一可以对它进行命名，此处取名为“火焰”如图6-12，回车即可。

点击新建图层按钮就增加了一个新图层，取名为“蜡烛体”如图6-13所示。然后我们就在这一层上面绘制蜡烛体。选择箭头工具，修改属性栏上的背景色为深绿色。用矩形工具绘制一白色矩形，选择墨水瓶工具，调整属性栏上面线条的颜色、粗细和类别，然后然后点击白色矩形，这样就给白色矩形添加了一个白色粗糙的边框，如图所示：

然后再新建一层，取名为“蜡烛芯”。绘制一黑色小矩形，用墨水瓶添加黑色粗糙的边框，然后将这个矩形和边框一起转换成图形元件并调整其透明度，如图所示：

此时，我们发现蜡烛芯把蜡烛体挡住了，看上去不太真实，所以我们需要将蜡烛芯向下移一层。用鼠标按住图层进行拖动就可以方便的改变图层之间的叠放顺序，如图所示：

好了，到此为止就做好了，按Ctrl+回车看一下。如果觉得蜡烛火焰做的不理想的话，可重新编辑它，方法是直接双击蜡烛火焰或按F11在库里面双击“火焰”影片剪辑。如果还想对它进行美化的话，可以给它添加蜡烛油，如图所示：

2、课堂练习：

活动一：创建倒计时动画

参照课本第16至第17页的操作步骤，制作倒计时动画。

练习二：制作人奔跑的动画

参照课本第18页至第20页的操作步骤，自己动手制作人奔跑的动画，可以是从网上下载的动画序列，也可以是自己动手绘制的奔跑的人的动画。

3、拓展延伸——创建用毛笔字书写汉字的模拟动画

参照课本第21至第22页的操作步骤。

三、提交作业

四、作品展示

五、课堂小结

创建逐帧动画的几种方法

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

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

2．绘制矢量逐帧动画

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

3.文字逐帧动画

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

4.导入序列图像

可以导入gif序列图像、swf动画文件或者利用第三方软件（如swish、swift3D等）产生的动画序列。