建立场景与角色 添加帧与关键帧教学设计第一课时

形状补间动画教学设计

唐山市友谊中学 张永峰

创新应用点

本节课应用了翻转课堂的模式，颠覆了传统的教学模式．Flash基础知识是同学们通过网络在“课前”自学完成．形状补间动画知识的内化则是在“课中”经讨论、交流来完成，而在“课后”学生还是以完成更高层次的“知识探究”为主，并辅助以微课程。随着网络和多媒体技术的快速发展，使翻转课堂教学模式的实施变得可行与现实．学生不再单纯依赖教师的讲授来获取知识，可以通过互联网来获得新的、最前沿的科学文化知识．以适应信息时代社会发展的需求。

一、教学内容分析

1、课程标准内容

学会使用一种动画制作flash软件尝试制作简单的动画，了解动画制作的基本原理。

2、教材作用与地位

这节课是本单元的重点与难点，通过对动画制作过程的学习，让学生消除动画制作的神秘感，激发学生创作动画的热情。在尝试制作的过程中理解基本概念，形成正确、规范的作品制作理念，为后续的学习打下坚实的基础。

二、学情分析

本节课的教学对象为中学生，以下将从两个方面对其进行分析：

FLASH的认知方面

绝大部分学生是刚刚接触FLASH内容，通过前几节课的学习对Flash有了一定的了解，对该软件有一些初步认识，会制作简单的动画补间动画，但是对Flash软件还不能较全面的掌握和应用，还需要进一步巩固。

信息能力方面

学生水平参差不齐，只有少数学生具备较强的自主学习能力和良好的信息素养，就这样的现状，对教师的教学也提出了很高的要求。

三、教学设计思想与策略

本节课我个人遵循“由浅入深、分层教学、循序渐进、共同提高”的思路，思考如下：

设计思想

用2016唐山世界园艺博览会引起学生兴趣，改变学生的学习方式，培养学生自学、动手、动脑的能力，课堂教学中我采取了自主学习，交流学习，任务驱动以及引领展示的模式，整节课由导入，自主学习，汇报学习成果三大环节构成。

教学策略

本节课我会以2016唐山世界园艺博览会为切入点，将学习任务与指导、课堂测试、教学评价、丰富的资源及教学内容的总结升华等教学活动元素在课程中一一呈现。老师适时引导，学生大胆探究，通过两个任务和一个作品的完成、自主学习完成教学目标,让每一个学生都能学有所获，共同提高。

四、教学目标

1、知识与技能

(1)理解形状补间动画的概念，掌握其制作方法；

(2)了解如何制作图片和文字补间动画的方法；

(3)认识形状补间动画与动画补间动画的特点

2、过程与方法

通过制作倒计时动画，来掌握形状补间动画的制作方法。

通过制作照片形状补间动画和文字补间动画，掌握图片和文字打散的方法

通过利用所学知识，利用所给素材自由发挥进行创作，提高学生综合应用能力和信息素养。

3、情感态度

通过学习，培养学生自主探究、合作交流及客观评价作品的能力；通过2016年唐山园艺博览会这个主题，增强学生对家乡的热爱。

五、教学重点

1、形状补间动画的制作方法。

2、图片和文字打散的方法。

六、教学难点

1、理解形状补间动画的特征

2、文字、图像的处理

3、如何利用合适的素材表达动画的情境

七、教学方法

演示法、任务驱动法、分析讨论法、实践探究法

八、教学准备

知识准备：学生已经了解FLASH窗口的组成及常用工具的使用

硬件准备：多媒体教学

软件准备：flash软件，swf播放器，极域控屏软件

九、教学过程

（一）情境导入

师：同学们，大家最美好的年纪是童年，童年大家最爱干什么事呢（回答）。对，是看动画片，动画片总精美画面就是用flash制作出来的。今天我们就来学习flash制作动画的一小部分，创建形状补间动画。谁能告诉老师，最近咱们的家乡唐山会有什么大事发生吗（回答）对就是世界园艺博览会要在唐山举行，老师用flash软件制作了一个关于唐山世界园艺博览会的电子相册，让我们一起来看一下（展示动画影片）

生：认真观看

师：喜不喜欢？（回答）那现在我以其中一个场景为例，请同学们思考问题一：

场景中包含了那些对象？ 这些对象各自都有哪些变化

师：请观察思考一下，哪位同学可以给我们答案

生：(举手回答)

1、文字、图像、背景、音乐

2、背景不变、图片旋转、文字形状改变等

师：回答的非常好，图片旋转属于动画补间动画、不同的对象具有不同的动画效果可以分别放在不同的图层。那么作品中文字变形、图片的切换则是属于形状补间动画。那如何才能实现这种动画效果?这就是我们今天要学习的的内容——形状补间

设计意图：创设的情境与学生密切相关，有效的激起学生的学习热情。在学习放入一个场景，便于学生一边观察一边思考讨论。提升学生捕捉有效信息的能力。

（二）导出新知

师：首先，老师以刚才作品中“圆形变矩形”为例，来演示一下形状补间动画的制作过程。请同学们仔细观察，尝试总结有哪几个步骤，都分别是什么？演示操作。

