【张海燕】《应用表格布局网页结构》教学设计及反思

“动画补间”动画的教学案例

南京武家嘴实验学校邢建华

一、教材分析

本课是江苏省科教版初中信息技术（下册）中第八单元《动画制作》中第3节内容，学习的对象是初中二年级的学生。教材先给出了“动画补间”动画的定义，安排了两个实例：“移动的太阳”和“旋转的风车”。实例1中有对图层的基本操作、导入外部图片到舞台……主要做出了位置移动的效果；实例2用到基本的绘图功能绘制出漂亮的风车……主要做出了对象的旋转动画效果。这两个例子的核心都是“元件”、“动画补间”。教材最后小结了制作“动画补间”动画的主要步骤，这样的小结有利于知识的迁移。

二、学情分析

上节课学习主题为初识Flash，安排了“冉冉升起的小太阳”动画制作，分为亮丽登场和冉冉升起两个环节：第一环节中分组完成元件小太阳的制作(自己绘制和导入外部图片，其中导入的图片要转换为矢量图，做去除背景色的效果处理)；第二环节从逐帧制作的“增加制作负担而且最终输出的文件量也会比较大”谈到flash动画的巧妙表现：动画补间，“只要建立好开始帧和结束帧，中间部分软件会帮我们填补进去，非常方便好用”。让学生初步感受了“动画补间”动画。学生对进一步学习“动画补间”动画感兴趣，有较高的探究欲。

三、设计思想

“动画补间”动画是Flash中非常重要的表现手段之一。“让小动物在绿色家园尽情表演”的主题，既有童趣，又能较好的将“动画补间”动画的各种效果表现出来，“将技术的文化特性与个性表达融为一体”。在学生掌握了“将所有元素放进元件库中再调用”的思想的基础上，本节课给出源程序，在库面板里预备了元件，即学生喜爱的小动物；在学生初步掌握的最简单易理解的移动效果入手，循序渐进，探究学习旋转、速度变化等效果；跟着老师体验元件实例的变化，如透明度、大小、角度等的调整，巧妙运用到动画中来，力求技术的创新利用。

四、教学目标、重点难点

知识与技能：

1．进一步理解关键帧、过渡帧、元件、库等基本概念。

2．进一步认识“动画补间”动画：动画的对象是元件，两个关键帧，中间过渡帧的表现。

3．认识“动画补间”动画的属性面板，学会设置“缓动”选项、“旋转”选项，做出各种动画效果。

4．进一步认识元件的好处：多次调用。对元件的实例进行“颜色”选项的设置、调整其大小、角度，应用于“动画补间”动画，做出各种动画效果。

5．给自己的小动画加上背景层，初步认识图层的作用。

过程与方法：

实例制作，学会“动画补间”动画的制作方法。

情感态度价值观：

1．“动画补间”动画是Flash中非常重要的表现手段之一。

2．运用“动画补间”动画，可以设置元件的大小、位置、颜色、透明度、旋转等种种属性，做出各种动画效果，表达自己的想法。

行为与创新：

利用“动画补间”动画，让可爱的小动物在绿色家园里尽情表演。

重点：“动画补间”动画的制作方法。

难点：理解“动画补间”动画制作的规律，领悟“动画补间”动画制作的实质，并能够举一反三，触类旁通。

五、教学过程

(一) 导入新课

上节课我们尝试制作了冉冉升起的小太阳动画，初步感受了“动画补间”动画的魅力。

这个小动画的特色在于：

(1) 动画的对象是图形元件。我们自己绘制了小太阳，这个是我们电影中的主角，它会经常在舞台亮相，为了方便多次调用，利用“修改”菜单下的“转换为元件”命令，将它转换为常用的图形元件。

(2) 动画的关键帧有两个。这个动画体现的是位置的移动，起点和终点是两个关键状态。

(3) 中间的过渡帧自动生成，体现了位置的移动过程。这是利用帧属性面板中的动画补间来实现的。动画补间是flash常用的动画表现手法之一，是基本动画，每个同学都要把这个小动画好好的做一做，认真的想一想。

