《Flash形变动画》教学案例.docVIP

《Flash形变动画》教学设计 甘肃省定西市安定区中华路中学 朱丽蓉 【学习目标】： （一）知识与技能： 1、理解动画的原理； 2、掌握制作简单形变动画的方法； 3、掌握形变技巧并应用到实践中去。 （二）过程与方法： 1、采取教师讲解与学生创作相结合的办法进行学习； 2、让学生在实践操作过程中掌握制作单个lash形变动画的基本方法引导学生拓展到多个形变动画的制作。 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、预习下一节内容——运动动画。 《Flash形变动画》教学设计 甘肃省定西市安定区中华路中学 朱 丽 蓉