flash逐帧动画制作教程

逐帧动画的制作

一、教材分析

这一节课在本单元的重要性不言而喻。我认为这一节课，如果单单从技能的角度来看，则这是一堂相当简单的课；因为对于学生来说，只要有一些基本的电脑操作技能，那么依葫芦画瓢做一件逐帧动画的作品是很容易达成的。虽然如此，但信息技术培养学的目标绝不只是简单技能的掌握，而是注重一种素养的养成。这就需要从技术能力的层面，上升到科学文化的层面。让学生们在学习技术的同时，获得相应的科学文化知识；从而获得与之相适应的科学文化素养（信息素养）。

二、学生分析

认知水平：

本班为初二年级学生，善于接受直观性事物，欠缺观察力、分析能力、知识迁移能力。

知识技能水平：

此课之前，教师已经与学生们共同探究学习了动画的基本原理，以及手工制作逐帧动画的体验。课前学生们已经了解和自主学习了制作逐帧动画的方法。因此这堂课我将从科学文化的层次，用饱含人文启发的主题与同学们一同构建一堂课；用以培养爱观察，爱思考，爱动手的文化基因。

三、教学目标

（一）知识与技能

1．了解帧的类型及其作用

2. 尝试分析动画的分解动作画面

3. 初步学会制作逐帧动画

4. 学会测试影片，并根据需要调整动画的速度和节奏

（二）过程与方法

通过课堂构建和主题动画的制作和调试来学习，在交流中学习，在思考中构建，在行动中掌握。这堂课，不是为了讲动画而讲动画；而是一种理念的共同探究，是一种科学文化火花的迸发。同学们能感受到老师构建的过程，老师能体验到学笺思维过程；是思维开放，观念碰撞，行动实践的过程。

逐帧动画制作

授课人：刘建

学习目标：

1、认识逐帧动画的动画原理 2、会制作逐帧动画 重、难点：

认识逐帧动画的动画原理，会制作逐帧动画 教学方法：

演示法、讲授法、练习法 教学过程： 一、 引入

由演示几个逐帧动画实例引入

二、 新课学习

1. 逐帧动画的动画原理

原理是在“连续的关键帧”中分解动画动作，也就是每一帧中的内容不同，连续播放

而成动画

2. 帧、关键帧、空白关键帧

时间轴上的小方格叫单元格。可以把单元格转化为帧、关键帧、空白关键帧。 当播放头移到帧上时，帧的内容就显示在舞台上。

帧与关键帧都用来记录舞台的内容，但是帧只能显示离它最左边关键帧的内容，我们不能对帧的内容直接进行修改编辑，要想修改帧的内容，必须把它转变成关键帧，后者修改帧最左边关键帧的内容。

关键帧是可以直接编辑的帧。

空白关键帧是在舞台上没有任何内容的关键帧，一旦在空白关键帧上绘制了内容，它就变成关键帧。

3. 创建逐帧动画的几种方法

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

用jpg、png等格式的静态图片连续导入到Flash中，就会建立一段逐帧动画（参考实例：奔跑的豹子）。

（2）绘制矢量逐帧动画

用鼠标或压感笔在场景中一帧帧的画出帧内容（参考实例：旋转的立方体）。 （3）文字逐帧动画

用文字作帧中的元件，实现文字跳跃、旋转等特效。 （4）指令逐帧动画

在时间帧面板上，逐帧写入动作脚本语句来完成元件的变化。 （5）导入序列图像

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

4. 演示逐帧动画奔跑的豹子制作 三、 学生练习

任务：熟悉逐帧动画的制作

1. 根据老师所提供的学习资料制作逐帧动画 2. 从网上搜索更多的教程学习 四、 课堂小结

小结本节的主要内容和学生中存在的问题

独特的逐帧动画

一、实践

自主学习设计优秀案例

九年级信息技术《逐帧动画》

侯镇二中

李维增

20XX年7月

《逐帧动画》教学案例

案例主题

信息技术是一门操作性较强的学科，旨在通过课堂理论实践的学习提高学生的信息素养，本节课《逐帧动画》是FLASH动画的三大基本动画之一，通过学习逐帧动画的制作过程，体验动画的实质，信息技术课要求学生通过完成“升国旗”这个动画，从而掌握逐帧动画的制作方法，信息技术课学案与其他学科相比，有自己的独特的一面，信息技术学案不能变成操作提纲，否则就失去了利用学案培养学生自主探究学习习惯培养的作用，那么信息技术的学案怎样编制与使用才能更好的服务于课堂教学，优化教学效果呢？