下面请大家动手再来试一试。

有三个准备工作：

(1) 下载今天的素材：缤纷的世界.fla，请打开库面板，可以看到，后台有很多可爱的演员，这是老师精心准备的，希望在同学们的努力下，每个小演员都有机会在喜爱的舞台上尽情表演。

(2) 遇到问题可以小声的问旁边的同学，也可以举手问老师，老师还给大家提供了一个简单的帮助动画。

(3) 大家可以先看看老师的样例，你观察到还有哪些效果？这些都可以在帧的属性面板里去设置。请大家试试看。

设计意图：从最简单的移动效果入手，为进一步学习动画补间动画打基础。将专用名词贯穿于“动画补间”动画的制作过程，细致地讲解，让学生加深理解，这对以后的学习大有好处。

(二) 认识动画补间动画的属性面板

我们请一个同学在动画中选择第一帧，在“属性”面板的“缓动”文本框中分别输入“-100”和“100”，重新测试，观察运动有什么变化。

(屏幕广播2、学生代表演示发言、教师补充)

1．“缓动”选项

(1) 在-1到-100的负值之间，动画运动的速度从慢到快，朝运动结束的方向加速补间。

(2) 在1到100的正值之间，动画运动的速度从快到慢，朝运动结束的方向减慢补间。

(3) 默认情况下，补间帧之间的变化速率是不变的。

2．“旋转”选项

选择“顺时针”或“逆时针”，在后面输入数字，可使元件在运动时顺时针或逆时针旋转相应的圈数。

解决典型问题：

“动画补间”动画建立后，时间帧面板的背景色为淡紫色，在起始帧和结束帧之间有一个长长的箭头。有时候，创建补间会失败，这时图层就变成虚线了。这是怎么回事呢，首先检查两个关键帧。按照老师的经验，先删除补间，再创建动画补间，也是一种检查的方法。

设计意图：学习常见动画效果的制作。

(三) 元件的实例

(屏幕广播3)我们曾经讲过：元件自动入库，即演员在后台，有一个好处，可以多次调用，我们来试试，在草地上种上朵朵小花。一花独放不是春，百花齐放春满园。下面老师来做些设置，让小花变变样。同学们注意观察，想想，对你做动画补间动画有没有启发。

选中场景中的朵朵花(实例：小花)

(1) 分别设置“颜色”选项：亮度、色调、透明度、高级。

(2) 利用工具面板上的任意变形工具调整小花的大小，设置不同的旋转点，示范旋转。

让我们做得更好：尝试给动画加上漂亮的背景层吧。

对于图层知识，我们以后还会专门学习到。简单一点的说，图层之间相互独立，一般一个元件的动画放一个层。背景层当然放在最底层喽。

设计意图：创意实践。让学生体会到“动画补间”动画的制作有较强的灵活性与创造性，同时又有一定的规律可循，学习动画制作不仅仅是学习，更是一种创造活动。

(四)作品展示、课堂小结

刚才我们欣赏了几个同学的作品，各具特色，巧妙地运用了动画补间动画的各种效果，来表达小动物们俏皮可爱、运动阳光的一面。我相信通过本节课的学习，每个同学都有一份收获感、一份喜悦感。现在静下心来看看课本11页，13页。我们把这几句话读一读，是不是今天的收获呢。

(1) “动画补间”动画是制作Flash动画最常用的一种动画类型。它是在两个关键帧上分别设置同一运动对象不同的属性，如位置、角度、大小等，从而创建这两个关键帧之间变化的动画效果。

(2) 利用元件既能使动画的对象丰富多彩，又能大大提高动画制作的效率。

设计意图：学生代表介绍自己作品的亮点。交流、分享。带着学生看课本，体会、小结。

六、教学反思

总的来说，这节课有成功的地方，也有失败的地方。

成功的是，本节课学生们基本上都能完成课堂任务，总体上也达到了预期的效果。

