Flash逐帧动画教学设计

1、学习好资料 欢迎下载 Flash 逐帧动画教学设计 【教材分析】 本课的教学内容是利用 FlashFlash 制作简单的“逐帧动画”。这是一种常见的 动画手法，它的原理是将一个动画的连续动作分解成一张张的图片， 把每一张图 片用关键帧描绘出来，FlashFlash 将这些关键帧连续播放，形成动画效果。掌握本节 内容可以做出许多生动有趣的动画。 因此，学生在本节的学习过程中，会产生非 常高的学习热情，为今后的学习打下坚实的基础。 【学生分析】 由于不同的学生能力、水平、爱好等有较大的差异，故应采用分组、分层次 教学。可以通过设立多级学习目标和多样的学习方式，让不同的学生都能根据自 己的实际需要选

2、择到合适的内容；教师还应给学生提供多样化的自主探索空间， 鼓励不同意见和创造性思路的迸发，鼓励多样化的问题解决方式和方法。教师可 以根据学生的能力差异、水平差异针对性地实施分层次教学。 【教学目标】 1 1、 知识与能力 1 1 知道帧、帧频与关键帧的含义。 2 2能够导入静态图片 3 3 插入、编辑关键帧。 4 4.掌握制作“逐帧动画”的方法。 5 5学会通过改变帧频控制动画的播放时间。 2 2、 过程与方法 能综合运用所学知识制作一幅主题鲜明、具有动画效果的作品。亲身参与 探究过程，在交流、沟通与合作中，共同掌握“逐帧动画”制作方法，提高 Flash Flash 动画制作水平。 3 3、

3、情感态度与价值观 体会创作的乐趣，进一步培养制作动画的兴趣；培养学生创新能力与探究 问题的能力；培养创造性思维能力 学习好资料 欢迎下载 【教学重难点】 重点：能够导入静态图片 难点：通过改变帧频控制动画的播放时间 【教学方法】 1 1 演示教学法：通过在多媒体教室，实际操作演示用 FlashFlash 制作动画的 过程，活跃课堂气氛，激发学生学习情趣。 2 2 任务驱动式：该方法主要是通过设计一些学习目标，让学生自己上机 去实现，让他们在亲身实践中体会、提高，在同学之间的互相学习和交流、甚至 争论中提高学习兴趣，开阔思路。既培养了学生的动手实践能力，又加强了学生 的实践探究、交流合作解决问题

4、的能力。 3 3案例教学法：选取的案例取材于学生在课堂中出现的问题动画，用于 训练学生解决实际问题的能力。 【教学过程】 激趣导入 师：课前，老师将一组马的连续图片按顺序贴在一本书的每页纸的相同位置上。 现在我们一起快速翻动按顺序装订好的页面。大家看到了什么？ 生：一匹马在走动。 师（改变几张图片的位置后翻动）：为什么现在这匹马在跳？ 生：因为图片没贴到相同的位置上！ 这是一种古老的看动画效果方法，称为“快捷翻书法”。我们看到的每一幅 画面称为一个“帧”。帧- 是进行 flashflash 动画制作的最基本的单位，每一个精 彩的 flashflash 动画都是由很多个精心雕琢的帧构成的。 我们

5、共同来回顾一下上节课提到的帧主要有哪几种类型？（播放） 关键帧一一顾名思义，有关键内容的帧。 空白关键帧一一空白关键帧是没有包含舞台上的实例内容的关键帧。 普通帧一一在时间轴上能显示实例对象，但不能对实例对象进行编辑操作的帧。 讲授新课 上节课我们下载并观赏了不少 FlashFlash 动画，同学们想不想自己亲手用 FlashFlash 制作动画呢？这节课我们就共同来学习“模仿传统手工动画的方式，每- 帧都由手工绘制或导学习好资料 欢迎下载 入图片完成的动画称为逐帧动画”。赶快和老师一起用 FlashFlash 逐帧做一匹行走的马。 （播放）教师提前做好的逐帧动画行走的马演示（包含背景图片和背