生：讨论，总结步骤。

师：总结的很好。其中结束帧可以插入空白关键帧帧或关键帧，如果插入了关键帧，必须把原来的文字删除再重新绘制图形。好的，相信通过刚才老师的演示和同学们的总结，我们已经能够理解形状补间动画的一般步骤。

设计意图：通过观察老师的演示，让学生自己学会观察总结操作步骤，加深学生对操作步骤的理解记忆。

（三）任务一——小试牛刀：制作图片的形状补间动画

师：那接下来就小试一下身手。老师给同学们演示图片形状补间动画的制作。同时，老师会将两组素材发给大家，同学可以自己进行形状补间动画的制作。

生：根据老师的要求，完成图片形状补间动画的制作。

师：巡视、个别指导，提醒遇到困难可以查看疑难帮助文件。完成的请举手，下面我想展示几个同学的动画效果。

生：观察，口头评价：图片变了等等。

师：大多数同学都出色的完成了图片形状补间动画的制作，我们也看到了形状补间动画可以表现的效

果：就是将一个对象通过形状、颜色等变化过渡为另一个对象。它可以让我们的动画随心而动、千变万化。下面就让我们一起来感受一下。

（四）学习成果检验

师：现在就请同学们自我检测一下，独立完成老师所给的素材之间的形状补间动画，注意提前构思，有自己的想法，制作补间动画之前要把图片打散请认真完成。

生：完成测试题，提交，查看自己的正确率。

师：都提交了吗？（回答）让我们一起查看成绩分析，发现错误率较高的题目，及时讲解解决问题。

生：评价作品，尝试点出别人作品中的亮点：背景意境优美、动画效果流畅、整体搭配很漂亮；不足：颜色搭配、文字显示不清等等，并能够从中学习别人的长处改正自己的不足之处。

师：评价的很到位。我们每个同学作品中都有自己的闪光点，（比如XX、XXX同学的作品中…）从中都表达了一份对母亲特别的爱与思念。一定要把你的心意通过电子邮件、QQ等途径送给自己远方的母亲。

设计意图：通过学生完成测试题并提交，学***台即时得出正确率反馈给老师和学生自己。老师还可以查看试题分析，有针对性的进行讲解，及时解决学生掌握较薄弱的环节。

设计意图：事先将作品要求、素材、制作建议、作品样张等资源放在学***台中，学生可以自主下载素材，并可以随时查看制作建议，参照作品样张来帮助自己完成作品。上交作品后，学生们可以互相观赏交流各自的作品，根据评价量规客观的给出得分，根据总分自动生成A\B\C\D等级，老师可以根据得分情况有针对性的请打分学生说明给分的原因，点评作品。最后的情感交流提高学生的审美能力，加强了情感教育。

（四）任务二——各显神通：分组练习

师：我们作为唐山人，要为2016唐山世园会做出自己的贡献，让我们运用所学的知识，进行世园会宣传口号和欢迎语之间的文字变幻。老师为了方便大家的学习，制作了微课程，下面老师给大家放映一下，并在放映结束后，会把微课程发给大家，方便大家进行二次学习。

师：巡视指导，简单设置情境：大家自己动手，用flash软件制作世园会宣传口号和欢迎语之间的文字变幻，那让它们进行怎样的变化才能恰当的表达你的心意？这就是我们任务二要完成的。（记下典型错误和优秀作品）

生：认真完成练习，积极帮助指导。

师：现在我要展示几个典型的学生作品，并请一位学生上台讲解操作步骤，请同学们观察他和你的方法有哪些不同？

生：仔细观察，发现图片的处理可以通过分离也可以矢量化完成。

师：观察的很仔细，说明一件事可以由很多种方式完成，条条大路通罗马。刚才我也发现了部分同学出现了一些错误，请同学们查看问题二，并帮助找出答案。

1、形状补间设置后效果没有达成，帧的影格中呈现绿色虚线？

2、形状补间设置后时间轴上只有尾帧显示绿色？

生：思考，找出答案，个别回答（学生回答老师配合演示）

1、

文字或图像没有分离、右击创建补间

2、

补间的实现动作放在尾帧上了

师：非常感谢XX、XXX同学的帮助，相信我们都能更好的掌握形状补间动画的制作步骤和注意要点。

设计意图：实现分层教学，在规定的时间内，基础好的学生可以完成三个练习，较弱的学生可以完成一个练习，目的是让学生都学有所获，共同提高。并能在学习过程中通过多种途径主动获取有效信息。微课程发给大家，避免了有些学生遇到困难，羞于问老师或同学而不能及时完成任务的尴尬。学生通过帮助文件，自己摸索探究从而完成，充分感受到自主学习带来的喜悦感。

（八）总结升华

师：今天这节课通过两个任务的完成，我们都了解和掌握了哪些新的知识，我们一起来总结梳理一下。请个别同学讲解加深大家的印象。 生：认真查看学***台中的知识总结，心中自我梳理，加强对知识点的掌握。

1、形状补间动画的制作步骤

2、作品设计的一般步骤：

设计意图：梳理总结知识，加深学生对教学目标的掌握。注重培养学生信息素养，引导学生思考学科价值，注重学生信息能力的提高。