形状渐变动画教学案例

形状渐变动画教学案例

一、教学目标：

1、认知目标：熟练掌握绘图工具和关键帧的使用；分析实例理解形状渐变动画的原理，熟练掌握创建形状渐变动画的制作方法。

2、能力目标：在创作过程中培养学生的创新能力和动手操作的实践能力，培养学生触类旁通、举一反三的自学能力，自主设计形状渐变动画的例子。

3、情感目标：引导学生发挥想象，激发学生的创作欲望；培养学生敢于探索新事物，不断进取精神；促进学生相互学习合作交流。

二、教学重点：形状渐变动画的制作方法。

教学难点：形状渐变动画的制作方法。

三、教学对象分析：

通过前几节课的学习，学生已经掌握了利用工具绘画简单图形的技巧；初步掌握了制作动作渐变动画的制作方法。这一节课继续练习运用绘图工具绘制简单图形，以便学生将想象中的事物用简单线条绘画出来。形状渐变动画是入门的基本课程之一，要选好例子让学生模仿跟进，本课程中的例子“热带鱼”变“乌龟”，既贴近生活，又能启发学生的创作灵感，学生会感兴趣去做练习。

四、教学准备：Flashmx2004版，多媒体教学平台，演示动画，教学视频。

五、教学过程：

（一）导课（2分钟）

在很多电影的特技里，经常看到这样形状的变形：一只小鸟变成一只蝴蝶，一条鱼变成一个乌龟等等，具体这个“变”是怎样做出来的呢，FLASH就有相类似的本事，我们来看一下。（展示动画：“小鸟”变“蝴蝶”）这个特技好不好看？学生：好看，你们想学吗？学生：想学，怎样做出来的？便是我们这节课要学习的内容----《形状渐变动画》（出示课题）通过本节课学习，我们可以认识简单的形状变形是怎样做出来的，以后我们还可以自己制作一个特技。

（二）新课（总计26分钟）

先展示教学目标及教学重点、难点，然后讲授新课。

1、形状渐变动画的原理：（2分钟）某一个关键帧中的图形形状逐步过渡到另外一个关键帧中的图形形状。所谓渐变就是有一个逐渐变化的过程。（演示动画“热带鱼”变“乌龟”）加深理解。

大家再看这个动画是不是形状渐变动画（演示动画“老鼠”变“小鸟”）问：这属于形状渐变动画吗？学生：不是，因为动画里没有逐渐变化的过程。如何创建这个动画呢？我们以“热带鱼”变“乌龟”为例，学习这个动画制作方法。

2、创建图形形状渐变动画-----“热带鱼”变“乌龟”（10分钟）

操作方法和步骤如下：

(1) 选择【开始】→【程序】命令，启动Flash mx2004。

(2)在第一个关键帧处，选择线条工具，绘制一条“热带鱼”的大体形状。并将填充色设置为彩色；选择椭圆工具在鱼的头部绘制一个正圆，填充黑色,完成热带鱼的绘制。

(3) 在时间轴窗口的第40帧处单击鼠标右键，从弹出的快捷菜单中选择插入【关

键帧】命令。（任何动画都离不开关键帧）

(4) 选中第40帧，利用箭头选取工具选择全部图形，按【Del】键删除图形。接着在第40帧处，利用同样的方法用椭圆工具和画笔工具在舞台中绘制乌龟的身子头部、眼睛、四肢和尾巴，

(5)选择第1帧到第40帧的任意一个帧，右击鼠标打开【帧】面板，在【没有】下拉列表中选择【图形】。

(6)经过上述步骤的操作后，形状渐变动画绘制完成。选择【控制】→【测试影片】命令或按Ctrl+Enter组合键，观看测试效果，即可观察到该动画将从一条热带鱼逐渐变化成一只乌龟的过程，最后要保存文件。

指导学生做练习，教师巡堂，反馈，个别辅导

总结学生作品，演示好的创作，发现问题及时纠正。

可能出现的问题一：某学生在画热带鱼，填充鱼身颜色的时候，用颜色填充工具怎么都填充不了。

原因分析、指导：使用放大镜工具调整视图大小，发现线条之间不是无缝结合，造成填充不了。解决方法：填充工具可以有多种填充

可能出现的问题二：某学生的变形动画变形不了，创建动画失败。

原因分析、指导：与上节课的内容混淆，不清楚形状渐变动画和移动渐变动画的区别。解决方法：形状渐变动画与移动渐变动画的两者区别：

①、Flash的渐变动画由处于两端的关键帧和位于中间的一系列过渡帧组成。我们只要设计两个关键帧中的内容，过渡帧由计算机自动计算得出。

②、Flash的自生成动画分两种：形状渐变动画和移动渐变动画。其中形状渐变动画产生两个关键帧间物体的变形动画；移动渐变动画产生两个不同位置间的移动动画。

③、从时间轴背景色观察：形状渐变动画时间轴背景色是绿色的，移动渐变动画时间轴背景色是蓝色的。

前面我们利用绘图工具绘制简单图形并做成动画，那么文字能否做成动画？

3、创作文本形状渐变动画----“2008年奥运会”转变成“北京欢迎您”（6分钟）

演示动画“2008年奥运会”逐渐变成“北京欢迎您”。先让学生自己动手操作文字与文字之间的形状渐变动画。发现做出来的不是渐变动画，教师要说明

提示：形状渐变动画只能对图形对象应用，对文字和图片必须要经过打散处理使之转变为离散图形后才能制作形状渐变动画。

如何创建这个动画呢？操作具体步骤如下：

（1）、在第1帧处输入文字“2008年奥运会”，选中文字，选择【修改】→【分解组件】,（或按Ctrl+B）。强调分解组件的作用就是将文字打散，使之转变为离散图形。

（2）、在第20帧处插入空白关键帧，输入：“北京欢迎您”用相同的方法将其打散。

（3）、单击选择第1帧到第40帧的任意一帧，鼠标右击打开【帧】面板，在【没有】下拉列表中选择【图形】。

（4）、单击【控制】→【测试影片】命令，观看测试效果，并保存文件。

通过以上学习，大家已经掌握了图形和文字形状渐变动画的制作方法，我们电脑里有很多图片，能不能把它做成变幻的图片？大家试一试

4、创建图片形状渐变动画----变换的图片（6分钟）

图片可以从【文件】→【导入】，也可以打开【库】面板，拖曳符号到舞台上，让学生自己操作，教师巡堂，反馈，个别辅导。总结学生作品，演示好的创作，发现问题及时纠正。

（注意：将老鼠实体打散时，操作四次才能完成。【文件】→【导入】的图片只须一次就可将实体打散）

（三）小结（1分钟）

本节课讲述了形状渐变动画的原理，要求同学们能熟练掌握创建形状渐变动画的方法。并能熟练利用绘图工具绘制出美观的动画。（师生互动完成小结）（四）巩固（11分钟）

布置两个任务：运用本节课所学知识任意选题创作形状渐变效果的动画。

1、图形与图形之间的动画。

2、文字与文字之间的动画。

制作要求：

选题恰当难易适度。

色彩搭配合理。

动画效果美观。

学生作品完成后，教师组织学生互评，自评，相互学习观摩并总结