第五课 形状渐变动画——形状补间 教案
[教学内容]
讲授的是形状补间动画的知识，通过制作形状补间动画，掌握Flash MX基本动画制作的操作方法。
[教材简析]
本节课学习如何制作形状补间动画，是动画制作中一个重要技能。
1、知识目标
（1）理解创建形状补间动画的基本原理；
（2）、能够绘制图形；
（3）、能正确完成补间动画的制作；
（4）、制作作品后，能够将影片导出。
2、能力目标
（1）掌握创建形状补间动画的方法；
（2）能通过模仿完成形状补间动画的制作；
（3）培养学生自主学习和探究学习的能力；
（4）提高学生的实践操作能力、文字理解能力和创新能力。
3、情感目标
（1）激发学生学习信息技术的兴趣；
（2）培养学生的观察力和想象力，能够举一反三运用所学知识制作相应的动画作品。
[教学重难点]
教学重点：形状补间动画的创建方法
教学难点：形状补间动画的创建方法。
[教学准备]
网络教室、教学实例、课件 Flash 2004。
[教学过程]
一、情景导入：
上课，同学们好，动画小天地，变幻大舞台，大屏幕上这惊奇的魔幻变化，老师只用了两个图形两分钟就完成。想知道其中的奥秘吗？那就是我们这节课要学习的“形状补间动画”
（出示本节课课题：形状补间）
二、形成概念
在FLASH舞台上直接绘制的图形，就被称谓“形状”，而“补间”是什么意思？就是只要画出开始和结束的两幅关键帧形状，中间帧的变化由谁来补充完成？）对，计算机。这就是形状补间动画的基本概念。
在起始关键帧中插入或绘制一个图形，在结束关键帧更改该图形或绘制一个图形，计算机根据两帧中图形的关系创建的动画，称为“形状补间动画”。
四、剖析课例：
要想成为动画大师，第一步你要学会分析别人的作品，（打开源程序）
我们就以开篇那个“魔幻万花筒”动画为例，（边说边打开源程序），看看“形状补间”动画究竟有什么样的奥秘。这个Flash源文档，请同学们观察并思考下面的问题：
问题一：补间动画一共用到几个关键帧？分别位于第几帧？都是什么形状？
（哪个同学回答？2个，第1帧是个虚线框，第25帧是个圆形）
问题二：在时间轴上拖动鼠标，中间的帧上能不能看到形状的变化效果？
（能）
问题三：两个关键帧间有一条什么样的线？
（绿色带箭头的实线）
五、自主探究：
通过观察我们对对补间动画有了初步的了解，现在，我们仍然以这个“魔幻万花筒.fla”为例，同学们分四组分别动手做如下四个实验：
实验1，将结束帧中的圆改为其它颜色，修改完成后，执行播放命令查看效果。
实验2、将结束帧中的圆改变大小和位置，修改完成后，按“回车”查看效果。
实验3、删除第25帧的形状，你看到时间轴上有什么变化？再换一个形状会怎么样？
实验4、选中第一关键帧，打开“窗口\属性”，或者按CTRL+F3,打开“属性面板”,将补间选择为“无”看看有什么变化？
1小组做实验1，其余各组依次类推。实验同学注意，删除或者修改后可以通过撤销命令或者按Ctrl+Z键恢复刚才的操作，善于记住并使用快捷键。
（时间到）
现在请各小组推选一个同学演示并说明你的实验过程，好，第一小组先来。其它小组的同学请认真学习、认真掌握。
2组的同学你们也选一个代表，演示并说明你的实验过程。
3组起来一个同学
4组选一个同学，做一下演示说明。
（老师边演示边点评）刚才4个小组分别做了演示说明。老师补充几点，一组同学做实验1时，选择形状是在舞台上用框选的方式选择，我们还可以通过在时间轴上单击关键帧直接选择，或者通过快捷键Ctrl+A选择,通过混色器修改颜色，拖动鼠标就可以改变它的位置，而要改变大小，选择“任意变形工具”就可以删除，改成其它任意的形状。可以回车察看效果，Ctrl+F3撤销操作。
刚才，我们每个小组只进行了一项实验，那么根据刚才的学习，请同学们以最快的速度将其余的三个实验全部完成。
六、归纳总结：（大屏幕）
通过刚才我们一系列的探究实验，想一想，一个成功的形状补间动画，应该具备的基本构成要素有：______个关键帧，_____个形状，一条_________样的连线？
形状补间动画的功能：
实现两个图形之间 的自动过渡变化。变形的灵活程度低于逐帧动画。
通过刚才我们的探究实验，我们发现形状补间动画可以实现两个图形之间的很多变化，请同学们想一想你探究的变化有哪些？
颜色、形状、大小、位置
七、新知引路：
刚才同学们只是分析了老师的作品，而要想自己当大师就必须掌握形状补间动画的三个制作步聚。
大屏幕出示：
1、在起始关键帧，插入一个形状；
2、在时间轴动画结束处创建或选择一个关键帧，制作新的形状；
3、单击起始关键帧，打开属性面板（Ctrl+F3），将补间选择为“形状”
八、小试身手：
根据刚才的归纳总结，请同学们自己动手，制作一个圆变方的动画和太阳变月亮的动画。制作要求：（请看大屏幕）
1、打开“文件”菜单，执行“新建”（或者CTRL+N）命令，新建一个Flash文档。
2、第1关键帧处绘制一个形状为蓝色的圆形；
3、第15帧处插入一个关键帧，形状为红色方形。
（五分钟时间学生练习制作，老师巡回指导）
九、信息交流：
各小组同学可以相互交流一下制作经验，然后修改自己的作品。（3分钟）
十、技能提升：
1、刚才我们在第15帧处插入了一个关键帧，形成一个圆变方的形状补间的动画。那么，能不能在圆变方之后再插入一关键帧，将方变成其它任意的形状，从而形成连续的形状补间动画呢？下面请各小组的同学们讨论并试验一下。
（3分钟时间小组内讨论试验）
刚才，老师观察了一下各组同学的实验，有的在第30帧处有的在第50帧处加的关键帧，有的在方的后面变成一条线，有的变成了矩形。有的变的五花八门。总之，同学们的实验很大胆，结果很成功。现在请三组的那位同学演示并说明一下你那个方型变毛毛虫是怎么制作的。
通过实验我们可以得出：同一个关键帧既可是前一个动画的结束关键帧，也可以是后一动画的起始关键帧。看来我们同学探究的精神非常值的肯定，勇于探究并且大胆实践――这是成为动画大师的品质。
现在给同学们3分钟的时间，进一步完善一下你的作品，然后以“变形.fla”为名保存在自己的文件夹中。
十一、经验分享：
大屏幕显示：痛苦的滋味只能个人品尝，而成功的喜悦则需要他人的分享。
我们刚才完成并保存的这个Flash源文档只能在flash程序中播放，如何让别人分享你成功的喜悦，特别是在网络上、在QQ空间中都能欣赏到你的作品呢？这就需要把我们的源文档导出为影片，发布出去。请同学们 “导出影片”，将作品以默认的名字保存在自己的文件夹中。导出成功后。将作品通过网络教室提交给老师。
十二、畅所欲言
通过本节课的学习，请同学们谈一谈，你都有哪些收获呢？你来说，你说。通过同学们的发言，看出同学们知道了形状补间动画的定义、构成要素，功能和制作步骤，学会分析别人的作品，能够绘制图形；能完成补间动画的制作；作品完成后，能够将影片导出。看来，只要付出努力，人人都能当大师。
十三、课后延伸：
另外本节课的源文档，同学们还可登录学校网站，进行下载。
十四、教学反思
只限于让学生做出图形的变化，应该让学生也尝试做出文字的变化，照片的变化等，发挥学生创新能力的培养。
第六课 动作渐变动画 教案
一、 教学内容分析
本节课针对导入的图片，介绍了图片的处理方法，如图片的缩放、图片的旋转、图片转化为元件、设置图片的透明度。学生通过让图片尽情地动起来，学会如何让运动对象在运动过程中改变其大小、位置、颜色、旋转度和透明度。
教学重点：
l 将图片转化成元件的方法；
l 对图片的处理各种方法：图片的缩放、图片的旋转、图片转化为元件、设置图片的透明度；
教学难点：
l 图片转化成元件后再进行透明度的调整的操作方法；
课时安排：1课时
二、 教学对象分析
本节课的教学对象是小学生。在前阶段教学中，学生通过第五节“万花筒” 等动画，制作初步掌握了动作渐变动画的原理，理解关键帧的概念，学会创建补间动画的方法，这对于本节的学习非常有利，教学中老师可以用知识迁移的方法使学生通过体验与探索更深入地掌握了动作渐变动画的原理和方法。
经过了一个阶段的学习，学生已经掌握了Flash的基本的操作技能，但掌握程度参差不齐，因此，教师应在课前开发设计Flash在线学习资源网站，使学生及时自主地复习旧知识，巩固新知识。
三、 教学目标
1、知识与技能
（1）掌握将图片转化为元件的方法；
（2）掌握对图片的处理各种方法：图片的缩放、图片的旋转、图片转化为元件、设置图片的透明度；
（3）进一步掌握动作渐变动画的原理和制作方法；
（4）了解动作渐变动画适用范围；
2、过程与方法
（1）通过所熟悉的软件，掌握知识迁移的方法；
（2）培养自主探究学习的能力和创新精神；
（3）培养学生以动画方式呈现信息的能力；
3、情感态度与价值观
（1）增强学生爱国主义情感；
（2） 通过评价和欣赏动画作品，培养学生的鉴赏能力和审美观；
（3） 激发学生学习信息技术的兴趣；
四、 教学策略
1、以“任务驱动式”为主要教学组织方式
教师通过任务把各教学目标和内容有机地结合在一起，使学生置身于提出问题、思考问题、解决问题的动态学习过程中。学生完成任务的同时，也完成了需要达到的学习目标的学习。在设置任务时，教师应体现分层次，并给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学。
2、创设学习情境，激发学生的学习兴趣。
本节课，教师充分利用网络、多媒体等技术手段，为学生创设一个生动、真实的学习情境。在导入新课时，教师演示一些优秀的动作渐变动画，提高学生的学习兴趣和求知欲望。通过网络的交互性组织学生互评作品，进行公开的、及时的评价，发表自己的见解，激发学生学习的热情。
3、开展以教师为主导，学生为主体的自主探究学习模式
本节课教师应给学生留有足够的思维空间，不需面面俱到。由于学生通过第二节“小球的直线运动” 和第三节“花瓣的旋转动画”制作初步掌握了动作渐变动画的原理，理解关键帧的概念，学会创建补间动画的方法，教学中教师可以让学生利用知识迁移，把新旧知识进行对比，通过教师课前准备好的Flash在线学习资源网站更深地掌握了动作渐变动画的原理和方法。同时，教师还需要明确地提出具体的学习任务，让学生在教师的组织下，对学习任务进行探索、分析、研究，在实践操作中培养创新精神和创造能力。对于一部分同学习惯于依赖老师与教材进行学习的学生，教师应加强指导和引导。
五、 教学媒体选择
1、多媒体网络电脑室；
2、Flash在线学习资源网站；
六、 教学过程
教学环节 教师教学 学生活动 设计意图
创设情景 同学们知道奥运的吉祥物有什么吗？
这五个可爱的福娃加起来正好是“北京欢迎你”的寓意。他们的原型分别来自鱼、熊猫、奥运圣火、藏羚羊、金燕。
演示三个以“奥运福娃”为主题flash动画。
今天我们一起制作一个奥运福娃动画宣传片，迎接北京2008年奥运会。 学生回答：吉祥物共有五个，她们分别为：福娃欢欢，福娃贝贝，福娃迎迎，福娃晶晶，福娃妮妮。
欣赏作品。
激发学生学习的兴趣和求知欲望。
导入新课 演示本节课探索任务一“奥运福娃秀”Flash动画。
提问：刚才老师展示的动画和我们前几节课制作的“小球直线”运动有什么不同？
总结：运用动作渐变动画可实以实现元件位置的移动、颜色的变换、旋转和透明度的改变等。 学生在教师引导下进行观察并思考回答：
“奥运福娃秀”动画除了有位置不同外还会变大变小，会旋转，有淡入淡出的效果。 对动作渐变动画有一个初步的理解，并对其效果有一定认识。
复习动作渐变动画的原理 在第二节“小球的直线运动” 和第三节花瓣的旋转动画制作初步我们初步掌握了动作渐变动画的原理，下面我们找个同学来演示制作“小球的直线运动”的过程。
教师总结：为了使小球沿直线运动，我们只需确定动画起止帧的画面，中间部分的渐变画面由 flash软件自动生成。 学生操作演示制作“小球的直线运动”的过程，并回答动作渐变动画制作要点是：在场景创建元件的起始和终止关键帧，在属性中设置动作补间动画。
使学生回忆已经掌握的动作渐变动画制作要点，为下一环节的知识迁移作准备。
对图片处理的各种方法 在制作小球直线运动动画中，我们知道动作渐变动画对象是元件，同样，“奥运福娃秀”动画制作也要先把福娃转换成元件，然后确定起止帧的大小、旋转度和透明度的变化。
教师演示图片缩放、旋转、透明度调整的方法。 从素材库五个奥运福娃中导入学生喜欢的其中一个福娃，并把它转化成图形元件，尝试调整其大小、旋转度、透明度。 让学生自己挑选喜欢的福娃是给学生提供了展示个性、自主创新的机会。
探究任务一 提出探究任务一：
基本任务：参照小球直线运动动画制作过程，制作一个动作渐变动画，对象是五个奥运福娃其中一个（已经转化成元件），要求设置不同关键帧，并在不同关键帧处，设有大小、位置、旋转度及透明度的变化。
拓展任务：把大小、位置、旋转度及透明度的变化设置在一个动画内。
两种动作渐变动画的比较
动画名称 动画对象 开始帧 终止帧
小球直线运动动画 小球元件 小球运动开始位置 小球运动终点位置
福娃动作渐变动画 福娃元件 福娃开始的状态 福娃缩放、旋转、透明度调整后的状态
学生参照小球直线运动动画制作过程，制作一个奥运福娃动作渐变动画，并通过网上评价系统呈交作品
学生实践中，遇到困难可以自行查看教师课前准备好的Flash在线学习资源网站，学习辅助资料。
学生之间可以相互交流。 在第二节“小球的直线运动” 和第三节花瓣的旋转动画制作中，已经初步掌握动作渐变动画制作的原理，教师可以通过知识迁移，使学生掌握福娃动作渐变动画，从而使学生在归纳和比较中，应用操作能力和自主探究能力得到提高。
在设置任务时，教师注意体现分层次，并给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学。
分析总结“任务一”完成情况 指出个别学生在制作中遇到的问题：
1、每帧中出现多个对象。（提示学生每帧中只能有一个对象）
2、图片没有转换成元件。动作渐变动画在关键帧中包含必要的元件、组合对象、文字对象等； 思考问题存在的地方，指出造成错误的原因并提出解决的方法。 以一些经常犯的错误来引起学生注意，帮助学生理清制作动画的思路提高学生分析能力。
探究任务二
为了使在一个动画中有多个元件变化或运动，我们可以添加“图层”，图层可以看成是叠放在一起的透明胶片，如果一个图层上没有内容的话，就可以透过它直接看到下面的图层。
教师演示添加图层的方法。
探究任务二
请发挥你的想象力制作北京2008奥运福娃动画宣传片。
要求：能利用图形元件的Alpha值、旋转按钮制作对称的物体。
提供的素材库包括5个奥运福娃图片、36个奥运福娃运动项目图片、2008年北京奥运会会徽。
掌握添加图层的方法，完成探究任务二，并通过网上评价系统呈交作品 层的概念学生将在第六节《层的应用》熟练掌握，故教师在本节只作粗略介绍。
任务二的设置是鼓励学生的根据自己的想象进行创作。
作品欣赏交流评价
请个别学生和大家分享作品自己的创作思路和过程。 介绍自己的作品，评价、鉴赏他人创作的作品。 提高学生的审美能力、语言表达和思维能力，树立正确的作品创作观。
归纳总结 归纳：
运动渐变动画适用范围：对象的移动、旋转、缩放、透明度、颜色的变化等。
动作渐变动画制作要点是：
（1）在场景创建元件的起始和终止关键帧；
（2）在关键帧中包含必要的元件、组合对象、文字对象等；
（2）在属性中设置动作补间动画。
思考与总结
再次加深学生对动作渐变动画原理及其适用范围的理解。
七、 教学评价设计
任务内容 评价等级 评价标准
探究
任务一
优秀 在一个动画内能恰当运用大小、位置、旋转度及透明度的变化。
良好 有大小、位置、旋转度及透明度的变化。
合格 至少有大小、位置、旋转度及透明度其中一项的变化。
不合格 没有大小、位置、旋转度及透明度的变化。
探究
任务二 优秀 能准确、流畅地运用大小、位置、旋转度及透明度的变化，并利用图形元件的Alpha值、旋转按钮制作对称的物体。主题明确，表达形式新颖、构思创意独特、巧妙，具有想象力和个性表现力，内容情节想象力丰富。
良好 能恰当运用大小、位置、旋转度及透明度的变化，未能利用图形元件的Alpha值、旋转按钮制作对称的物体。主题表达形式比较新颖，有一定的构思，能体现作者的创造力和个性表现力，设计合理，文字清晰易读。
合格 有大小、位置、旋转度及透明度的变化，基本能表现主题,设计合理，但表现形式比较单一。
不合格 大小、位置、旋转度及透明度的变化的运用不恰当，未能表现主题。
八、 教学反思
本节课本人运用了知识迁移法，把本章节教材中相关知识之间建立联系，用已有的知识、技能去学习掌握新的知识、技能。教学中，本人开展以教师为主导，学生为主体的自主探究学习模式，让学生依靠自己已有的知识和经验去自主学习探索，充分发挥学生的潜能，对学习任务进行探索、分析、研究，在实践操作中培养创新精神和创造能力，提高学生总体的信息素养。
上完本节课后，本人发现学生的潜力很大，积极性很高，大部分学生能完成探究任务，作品能体现学生的创造力和个性表现力。但还有部分同学习惯于依赖老师与教材，本人在今后的教学中还应加强指导和引导