2022年《Flash形变动画》教学案例 .pdf

《2022年《Flash形变动画》教学案例 .pdf》由会员分享，可在线阅读，更多相关《2022年《Flash形变动画》教学案例 .pdf（6页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、学习好资料欢迎下载Flash 形变动画教学设计甘肃省定西市安定区中华路中学朱丽蓉【学习目标】 ：（一）知识与技能：1、理解动画的原理；2、掌握制作简单形变动画的方法；3、掌握形变技巧并应用到实践中去。（二）过程与方法：1、采取教师讲解与学生创作相结合的办法进行学习；2、让学生在实践操作过程中掌握制作单个Flash形变动画的基本方法，引导学生拓展到多个形变动画的制作。（三）情感态度与价值观：1、让学生体验到成功的快乐，进一步激发学生学习动画的兴趣；2、让学生养成仔细观察事物的习惯，培养学生的创新精神、表达能力、审美能力、探究性学习的能力和综合应用知识的能力。【教学重点】：1、理解形变动画制作的原

2、理；2、掌握制作形变动画的方法；【教学难点】：图形和元件的识别，二者的相互转化。【教学准备 】自制 Flash动画；【教学过程 】一、复习导入（一）完成练习：1.逐帧动画原理：在时间轴上，每个变化的画面都是（空白帧、关键帧、普通帧） 。2.下图中有个图层？精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 1 页，共 6 页 - - - - - - - - - - 学习好资料欢迎下载（二）导入（教师播放动画，激发学生学习兴趣）下面我们来看这样一个动画（播放用逐帧动画做的“圆形变成方形”的过程），从这个动画我们

3、很明显看出，要实现形状的变化过程用逐帧动画是可以完成的，而且最大限度地控制动画的变化细节，但是每一步的变化过程做起来非常麻烦，太耗费时间和精力，而且最终生成的动画文件偏大，那么我们怎样让这个动画过程更容易的实现呢？今天我们就来学习Flash形变动画。二、新课讲述（一）形变动画的定义： 所谓形状，就是在 Flash中直接使用绘图工具绘制出来的矢量图形，或者是将其他对象分离出来的矢量图形。形状补间动画是Flash动画的一个主要组成部分， 反映了在一段时间内将一个形状对象变形为另一个形状对象的过程。 是图形的一种形状动态的变化成另一种形状。Flash可以对图形的形状、大小、位置和颜色等进行形状改变。

4、（二）制作形变动画知道了形变动画的定义，我们来体验形变动画制作过程。这是一个形变动画典型事例“圆形变成方形”。我来演示一下这个动画的制作过程。教师演示：第一步：创建 Flash 文档 （执行【文件】 | 【新建】命令）；第二步：制作起始帧（在舞台画圆）；第三步：制作结束帧（在时间轴的第40 帧处插入空白关键帧，在舞台画一不同色方形）；第四步：单击两个关键帧之间任意一帧，打开舞台下方“属性”面板，设置“补间”为“形状”。第五步：测试存盘执行【控制】|【测试影片】 命令，观察本例 swf 文件生成的动画有无问题，如果满意，执行【文件】 |【保存】命令，将文件保存成“形变动画.fla ”文件存盘，如

5、果要导出 Flash 的播放文件，执行【导出】 | 【导出影片】命令保存成“形变 .swf ”文件。现在请同学们模仿老师的演示过程来完成练习1：圆矩形（三）制作图形“”变成文字“圆” （探究）刚才大家看了老师的制作过程，那么思考这样一个问题，如何让一个图形“”变成文字“圆”，用刚才老师讲解的方法行不行呢？请同学们先自己独立完成，并说你的想法与遇到的困难。（要求文字用文本工具写出来）精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 2 页，共 6 页 - - - - - - - - - - 学习好资料欢迎下载

6、1、以小组为单位（每排五位同学为一组），通过自主、协作的学习方式，进行讨论制作。在创作过程中，注意组间成员的交流、合作、探究，必要时可以走动，讨论，比一比哪一组的同学的作品效果最好。2、用刚才的方法能行吗？为什么会出现这种现象呢？学生讨论原因：会出现错误现象。如下图：教师明确：1、只有图形才能制作形变动画，对不是图形的内容在制作形变动画之前都要执行“分离”操作。（即选择“修改”菜单中的“分离”）2、单个文字或元件，分离一次；多个文字或元件分离两次。【知识链接】：分离和组合区别：正常无区别，但选中时“分离”呈点状，“组合”有外框；移动时“分离状态”只移动选中部分，而“组合状态”移动全部。具体步骤

7、：1、在第 1 帧绘制图形“”，在第 N 帧绘制文字“圆”。2、在绘制完文字“圆”后，执行“修改”“分离”。3、在时间轴上的两个关键帧之间单击鼠标选中该图层，然后在属性下选择“补间”“形状” 。4、测试， Ctrl+Enter 学生将自己的作品演示给大家。（学生积极参与展示自己的作品，教师及时给予点评。）（四）拓展练习：制作“水滴”形变动画。通过上面两个例子，对图形的形状、位置和颜色等进行了形变，现在我们来制作“水滴”形变动画。大家先来仔细观察老师做好的实例。（播放动画）下面请同学们分步来分析一下这个动画过程:1 、 “水滴”在凝结的过程中发生了什么变化？（大小发生变化）2、当“水滴”够大，然

8、后从树叶下落的过程是位置的改变，我们同样也用形变动画来完成；3、 “水滴”落入池塘中，会出现水波，这时水滴会消失，水滴的消失过程我们怎样来实现呢？（用调节颜色的不透明度使其变淡来实现）4、荡起涟漪出现水波后，水波会由小变大，再渐渐消失。通过分析，我们知道了整个形变的过程，下面请同学们自己来完成这个动画。（学生练习，教师巡视并引导和答疑，个别辅导。鼓励组内交流、互评。精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 3 页，共 6 页 - - - - - - - - - - 学习好资料欢迎下载完成后展示学生作

9、品，并作出点评。 ）三、总结师生共同回顾本节课知识点。（教师展示： 形状补间动画口诀）形状补间动画口诀形状补间动画好，动画设计离不了，首尾两个关键帧，设置补间为形状，文字工具需打散，图片元件需转化，手动绘图不用管，补间形状最关键。四、作业1、根据本课所学制作一形变动画作品，要求主题明确，内容充实；2、预习下一节内容运动动画。精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 4 页，共 6 页 - - - - - - - - - - 学习好资料欢迎下载Flash形变动画教学设计甘肃省定西市安定区中华路中学朱丽蓉精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 5 页，共 6 页 - - - - - - - - - - 文档编码：KDHSIBDSUFVBSUDHSIDHSIBF-SDSD587FCDCVDCJUH 欢迎下载 精美文档欢迎下载 精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 6 页，共 6 页 - - - - - - - - - -