逐帧动画教学设计

逐帧动画教学设计 Company number：【WTUT-WT88Y-W8BBGB-BWYTT-19998】

《Flash逐帧动画制作》教学设计

【教材分析】

本课的教学内容是利用Flash制作简单的“逐帧动画”。这是一种常见的动画手法，它的原理是将一个动画的连续动作分解成一张张的图片，把每一张图片用关键帧描绘出来，Flash将这些关键帧连续播放，形成动画效果。掌握本节内容可以做出许多生动有趣的动画。因此，学生在本节的学习过程中，会产生非常高的学习热情，为今后的学习打下坚实的基础。

【学生分析】

由于不同的学生能力、水平、爱好等有较大的差异，故应采用分组、分层次教学。可以通过设立多级学习目标和多样的学习方式，让不同的学生都能根据自己的实际需要选择到合适的内容；教师还应给学生提供多样化的自主探索空间，鼓励不同意见和创造性思路的迸发，鼓励多样化的问题解决方式和方法。教师可以根据学生的能力差异、水平差异针对性地实施分层次教学。

【教学目标】

1、知识与能力

1．知道帧、帧频与关键帧的含义。

2．能够导入静态图片

3．插入、编辑关键帧。

4．掌握制作“逐帧动画”的方法。

5．学会通过改变帧频控制动画的播放时间。

2、过程与方法

能综合运用所学知识制作一幅主题鲜明、具有动画效果的作品。亲身参与探究过程，在交流、沟通与合作中，共同掌握“逐帧动画”制作方法，提高Flash 动画制作水平。

3、情感态度与价值观

创作的乐趣，进一步培养制作动画的兴趣；培养学生创新能力与探究问题的能力；培养创造性思维能力。

【教学重难点】

重点：能够导入静态图片

难点：通过改变帧频控制动画的播放时间

【教学方法】

本着学生是主体的理念，采用项目教学法，在项目中提出任务，采用任务驱动法，在教学中让学生自主探究，分组互评，使学生掌握相应的知识。同时根据任务的难易程度，采用演示法，分组讨论法，使不同层次的学生更好的完成任务。

【教学手段】

采用多媒体教学手段，增大教学容量和直观性。

【教学流程图】

导入新课

上。

彩的flash

普通帧——在时间轴上能显示实例对象，但不能对实例对象进行编辑操作的帧。

讲授新课

上节课我们下载并观赏了不少Flash动画，同学们想不想自己亲手用Flash制作动画呢这节课我们就共同来学习“模仿传统手工动画的方式，每一帧都由手工绘制或导入图片完成的动画称为逐帧动画”。赶快和老师一起用Flash 逐帧做一匹行走的马。

（播放动画）

教师提前做好的逐帧动画《行走的马》演示（包含背景图片和背景声音）。

逐帧动画所需要的素材既可以直接在Flash的舞台上绘制，也可以提前准备。要求是，从第2幅画面开始，每一幅都是上一幅的后续，两幅画面之间有着微小的差别。动作分解的越细，将来生成的动画就越细腻。

一、导入图片制作逐帧动画

第一步：启动Flash，新建一个Flash文档。（观察图层和帧）

[当用户新建一个Flash文档后，第一帧是空心圆点，空白关键帧。除第一帧之外，所有的帧都是空白帧，这些帧只有用户定义了之后才有意义。] 第二步：执行[文件]导入到舞台菜单命令，出现“导入”对话框。

第三步：选定要导入的图片文件，单击“打开”按钮将其导入Flash文档，并显示在舞台上的默认位置。（观察帧的变化，空心圆点变成实心圆点，成为关键帧）

第四步：执行【插入】→【时间轴】→【空白关键帧】菜单命令，插入一个空白关键帧，模仿第二、三步的操作将后续的一张图片导入该帧。（教师演示到此，播放操作步骤供学生参照，练习导入多幅静态图片。）过渡：动画的所有帧及其包含的图片都导入到舞台后，动画就基本完成了，可以在Flash中播放。为了获得更好的播放效果，需要对动画进一步的测试和调整。（播放）

二、测试和调整动画

第一步：执行【控制】→【测试影片】菜单命令，进入动画测试状态，以欣赏者的身份观赏动画。

师：怎么样看到一匹行走的马了吗祝贺同学们第一步都成功了！

（播放）观赏学生作品一

师：观察作品，有没有不完美之处

A动画播放偏快，需要进行调整。（播放）

第二步：在时间轴的帧控制区单击选定第1帧，执行【插入】→【时间轴】→【帧】菜单命令，在第一帧的后面插入一个帧。[普通帧]

让学生在每个关键帧的后面均插入2个普通帧，使马的走动速度接近实际。

B动画位于舞台的左上角（播放）

学生调整动画的位置，重新测试。

（播放）学生作品欣赏，发现有调整好的，有的调整后图像有“跳来跳去”的现象。

调整好的学生采用的调整方法:

方法一：设置成相同坐标值:这种方法调整精确但非常麻烦，有没有一种即快捷又能精确调整的方法呢

方法二：使用“绘图纸工具”:（播放）使用绘图纸工具调整的步骤。

学生参照步骤，利用绘图纸工具调整图像的位置，重新测试。

第三步：插入图层，导入背景图片。

[图层就像透明的醋酸纤维薄片一样，在舞台上一层层地向上叠加。可以在图层上绘制和编辑对象，而不会影响其它图层上的对象。如果一个图层上没有内容，那么就可以透过它看到下面的图层。]

测试作品欣赏，体会成功喜悦！

(播放)创建逐帧动画的几种方法

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

（2）导入gif等序列图像

（3）文字逐帧动画

（4）绘制矢量逐帧动画

第四步：插入图层，导入背景音乐

注意：先将声音文件导入到库，然后再库中将其拖动到舞台中，时间轴出现波形则表示身音添加完成。

“逐帧动画”特点:“马的行走”是一个典型的“逐帧动画”效果，通过这个动画我们可以看出，它是将一个动画的连续动作分解成一张张的图片，把每一张图片用关键帧描绘出来。然后将这些关键帧连续播放，就形成了动画效果。

三、任务驱动，学生动手实践

通过老师刚刚的演示，相信同学们对导入图片制作“逐帧动画”已经有了一定的认识，好让我们利用所学习知识，拿起你手中的鼠标和键盘，利用“素材库”制作一个简单的Flash动画，在其中运用所学的逐帧动画的制作方法。

有以下几个选题供选择：

选题一：模仿马行走动画制作

选题二：使用逐帧动画制作一个数字10—0的倒计时小动画。

选题三：制作QQ表情

素材存放位置：打开“网上邻居”，将作品保存在“zjzx502412”主机，“10高职14班作品”文件夹内。（学生可自备素材，自由创作）

四、展示作品，师生互评

选择部分有代表性的作品进行展示，分别从动画创意、使用技术、动画效果等方面给予评价。充分肯定学生的创新精神、动画中使用的方法和技巧，对优秀作品给予表扬，对不足的作品给予鼓励。

作品相互的展示交流，互评互进，取长补短。

五、教学后记：

本节课教学力求打破传统教学模式、单一教学模式，采用了任务驱动、项目教学等多种教学方法相结合的教学模式，努力为学生创设一种相互协作、相互激励的学习环境，同时又能够让学生培养自主学习的能力和创新精神。始终