6、景声音） 逐帧动画所需要的素材既可以直接在 FlashFlash 的舞台上绘制，也可以提前准 备。要求是，从第 2 2 幅画面开始，每一幅都是上一幅的后续，两幅画面之间有着 微小的差别。动作分解的越细，将来生成的动画就越细腻。 一、 导入图片制作逐帧动画 第一步：启动 FlashFlash，新建一个 FlashFlash 文档。（观察图层和帧） 当用户新建一个 FlashFlash 文档后，第一帧是空心圆点，空白关键帧。除第一帧之 外，所有的帧都是空白帧，这些帧只有用户定义了之后才有意义。 第二步：执行文件导入到舞台菜单命令，出现“导入”对话框。 第三步：选定要导入的图片文件 horsehor

7、se- -1.png1.png，单击“打开”按钮将其导入 FlashFlash 文档，并显示在舞台上的默认位置。（观察帧的变化，空心圆点变成实心 圆点，成为关键帧） 第四步：执行【插入】-【时间轴】-【空白关键帧】菜单命令，插入一个 空白关键帧，模仿第二、三步的操作将后续的一张图片导入该帧。 （教师演示到 此，播放操作步骤供学生参照，练习导入多幅静态图片。） 过渡：动画的所有帧及其包含的图片都导入到舞台后，动画就基本完成了， 可以在FlashFlash 中播放。为了获得更好的播放效果，需要对动画进一步的测试和调 整。（播放） 二、 测试和调整动画 第一步：执行【控制】-【测试影片】菜单命令，进

8、入动画测试状态，以欣 赏者的身份观赏动画。 师：怎么样？看到一匹行走的马了吗？祝贺同学们第一步都成功了！ （播放）观赏学生作品一 师：观察作品，有没有不完美之处？ A A 动画播放偏快，需要进行调整。（播放） 第二步：在时间轴的帧控制区单击选定第 1 1 帧，执行【插入】-【时间轴】 【帧】菜单命令，在第一帧的后面插入一个帧。 普通帧 学习好资料 欢迎下载 让学生在每个关键帧的后面均插入 2 2 个普通帧，使马的走动速度接近实际。 B B 动画位于舞台的左上角（播放） 学生调整动画的位置，重新测试。 （播放）学生作品欣赏，发现有调整好的，有的调整后图像有“跳来跳去”的现 象。 调整好的学生采用

9、的调整方法： 方法一：设置成相同坐标值：这种方法调整精确但非常麻烦，有没有一种即 快捷又能精确调整的方法呢？ 方法二：使用“绘图纸工具”：（播放）使用绘图纸工具调整的步骤。 学生参照步骤，利用绘图纸工具调整图像的位置，重新测试。 第三步：插入图层，导入背景图片。 图层就像透明的醋酸纤维薄片一样，在舞台上一层层地向上叠加。可以在 图层上绘制和编辑对象，而不会影响其它图层上的对象。如果一个图层上没有内 容，那么就可以透过它看到下面的图层。 测试作品欣赏，体会成功喜悦！ （播放）创建逐帧动画的几种方法 （1 1） 用导入的静态图片建立逐帧动画 （2 2） 导入 gifgif 等序列图像 （3 3）

10、文字逐帧动画 （4 4） 绘制矢量逐帧动画 第四步：插入图层，导入背景音乐 注意：先将声音文件导入到库，然后再库中将其拖动到舞台中，时间轴出现 波形则表示身音添加完成 “逐帧动画”特点总结：“马的行走”是一个典型的“逐帧动画”效果，通过 这个动画我们可以看出，它是将一个动画的连续动作分解成一张张的图片，把每 一张图片用关键帧描绘出来。然后将这些关键帧连续播放，就形成了动画效果。 三、 任务驱动，学生动手实践 学习好资料 欢迎下载 通过老师刚刚的演示，相信同学们对导入图片制作“逐帧动画”已经有了一 定的认识，好让我们利用所学习知识，拿起你手中的鼠标和键盘，利用“素材库” 制作一个简单的 FlashFlash 动画，在其中运用所学的逐帧动画的制作方法。 有以下几个选题供选择： 选题一：模仿马行走动画制作 选题二：使用逐帧动画制作一个数字 101101 的倒计时小动画。 选题三：制作 QCQC 表情 素材存放位置：学生机 D D 盘根目录下“初二素材”文件夹内。（学生可自备素材， 自由创作） 四、 展示作品，师生互评 选择部分有代表性的作品进行展示，分别从动画创意、使用技术、动画效 果等方面给予评价。充分肯定学生的创新精神、动画中使用的方法和技巧，对优 秀作品给予表扬，对不足的作品