案例过程

一、组织教学：

上课之前我先用机房凌波多媒体教学软件将学案的电子稿以及“升国旗”这个逐帧动画制作所需素材发放到学生机上，素材中包括三个逐帧动画实例：“小虫吃苹果”、“骏马奔腾”、“升国旗”。

二、导入新课

要求同学们按照学案的要求，打开素材中的三个文件的源文件，仔细观察其共同点，尤其是要注意每一帧的变化和联系，通过观察初步总结出逐帧动画的特点，激发学生对逐帧动画的兴趣，从而产生学习热情。

三、新课学习

教师从整体上讲解该动画的组成部分，该逐帧动画的制作包括以下几部分：1、绘制旗杆；2、导入国旗；3、插入关键帧；4、测试和调整动画；5、保存动画并提交作品。整个动画的制作分为五个环节进行，由学生参照学案的要点提示尝试制作动画，分小组讨论学习，机房总共6排，每排10人分为两组，共12组，学生在尝试制作的过程中遇到的困难，可以和组内其他同学通过讨论交流解决困难，在这个过程中可以很好的锻炼培养学生们的合作探究习惯，小组成员完成任务后，由组长举手示意并回答在制作过程中遇到的困难，教师通过收集反馈的信息重点讲解操作疑难点，然后学生修改自己的作品并进入下一环节；

其中第四个环节，学生测试调整动画，通过尝试探索调整动画播放速度的三种方法，鼓励学生大胆尝试不同的操作方法； 学生作品展示：教师收取学生机作品，然后迅速查阅学生作品中出现的问题，找出比较典型的优秀作品和有问题的作品，表扬优秀，指出不佳作品的问题所在及如何避免，学生观看作品展示，作品进行评价并及时反馈并对作品进行修改，表扬作品优秀的学生以激励全体同学，对于有问题的作品分析出错的原因并修改；

Flash CS4 练习：制作逐帧动画

逐帧动画是由相邻的两个关键帧中导入或绘制一系列具有连贯性动作的画面组成，例如电影胶片等。本例首先将素材导入到【库】面板，然后将素材拖到相邻的帧上，再利用【绘图纸外观】工具进行对齐操作。

操作步骤：

（1）新建Flash空白文档，按快捷键保存为“逐帧动画.fla”。执行【文件】|【导入】|【导入到舞台】命令，在打开的【导入】对话框中选择“风景.ai”素材图像。

（2）选择舞台中的“风景.ai”图像，在【属性】面板中更改【宽度】为550。然后，单击舞台的空白处，更改舞台大小与图片大小相同。新建图层，执行【文件】|【导入】|【导入到库】命令，在弹出的【导入到库】对话框中选择“01-09.png”图片，并单击【打开】按钮。

（4）隐藏“Layer2”图层。选择“图层2”上第1帧，将【库】面板中“01.png”图像拖到舞台的右边。然后，选择第2帧，按快捷键转换为空白关键帧，将“02.png”图像拖到与“01.png”图像同一水平线的左侧。使用相同的方法，创建帧并拖入其它图像。单击【时间轴】下方的【绘制纸外观轮廓】，显示出舞台中图像的外轮廓并对齐。 提示：

在执行【导入到舞台】命令后，将会弹出【将“风景.ai”导入到舞台】对话框，此时直接单击【确定】即可。

技巧：

在修改图像的大小之前，首先单击【宽度】选项左边的【锁定】按钮，此时，修改图像的【宽度】或【高度】都可以成比例缩放。

提示：

启用【绘制纸外观轮廓】工具，在【时间轴】的上方将会出现绘制纸外观标记，且舞台中显示出不同帧上的图像轮廓适于对齐。此操作要占用很大的内存，操作者可以灵活运用。 输入 选择

导入

设置

（5）复制所有帧，在第10帧处粘贴帧。选择粘贴后的第1帧，使用左方向键，移动图像至与第9帧图像重合处。再选择第2帧，移动至与第1帧图像重合处。使用相同的方法移动其它帧上的图像，使图像效果连接在一起。然后，复制粘贴帧，将舞台中的图像一直排列到舞台左侧。