资源简介

5《神奇的变化——制作形状补间动画》教学设计
课题名称 神奇的变化——制作形状补间动画 学科 信息技术
年级 六年级 课时 1课时 教师 王海欣
一、教学内容分析
本节课是广东省教育出版社《信息技术》第四册上第5课，学习的形状补间动画相对于前面学习的逐帧动画能够提升动画的制作效率，需要引导学生理解两者的优劣。形状补间动画是通过改变形状实现动画效果，操作时需要进行“打散”操作让组合的图形文字分离。“分离”操作在创建形状补间动画中至关重要，可以通过微课视频来便于学生的理解。形状补间动画的场景非常丰富，除了书本中陶土的变化、树的变化，还可以有种子的发芽、孙悟空七十二变等等，引导学生进行自主创作。本节课理解透彻，下节课才能更好地区分动画补间动画的学习。
二、教学对象特征分析
教学对象为六年级的学生，通过前面Flash软件的学习，学生已掌握绘图工具、逐帧动画以及元件创建和使用的方法，知道帧、关键帧、空白关键帧的含义及其操作，能够理解分散和组合的概念，为本节课的学习提供了认知基础。本课通过在“花朵盛开”的逐帧动画与“果树成长”形状补间动画作为对比，引导学生发现两者的优劣，激发学生学习新课的兴趣。六年级学生具备一定的自主学习能力及探究能力，能够在教师的指引下完成任务。
三、教学目标
1．知识与技能目标（1）掌握制作图形变形的形状补间动画方法。（2）掌握将元件、外部素材分离的方法。2．过程与方法目标（1）通过微课等材料自主学习形状补间动画的相关知识，完成课堂任务；（2）在对比逐帧动画与形状补间动画的过程中，了解两者的优劣，能够在动画创作中择优选择；3．情感态度和价值观目标（1）通过动画制作，进一步激发学生学习动画的积极性，鼓励学生自主创作。
四、教学重点、难点
重点 了解形状补间动画对图形的要求。
难点 掌握制作形状补间动画的操作方法，能够将组合实例打散。
五、教学方法策略选择与设计
1．自主学习法：借助微课等材料，学生进行自主学习和创作。2．任务驱动法：设计不同层次的任务，将大任务分解成一个个可操作的小任务，“小步子”走，引导学生完成教学目标。4．分层教学法：完成图形形状补间动画的同学就可以做“进阶任务”进行自主创作，使得不同学习基础的同学都可以有自己的发挥空间。
六、教学环境及资源准备
教学媒体类型 教学媒体运用方式 作用
（原创）主课件 主屏放映 贯穿整堂课，梳理课堂知识点
资源包（包括微课，任务素材包等） 提前发送给学生，供学生观看、学习、完成任务 辅助学习，帮助学生理解各项任务，为有困难的学生提供材料支撑
七、教学过程
教学环节 教师活动 学生活动 设计意图
（一）温故知新、激发兴趣 分别展示“花朵盛开.Fla”和“果树成长。Fla”，教师提出问题：“这两个动画有什么不一样呢？”“花朵盛开用到了几个关键帧呢”“果树又用到了几个呢？”过渡：第二种动画只需要两个关键帧就能制作出如此丰富的动画效果，这也太神奇了吧。过渡：动画的世界是多么奇妙，这节课就让我们一起来学习制作神奇的形状补间动画板书：神奇的变化，制作形状补间动画。 学生观看动画并回答问题。（第一种是逐帧动画，第二种是形状补间动画）数一数逐帧动画、形状补间动画用到了几个关键帧。（逐帧动画：64个；形状补间动画：3个） 从逐帧动画“玫瑰花盛开”导入，通过对比帧数，引出关键帧数量少，动画效果好的形状补间动画，激发学生的求知欲。
（二）学习新知、小试牛刀 1、讲解补间动画的概念及优势。2、形状补间动画的操作演示。3、形状补间动画的成功秘笈。 ①介绍形状动画成功时的状态。 ②对象必须是矢量图形。分辨图形是否是矢量图形。分离打散的操作方法（形象比喻：将鸡蛋打散制作不同形态的美食）。小结：形状补间动画的操作流程。利用顺口溜快速让学生掌握操作步骤，一边讲一边板书。 形状补间动画顺口溜动手实操：提供两个任务的源文件。 认真观看“形状补间动画”的微课视频。自主尝试图形的分离操作。动手操作：完成两个任务。 与学案、教材相比，微课通过视频动画更生动、形象、立体、逼真地展现了形状补间动画的概念及操作步骤。在讲解完图形分离操作后，自主尝试分离操作，有助于学生进一步了解分离的目的及操作方法。
（三）作品展示、疑难解惑 展示失败作品，请同学们观察作品，并说出失败的原因2、常见问题答疑。 ①选择成动画补间动画的情况。 ②对象没有分离的情况。3、展示两个作品，请同学说说哪个动画效果呈现比较好？好在哪里？你们能不能做出这样的效果？制作小技巧（播放微课）：可适当添加关键帧，延长动画时间，使动画效果更佳。 认真思考，找出教师展示失败案例的原因。 学生先去尝试完成本节课的课堂任务，教师的再示范有助于强化学生制作形状补间动画的规范操作，发现问题，巩固新知。从其他同学易错点中汲取教训，避开雷区。
（四）创意无限 1、引导学生进行自主创作。 提供了三种思路： ①故事类：孙悟空七十二变、奥特曼变身、丑小鸭变白天鹅等。 ②植物类：西瓜的成长过程。 ③图文结合类：节日的庆祝动画。2、展示与评价，师生互评。 巩固本节课的知识。拓展思路，寻找自己的兴趣点继续创作形状补间动画。 巩固本节课的重难点，引导学生结合自己的兴趣点利用所学的知识进行自主创作。
小结 1、一首顺口溜结束本节课的学习。 齐读 加深记忆
八、教学板书
补间动画真不错，大家一起来操作，先插入A，后插入B，分离操作要切记，补间动画插进去，奇迹立现，A变B。
起始关键帧→终止关键帧
↓ 形状补间 ↓
分离的对象 分离的对象
起始关键帧→终止关键帧
↓ 形状补间 ↓
分离的对象 分离的对象
神奇的变化——制作形状补间动画
PAGE
1(共22张PPT)
神奇的变化
——制作形状补间动画
黄江镇梅塘小学 王海欣
你们知道这两个动画是怎么制作的吗？
温故知新
花朵盛开.fla
果树成长.fla
逐帧动画
形状补间动画
68个关键帧
2个关键帧
数一数，有多少个关键帧？
补间动画
优势 劣势
逐帧动画 较大灵活性 制作复杂，文件较大
对图片要求较高（连贯性）
补间动画 制作方便简单，文件较小 灵活性较低
“逐帧动画”与“补间动画”优劣
形状补间动画的概念
形状补间动画概念
形状补间动画是在一个关键帧上绘制一个形状，然后在另一个关键帧上更改该形状或绘制另一个形状等。Flash将自动根据二者之间的帧的值，或形状来创建动画。
形状补间动画的成功秘笈
形状补间动画的“对象”
对象必须是：矢量图形
成功秘笈
一个图形变化到另一个图形的动画，这些图形必须是已经被分离（也叫打散）的。
分离/打散操作
分离/打散
Ctrl+B(break)
创建首尾两个空白关键帧，将素材拖动到空白键的舞台当中
创建形状补间动画
测试动画
导入或绘制素材，对于元件和组合图形要进行分离操作
形状补间动画制作步骤
补间动画真不错，大家一起来操作，先插入A，后插入B，分离操作要切记，补间动画插进去，奇迹立现，A变B。
形状补间动画顺口溜
小 试 牛 刀
PART
ONE
一、制作图形变形的形状补间动画
常见问题答疑
问题1
问题2
你们能解决这些问题吗？
对象没有分离
选择了动画补间动画
这两个动画，哪个效果更好呢？
小精灵形变1.swf
小精灵形变2.swf
看一看
你们能不能做出这样的效果呢？
制作小技巧
1
孙悟空的七十二变
丑小鸭变白天鹅、
奥特曼变身等
故事类
2
西瓜的成长过程：
西瓜籽 发芽 小苗 开花 结果
植物类
3
节日的庆祝动画
图文结合类
创 意 无 限
课堂小结
补间动画真不错，大家一起来操作，先插入A，后插入B，分离操作要切记，补间动画插进去，奇迹立现，A变B。
形状补间动画顺口溜
“形状补间动画”的图形要求
1.利用工具箱各种绘图工具绘制的图形，不用分离。
2.从外部导入的图片一定要分离。
3.在Flash中输入的文字一定要分离。
4.在Flash中调用的元件一定要分离。
分离前
选择图像后，有淡蓝色边框的图形一定要分离。
分离后
黄江镇梅塘小学 王海欣
感
谢
看
观神奇的变化逐字稿
一：对比导入
师：老师带来了两个动画，分别是花朵盛开和果树成长，请同学们仔细观看，这两个动画有什么不一样呢？（变化效果不一样）有没有同学知道这两个动画是怎么制作的？
没有吗？没关系。让我们一起来看看吧。第一种动画是逐帧动画，第二种是形状补间动画，大家数一数，花朵盛开这个动画一共用到了几个关键帧？果树成长呢？没错68个，
第一种动画要用到这么多关键帧，工作量可真大呀。而我们的第二种形状补间动画只需要两个关键帧就能制作出如此丰富的动画效果，这也太神奇了吧!动画的世界是多么奇妙，这节课就让我们一起来学习制作神奇的形状补间动画。贴板书
二：新授
师：那什么是补间动画呢？它是指两个关键帧中实现图画运动的动画。他们的优势呢在于制作方便简单，生成的文件较小。
师：让我们通过这个微课来了解形状补间动画的概念吧。（播放微课）
师：要想成功制作一个形状补间动画，老师要传授秘笈啦，请大家认真听。这个秘笈就是
我们形状补间动画制作过程中所用到的图形，对象必须是矢量图形。那什么是矢量图形呢？请看视频。（播放矢量图形微课）
师演示师范：边示范边讲解，如果是元件或者是其他的组合图形，我们可以把它拖到舞台当中，对它选取部分，那还是选中了整个部分，对它进行整体的移动。并且它的外观上面有个非常突出的特征，就是有个淡蓝色的边框，代表它是一个组合图形，而不是矢量图形。同学们如果在制作形状补间动画的过程中发现自己所用到的图形呢？是带着淡蓝色边框的组合图形，不要紧张，我们有个非常重要的操作可以来帮忙。
师切换课件并说：
这就是分离打散操作。大家非常容易忘记这一个步骤，导致最后形状补间动画不成功。老师在这里给大家做一个形象的比喻，就像我们在制作鸡蛋美食之前，需要先将鸡蛋打散，才便于我们后面来制作香香的蛋糕，鸡蛋饼和炒鸡蛋等等。希望同学们在制作形状补间动画的过程当中，脑海中能够浮现这张打鸡蛋的动图，提醒自己一定要自己将自己的图形变成矢量图形。
分离打散操作在flash软件当中的快捷方式是按住control键不放，按B，这个B我们可以理解为break，那打鸡蛋就是鸡蛋碎掉，在图形打散操作里面就是图形变成了矢量图形。接下来我们在flash软件当中来实操一下。还是以这个圆型为例，我们右键将它分离，就可以形成一个矢量图形。
师：
我们一起来回顾一下形状补间动画的制作步骤。
第一步，首先我们要导入或者是绘制素材，对于元件或者是组合图形要进行分离操作，第二呢，创建首尾两个关键帧，将素材分别拖动到关键帧的舞台当中。
创建形状补间动画
测试动画讲
师：顺口溜
为了让大家加深记忆，老师给你们准备了一首形状补间动画的顺口溜，让我们一起来读一读。
补间动画真不错，大家一起来操作，先插入A，后插入B，分离操作要切记，补间动画插进去，奇迹立现，A变B。
师：
讲完了知识点，接下来呢就是我们的动手操作环节，老师呢给大家提供了两个个f的源文件，同学们可以自己先去尝试完成任务。完成的过程当中，如果有遇到疑问，可以随时询问老师，或者是同学之间互帮互助。
学生练习环节：
我们先来制作图形变形的形状补间动画。我们在flash软件当中打开，选择源文件鸡的成长和小精灵变身，两个文件都是关于图形的形状补间，大家可以选择任意其中一个。
三：作品展示、疑难解答
师：同学们在刚刚的操作过程当中都是一帆风顺的吗？我们一起来看一下同学们经常会出现的几个问题，你能找出其中的原因吗？首先我们看第一个。他为什么不能形成正确的形状补间动画呢？谁来说说？
大家来看一下第二种情况，明明分离了，怎么他的就不成功呢？大家注意看它的背景色怎么变成了淡紫色呢？原因在于哪里？谁来说说？
给你们一分钟时间修正自己的动画。
制作小技巧环节
哎呀，小精灵已经迫不及待地飞进了我们的屏幕，我们来一起看看小精灵变身的效果吧！
播放动画，这两个动画，哪个效果更好呢？谁来说说？你们能制作出这样的动画效果吗？（不能）
没关系，那就让我们一起来学习制作技巧吧。（播放微课）
同学们，学会了吗？学会之后我们的难度就要升级了哦。
噢，此刻升级到了自由创作环节啦，通过之前的学习和练习，同学们可以继续发挥自己的创意来创作出更优秀的形状补间动画，老师给大家一些提示，我们可以做一些关于故事类的动画，比如说孙悟空的72变，丑小鸭变白天鹅的故事等等，或者是来制作植物的生长过程，比如说西瓜的生长过程，从西瓜子儿到发芽到小苗开花结果。这一系列通过动画的方式制作出来，非常的有趣，或者是我们通过图片和文字结合的方式来制作一些节日的庆祝动画，我相信你们的创意比老师的更加有趣，期待你们的作品。
小结
最后，让我们一起再来读一读这首顺口溜吧!

展开更多......

收起↑