《Flash形变动画》教学案例

《Flash形变动画》教学设计

甘肃省定西市安定区中华路中学 朱丽蓉

【学习目标】： （一）知识与技能：

1、理解动画的原理；

2、掌握制作简单形变动画的方法； 3、掌握形变技巧并应用到实践中去。 （二）过程与方法：

1、采取教师讲解与学生创作相结合的办法进行学习；

2、让学生在实践操作过程中掌握制作单个Flash形变动画的基本方法，引导学生拓展到多个形变动画的制作。 （三）情感态度与价值观：

1、让学生体验到成功的快乐，进一步激发学生学习动画的兴趣； 2、让学生养成仔细观察事物的习惯，培养学生的创新精神、表达能力、审美能力、探究性学习的能力和综合应用知识的能力。 【教学重点】：

1、理解形变动画制作的原理； 2、掌握制作形变动画的方法； 【教学难点】：

图形和元件的识别，二者的相互转化。 【教学准备】自制Flash动画； 【教学过程】 一、复习导入

（一）完成练习：

1.逐帧动画原理：在时间轴上，每个变化的画面都是 （空白帧、关键帧、普通帧）。

2.下图中有 个图层？

（二）导入（教师播放动画，激发学生学习兴趣）

下面我们来看这样一个动画（播放用逐帧动画做的“圆形变成方形”的过程），从这个动画我们很明显看出，要实现形状的变化过程用逐帧动画是可以完成的，而且最大限度地控制动画的变化细节，但是每一步的变化过程做起来非常麻烦，太耗费时间和精力，而且最终生成的动画文件偏大，那么我们怎样让这个动画过程更容易的实现呢？今天我们就来学习Flash形变动画。 二、新课讲述

（一）形变动画的定义：所谓形状，就是在Flash中直接使用绘图工具绘制出来的矢量图形，或者是将其他对象分离出来的矢量图形。形状补间动画是Flash动画的一个主要组成部分，反映了在一段时间内将一个形状对象变形为另一个形状对象的过程。是图形的一种形状动态的变化成另一种形状。Flash可以对图形的形状、大小、位置和颜色等进行形状改变。

（二）制作形变动画

知道了形变动画的定义，我们来体验形变动画制作过程。这是一个形变动画典型事例——“圆形变成方形”。我来演示一下这个动画的制作过程。 教师演示：

第一步：创建Flash文档 （执行【文件】|【新建】命令）； 第二步：制作起始帧（在舞台画圆）；

第三步：制作结束帧（在时间轴的第40帧处插入空白关键帧，在舞台画一不同色方形）；

第四步：单击两个关键帧之间任意一帧，打开舞台下方“属性”面板，设置“补间”为“形状”。 第五步：测试存盘

执行【控制】|【测试影片】命令，观察本例swf文件生成的动画有无问题，如果满意，执行【文件】|【保存】命令，将文件保存成“形变动画.fla”文件存盘，如果要导出Flash的播放文件，执行【导出】|【导出影片】命令保存成“形变.swf”文件。

现在请同学们模仿老师的演示过程来完成练习1：圆 矩形 （三）制作图形“ ”变成文字“圆”（探究）

刚才大家看了老师的制作过程，那么思考这样一个问题，如何让一个图形

“ ”变成文字“圆”，用刚才老师讲解的方法行不行呢？请同学们先自己独立完成，并说你的想法与遇到的困难。（要求文字用文本工具写出来）

1、以小组为单位（每排五位同学为一组），通过自主、协作的学习方式，进行讨论制作。在创作过程中，注意组间成员的交流、合作、探究，必要时可以走动，讨论，比一比哪一组的同学的作品效果最好。

2、用刚才的方法能行吗？为什么会出现这种现象呢？

学生讨论原因：会出现错误现象。如下图：

教师明确：

1、只有图形才能制作形变动画，对不是图形的内容在制作形变动画之前都要执行“分离”操作。（即选择“修改”菜单中的“分离”） 2、单个文字或元件，分离一次；多个文字或元件分离两次。 【知识链接】：分离和组合区别：正常无区别，但选中时“分离”呈点状，“组合”有外框；移动时“分离状态”只移动选中部分，而“组合状态”移动全部。

具体步骤：

1、在第1帧绘制图形“ ”，在第N帧绘制文字“圆”。 2、在绘制完文字“圆”后，执行“修改”——“分离”。

3、在时间轴上的两个关键帧之间单击鼠标选中该图层，然后在属性下选择“补间”——“形状”。

4、测试，Ctrl+Enter

学生将自己的作品演示给大家。

（学生积极参与展示自己的作品，教师及时给予点评。） （四）拓展练习：制作“水滴” 形变动画。

通过上面两个例子，对图形的形状、位置和颜色等进行了形变，现在我们来制作“水滴” 形变动画。大家先来仔细观察老师做好的实例。（播放动画）

下面请同学们分步来分析一下这个动画过程:1、“水滴”在凝结的过程中发生了什么变化？（大小发生变化）2、当“水滴”够大，然后从树叶下落的过程是位置的改变，我们同样也用形变动画来完成；3、“水滴”落入池塘中，会出现水波，这时水滴会消失，水滴的消失过程我们怎样来实现呢？（用调节颜色的不透明度使其变淡来实现）4、荡起涟漪出现水波后，水波会由小变大，再渐渐消失。

通过分析，我们知道了整个形变的过程，下面请同学们自己来完成这个动画。

（学生练习，教师巡视并引导和答疑，个别辅导。鼓励组内交流、互评。

完成后展示学生作品，并作出点评。） 三、总结

师生共同回顾本节课知识点。

（教师展示：形状补间动画口诀）

形状补间动画口诀

形状补间动画好，动画设计离不了， 首尾两个关键帧，设置补间为形状， 文字工具需打散，图片元件需转化， 手动绘图不用管，补间形状最关键。

四、作业

1、根据本课所学制作一形变动画作品，要求主题明确，内容充实；2、预习下一节内容——运动动画。

《Flash形变动画》教学设计

甘肃省定西市安定区中华路中学

朱 丽 蓉

本文来源：https://www.bwwdw.com/article/dcet.html