逐帧动画与渐变动画第二课时教学设计

Flash补间动画—形状补间动画

长沙市第十一中学

李宁

一、教材分析

本课教学内容属于高中选修《多媒体制作技术应用》里面的Flash动画制作——制作基本动画的第二个课时形状补间动画。“动画制作”对高一的学生来说还是有一定难度的，但学生的兴趣非常浓厚；本课主要学习形状补间动画的制作方法，具体将以3个任务围绕教学目标开展教学：基本任务——圆变矩形；次任务——文字变文字，基础实践三——文字变图片；提高任务——综合任务：制作FLASH动画卡片。三个任务的设计切合学生的学习思路，激发学生的学习兴趣，由浅入深，层层提高；在教学过程中不断加入新的知识点，用各种教学方式与手段将知识点传授给学生，最后突破难点，完成课堂教学目标。

二、教学对象分析

我校高中生源复杂，大部分学生接触过计算机，但是对多媒体制作方面还存在明显的不足，针对flash的认知方面，通过前几节课的学习对FLASH有了一定的了解，对该软件的窗口、面板、工具、图层等基础知识有一些初步认识，但是对FLASH软件还不能较全面的掌握和应用，还需要进一步巩固。

二、教学设计

一、知识与技能：

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

2、掌握将位图转换为矢量图的操作方法，了解位图在形状补间动画中为何要矢量化；

二、过程与方法：

通过教师自编的形状补间动画网页学案，自主探究、任务驱动，发现问题、解决问题，来掌握形状补间动画的制作方法。

通过利用所学知识制作FLASH动画卡片，提高学生综合应用能力

三、情感态度与价值观：培养学生的动手能力、想象力、创造力、审美能力及互助精神。

教学重难点

重点：形状补间动画的制作方法；

难点：掌握位图矢量化的方法。

教学方法及教学手段分析

一、教学方法：引导法、自主探究、任务驱动法、师生互动

1

二、教学手段

1、任务素材、多媒体教学网络、投影、课件

2、学生通过机房育晟客户端提交作业。

三、教学过程

情景导入

教师播放一段自制的Flash补间小动画给学生欣赏，由此引入形状补间动画。学生回忆所学过的内容，了解本课的任务。

在播放的这段flash动画中，骑着笤帚的小巫师在做动作补间动画，这时有的同学已经看到了：狗变成了蚂蚁，仙桃变成了悟空；那么这是怎么回事呢？这就是我们今天将要学习的新内容—“形状补间动画”，学会了形状补间动画，你就拥有了哈利波特的魔棒，想怎么变就怎么变！设计意图：激发学生的学习兴趣

讲授新课，师生互动

（一）Flash补间动画的分类

1、传统补间动画（位置、旋转、放大缩小、透明度变化）

2、补间形状（用于变形动画）

3、补间动画（可以完成传统补间动画的效果，外加3D补间动画）

设计意图：了解补间动画的分类

（二）讲解形状补间动画的概念：使一个对象逐渐变成另一个对象，实现两个对象间(颜色、位置、大小、形状)的平滑过渡。设计意图：让学生有概念认识

（三）分析形状补间动画的制作条件

1、一个形状补间动画中至少要有两个关键帧。

2、开始帧与结束帧的对象必须为点状的矢量图。

【思考】矢量图和位图有什么区别？

1、矢量图是根据几何特性来绘制图形，是用线段和曲线描述图像，矢量可以是一个点或一条线，矢量图只能靠软件生成，矢量图文件占用内在空间较小，因为这种类型的图像文件包含独立的分离图像，可以自由无限制的重新组合；位图图像也称为点阵图像，位图使用我们称为像素的一格一格的小点来描述图像。

2、最大的区别，矢量图形与分辨率无关，可以将它缩放到任意大小和以任意分辨率在输出设备上打印出来，都不会影响清晰度，而位图是由一个一个像素点产生，当放大图像时，像素点也放大了，但每个像素点表示的颜色是单一的，所以在位图放大后就会出现咱们平时所见到的马赛克状。

（四）如何将对象转换为点状矢量图形？

1、flash软件工具箱中绘制的图像都是矢量图形，不需要处理。

2、若变形对象是文字、元件，则需对他们进行分离。

2

3、思考：如果对象是位图，该怎么让它变成矢量图呢？

（五）根据教师提供的学习网页根据知识点拨自主探究完成三个基础实践，学有能力的同学完成综合实践练习。

1、完成基础实践一：实现图形—图形间的形状补间动画，并以“自己的姓名1”.fla上交作业(形状可以自选)。

设计意图：让学生掌握基本的形状补间动画制作方法。

2、完成基础实践二：

实现文字“中国”与文字“加油”间的形状补间动画，并导出影片并以“自己的姓名”.swf上交作业。

（排难解疑）：要对文字或者元件进行分离处理。

(导出影片提示)：“文件”菜单——导出——导出影片

设计意图：让学生掌握基本的文字或者元件之间的形状补间动画制作方法。

3、文字与图片间形状补间动画：将文字“圣诞快乐”变成

“圣诞树”图片

(导入图片提示)：

1、打开“文件”菜单—“导入”—“导入到库”，选择文件并打开；

2、打开：“窗口”菜单—“库”面板，将需要的对象拖到舞台。

师：

请一位学生演示自己的作品：对该作品进行点评。

排难解疑：

问题1、文字、图片间的形状补间动画无法实现？

(解难)：图片从库中拖出来后必须执行将位图矢量化。(方法：“修改-位图-转换位图为矢量图”。注意为了使形状补间动画更加逼真，请将不需要的点状删除)。

问题2：位图为何要矢量化？

(解难): 有的同学非常爱动脑筋，导入位图与flash绘制的图片不一样吗？干嘛要矢量化，这是因为位图用二维象素矩阵描述，而矢量图用指令集合描述；他们的存储结构不同，因此必须矢量化，这样才能进行形状补间动画。

（六）总结形状补间动画制作要领：

形状补间动画好，动画设计“离”不了，

首尾两个“关键帧”，设置补间为“形状”，

文字工具需“打散”，导入图片需“转化”，

手动绘图不用管，补间形状最关键。

3

设计意图：归纳后，避免学生在这些问题上再次出错，而且能有一个系统的了解。

四、教学反思

1、本节课以探究式教学模式进行，在教师引导下，由浅入深，让学生根据学案自主学习，发现问题，解决问题；整节课材料准备非常充分，师生互动效果好，且每个练习设有排难解疑，适合高中生学习思路，最后设置衔接延续，能很好地贴近学生学习思路。大部分的学生都能很好的掌握形状补间动画的制作方法，锻炼了学生的动手能力，让他们在自我探索中体会到成功的快乐。

2、三个动画创作完成之后，如何有效的引导学生完成综合实践的练***限度地挖掘学生的创新思维，还有待继续探究。

4