2022年Flash逐帧动画教学设计 .pdf

《2022年Flash逐帧动画教学设计 .pdf》由会员分享，可在线阅读，更多相关《2022年Flash逐帧动画教学设计 .pdf（5页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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

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

3、归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 1 页，共 5 页 - - - - - - - - - 名师精编优秀教案【教学重难点 】重点：能够导入静态图片难点：通过改变帧频控制动画的播放时间【教学方法 】1演示教学法：通过在多媒体教室，实际操作演示用Flash 制作动画的过程，活跃课堂气氛，激发学生学习情趣。2任务驱动式：该方法主要是通过设计一些学习目标，让学生自己上机去实现，让他们在亲身实践中体会、提高，在同学之间的互相学习和交流、甚至争论中提高学习兴趣， 开阔思

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

5、帧构成的。我们共同来回顾一下上节课提到的帧主要有哪几种类型？（播放）关键帧顾名思义，有关键内容的帧。空白关键帧空白关键帧是没有包含舞台上的实例内容的关键帧。普通帧在时间轴上能显示实例对象，但不能对实例对象进行编辑操作的帧。讲授新课名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 2 页，共 5 页 - - - - - - - - - 名师精编优秀教案上节课我们下载并观赏了不少Flash 动画，同学们想不想自己亲手用Flash 制作动画呢？这节课我们就共同来学习“模仿传

6、统手工动画的方式，每一帧都由手工绘制或导入图片完成的动画称为逐帧动画”。赶快和老师一起用Flash 逐帧做一匹行走的马。（播放）教师提前做好的逐帧动画 行走的马演示 （包含背景图片和背景声音） 。逐帧动画所需要的素材既可以直接在Flash 的舞台上绘制，也可以提前准备。要求是，从第 2 幅画面开始，每一幅都是上一幅的后续，两幅画面之间有着微小的差别。动作分解的越细，将来生成的动画就越细腻。一、导入图片制作逐帧动画第一步：启动 Flash ，新建一个 Flash 文档。（观察图层和帧） 当用户新建一个 Flash 文档后，第一帧是空心圆点，空白关键帧。除第一帧之外，所有的帧都是空白帧，这些帧只有

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

8、二、测试和调整动画第一步：执行【控制】【测试影片】菜单命令，进入动画测试状态，以欣赏者的身份观赏动画。师：怎么样？看到一匹行走的马了吗？祝贺同学们第一步都成功了！（播放）观赏学生作品一名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 3 页，共 5 页 - - - - - - - - - 名师精编优秀教案师：观察作品，有没有不完美之处？A动画播放偏快，需要进行调整。（播放）第二步：在时间轴的帧控制区单击选定第1 帧，执行【插入】【时间轴】【帧】菜单命令，在第一帧的后面

9、插入一个帧。 普通帧 让学生在每个关键帧的后面均插入2 个普通帧，使马的走动速度接近实际。B动画位于舞台的左上角（播放）学生调整动画的位置，重新测试。（播放）学生作品欣赏，发现有调整好的，有的调整后图像有“跳来跳去”的现象。调整好的学生采用的调整方法: 方法一：设置成相同坐标值: 这种方法调整精确但非常麻烦，有没有一种即快捷又能精确调整的方法呢？方法二：使用“绘图纸工具”: （播放）使用绘图纸工具调整的步骤。学生参照步骤，利用绘图纸工具调整图像的位置，重新测试。第三步：插入图层，导入背景图片。 图层就像透明的醋酸纤维薄片一样，在舞台上一层层地向上叠加。可以在图层上绘制和编辑对象， 而不会影响其

10、它图层上的对象。如果一个图层上没有内容，那么就可以透过它看到下面的图层。 测试作品欣赏，体会成功喜悦！( 播放)创建逐帧动画的几种方法（1）用导入的静态图片建立逐帧动画（2）导入 gif等序列图像（3）文字逐帧动画（4）绘制矢量逐帧动画第四步：插入图层，导入背景音乐注意：先将声音文件导入到库， 然后再库中将其拖动到舞台中，时间轴出现波形则表示身音添加完成。名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 4 页，共 5 页 - - - - - - - - - 名师精编

11、优秀教案“逐帧动画”特点总结 : “马的行走”是一个典型的“逐帧动画”效果，通过这个动画我们可以看出， 它是将一个动画的连续动作分解成一张张的图片，把每一张图片用关键帧描绘出来。然后将这些关键帧连续播放，就形成了动画效果。三、任务驱动，学生动手实践通过老师刚刚的演示， 相信同学们对导入图片制作 “逐帧动画” 已经有了一定的认识，好让我们利用所学习知识， 拿起你手中的鼠标和键盘， 利用“素材库”制作一个简单的 Flash 动画，在其中运用所学的逐帧动画的制作方法。有以下几个选题供选择：选题一：模仿马行走动画制作选题二：使用逐帧动画制作一个数字101的倒计时小动画。选题三：制作 QQ表情素材存放位

12、置： 学生机 D盘根目录下 “初二素材” 文件夹内。（学生可自备素材，自由创作）四、展示作品，师生互评选择部分有代表性的作品进行展示，分别从动画创意、 使用技术、 动画效果等方面给予评价。 充分肯定学生的创新精神、 动画中使用的方法和技巧， 对优秀作品给予表扬，对不足的作品给予鼓励。作品相互的展示交流，互评互进，取长补短。五、小结 ：这节课我们共同学习了导入静态图片制作逐帧动画，除了导入静态图片外，还可以导入序列图像、 输入文字或手工绘制来制作逐帧动画，由于逐帧动画对画面一帧一帧地处理，所以具有非常大的灵活性， 几乎可以表现任何想表现的内容。希望同学们勤加练习，大胆实践，制作出更多更好的优秀的作品。名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 5 页，共 5 页 - - - - - - - - -