“温故而知新”环节，预设的是分析“冉冉升起的小太阳”源文件动画，讲解动画补间动画的对象，两个关键帧，补间的生成。再看样例，除了位置移动效果外，还有旋转效果，速度变化的效果。学生动手去做的过程中，多少多少出现了一些小问题。

大部分原因是，第一帧中出现好多的“小动物”和背景图等混乱的场面。如果单独把小动物移动的动画独立出来，等完成单个任务后，再去完成场景任务，这样出现的问题就少很多了。当然这不是解决问题的关键。学生“急于求成”的心理，想让小动物们一起“出来”在漂亮的绿色家园表演。由于多数学生基础不算好，所以很难一次性完成。

对元件理解的混乱：

这个环节没有处理好，影响了下面的操作。

教师通过电脑演示分析典型问题，多个小动物运动或者加上背景的话，就必须要用到FLASH中的图层了。学生通过书本例子，“旋转的风车”共有三层：背景、杆子、叶片。教师演示了添加图层的方法。布置学生添加背景任务。

本节课重点一应放在认识帧属性面板中的动画补间动画属性面板的“缓动”选项和“旋转”选项的运用，并非是图层。重点二是对元件实例的使用。对于元件的使用，我还是高估了整体学生的水平。大多数学生没有把元件运用到自己的小动画中，一，有些停留在修改元件状态。二、学生不知道什么时候去用。现在想想，我干脆直接给他们看几个效果，不好吗。这一点没有“亮”起来。如果我打开一个源动画，强调一下，我们改变的是关键帧上的元件实例，其它的中间的状态自动生成。学生不就明白了吗。哎，不能太估高学生的想象力，主要还是他们没有扎扎实实的理解动画补间动画的实质。也就是说，我的引入太快了，应该慢慢讲的。

我还发现自己比较喜欢“讲”，很多老师在教动画制作时更关注学生的“做”吧？先不管什么“关键帧”，不管什么“形状”补间，做一个出来看看。这是一种教学策略吧。学生能马上体会到成功感，变得更有兴趣了。可是，我上课时，喜欢细讲，用“专业术语”讲动画制作。这样好不好呢？我也比较不出来哪种方法效果好，因为大部分学生就是做得慢，等着我一个一个的去辅导。我比较累，也比较茫然。难道我是白讲了？还是学生根本就听不懂？其实我讲的所谓专业术语跟书上的步骤描述是一样的，我还加上了形象化的解释。如果让学生看书学习，那他们岂不更糟糕了？费解！我这样讲的目的，我来想想，应该是想让学生学会基本动画制作的思想，而不仅仅是模仿，我希望这样。希望知识能够迁移，学生能真正理解动画制作。还有一个目的，不管是自己的教材还是外面的专业教程，哪怕是有乐趣的视频教程，不都是左一个“关键帧”又一个“形状补间”这样来描述来让人学习的吗？我这样“细讲”，应该更好的架起了书本与学生之间理解学习的桥梁了吧？！

我比较得意于自己的“分析”“思想”等，不知道好不好。因为效果难以比较，长远发展、眼前的成功率似乎是有点矛盾的。我也说不清楚。

我在预设一节课时似乎有点“固执”，因为上节课已经初步接触到动画补间动画的制作，这节课我安排了几个环节：温故而知新，实际上就是动画补间动画的制作；探究学习动画补间帧属性的“旋转”“缓动”选项的作用；介绍元件的实例在舞台上的种种表现，比如，大小的改变、角度的改变、透明度的改变，启发学生用于动画补间动画的制作，做出更奇妙的效果出来。因为我在给学生的源文件中的库面板里提供了很多素材，其中有背景图，所以学生自然想到做背景，这里就涉及到图层问题。我在预设教学时有“一带而过”的想法。我把重点还是定在动画补间的“效果”上。

总之，我觉得本节课还是应该建立在打好基础的前提下，再实施教学这样效果会更好。