Flash关键帧动画制作设计及教案设计

1、Flash关键帧动画制作设计及教案设计 教学目标：通过一节课的讲解，能够让同学制作出简单的Flash动画：跳动的小球。 教学重点：帧、关键帧的理解、如何确定关键帧 。 教学难点：如何分析并确定关键帧的位置。 教学过程及设想：本节课不同于其它课程，操作性极强。因此一节课讲述内容不能超过20分钟。最好讲述的同时让同学操作。所以我在设计此节录像课时，遵循信息技术课的特点。很好地实现了信息驱动的五个模块。 首先任务的提出，让同学欣赏两个动画一个是食人花动画，一个是小球上下弹跳的动画； 然后提出任务：今天我们学做一个小球弹跳的动画。 在任务的实施过程中，边用多媒体教室讲述，边让同学练习。总共有两大内容。

2、即小球的制作和动画的制作。在小球的制作和动画的制作过程中，有几个问题同学自己提出，老师给同学解答。很好地实现了个性化的交流和实施。过程详细内容见教案。 在个性化的成果反馈中，选中了两个有典型代表的作品放给个学生观看，老师同时给这些作品同学临时加上评语并总结。告知同学用电脑来做动画可以是我们生活中想象得到的，也可以是我们生活中不可想象到的一些内容。最后提出如何对这个动画进行修饰（因为这涉及到层的操作和概念），将是下一节课要讲的内容，这样就开始对本节课内容进行总结。剩下的时间就让学生自己操作，完成今天这节课所讲的内容。 教学效果：本节课全过程学生与老师相处十分融洽，很好地完成了任务驱动模式的五个步

3、骤。到下课前5分钟时，有95%的同学已经掌握本节的内容并完成个人作品。还有5%的同学也在下课时全部完成。说明本节课的设计和实施是成功的。下课后同学也感到本节课有极大的收获，没有走过场和过虚，是一堂成功的课。有相关老师听了此节课认为，讲的内容对学生初次接触十分困难，不好讲。但通过此次设计和讲述后，让更多的学生，甚至能让不懂计算机的人们也能操作和掌握。是一堂成功课。教 案 任务的提出 首先让同学欣赏两个动画一个是食人花动画，一个是小球上下弹跳的动画，然后提出问题：今天我们学做一个小球弹跳的动画。（讲）该动画可用许多软件来制作，比如3DMAX，GIF，Flash等等。其中Flash软件制作的动画文件

4、小、品质高，适合于在网上播放，所以Flash软件成为网上流行的动画制作软件，今天我们就用Flash软件来制作该动画。 任务的实施 第一步 小球的制作：（以下每一步都让学生练习） 1、打开Flash软件 2、在工具栏中，选取“椭圆”工具，线条颜色选黑色，填充颜色选渐变色，然后在屏幕上画一个圆形（师：像不像圆球？生：像） 3、然后用鼠标选取“箭头”工具，将刚画好的圆形全部选中，在菜单栏中选“插入”“转换成组件”选“图形”“确定”，这样，我们的小球就制作完了。 个性化交流（有同学提问） 生：老师：为什么不直接画一个圆形作为小球,非得转换成组件？ 师：直接画的图形是由许多散件组成,而不是一个整体,这样

5、操作起来会带来意想不到的麻烦(演示)，当然，将图形转换成组件后，还有许多好处。比如资源共享等等，今后我们会不断地去接触了解。 生：老师,填充色能不能修改? 师：当然能,其方法是在工具栏上,选取填充工具,然后选定填充颜色,这样就可以修改。 生：老师,我按您的要求操作,怎么不能修改颜色? 师：哦!对了,你现在是在场景中,对组件的修改要进入组件编辑窗口中才能修改,其方法是双击小球,然后就可以进行修改.不过请记住,修改完后,别忘了回到场景中。请你再试试!（演示） 生：好!我试试!哎,还真成了!(用一种好奇的口气回答) 个性化实施 在回答问题的同时,其它同学也可以将小球模型全部做出来 第二步 动画的制作

6、 一、动画的形成的原理: （字幕、讲）动画是根据人眼视觉的延迟性,在不同的时间有不同的位置,连贯起来,就会形成我们所看到的动画.而Flash软件它只需要将动画的开始和结束位置确定后,中间的部分则由软件自动来完成，所以制作起来非常方便。 二、老师操作演示，学生跟着完成 1、在第一帧,我们小球移动到一个位置。 生：帧是什么? 师：（字幕）帧源自于电影,每帧包含不同的图像信息,就像电影胶片中的一幅一幅的图像.比如电影是一秒钟播放25帧，表示一秒钟播放了25帧画面。那么如果一共有100帧画面，就会播放（100/25）4秒钟。 生：有同学感慨到：哦!原来是这样。 2、在第10帧位置插入关键帧。 生：老师

7、,刚才讲了帧,现在又讲到关键帧,它们有什么不同? 师：（字幕）关键帧也是帧的一种,它是动画中物体(这里指小球)方向或者形状发生改变时的那一帧。 师：现在我们就来分析小球弹跳的关键帧在什么位置。 假如小球从最高点下落，然后回到起始位置一共需要24帧，那么根据物理运动的相关特点，人为地规定把第10帧确定为刚到地面，12帧变形完毕，14帧变形还原，24帧回到起始位置。 （回到老师演示窗口） 通过分析,我们将第10帧的画面用键盘光标键向下移动到另一位置（演示后请同学操作） 生：老师,这样移动起来太慢,有没有快一点的方法? 个性化合作（另一同学抢着说）:这还不简单,用老师讲过的鼠标拖放操作,很快就可以移

8、动到新的位置。 师：当然可以.不过,在这里我们是讲小球竖直下落运动（物理上称之为自由落体运动）,用鼠标移动很难使新的位置与第一帧起始位置对齐成竖直的直线。在这里我给大家介绍一种快捷方法：按住Shift键+光标移动键,就可以实现快速移动,这样就可以保证下落是竖直的直线运动。 3、在12帧处我们再插入一个关键帧,将小球进行变形.其方法是用鼠标选取工具栏上的比例工具,这时小球就出现8个控点,在控点上调整小球,使其压扁并拉长。 4、在14帧处,小球还原。注意,此时的小球状态大家考虑与哪一帧相同? 学生齐答:10帧 师：对了.既然与第10帧相同,我们就将第10帧位置的内容复制到这一帧.其方法是将鼠标指针

9、移到第10帧位置(有黑色圆点处),点击鼠标右键选复制帧,然后在第14帧位置点鼠标右键选粘贴帧,这样第14帧的位置就确定了. 5、在24帧,小球又弹到原来位置,如果忽略空气阻力,该位置应该与第一帧位置内容相同.因此我们用同样的方法将第1帧的内容复制到第24帧处 (然后学生按要求操作) 6、把刚才制作的动画来测试一下.其方法是在菜单中选控制-测试影片 （学生笑） 师：为什么不是连贯的动画? 这是软件还没有将关键帧以外的帧自动连接成连贯动作,其方法是回到场景编辑中,分别在第1、10 、12 、14帧处点鼠标右键选创建动画动作,在帧与帧中间就多了一条箭头线,表示软件已经为你创建了连续动作.让我们再来看看! 个性化实施反馈 选几个同学将他们制作的动画进行演示示范 *第三步 动画的保存与输出 1、师：我们辛辛苦苦作了一个动画,大家说要怎样? 生齐答：保存! 师：对了,下面介绍怎样进行保存。选菜单的文件-保存,弹出一个窗口,请选择保存位置和输入保存文件名后按确定 2、动画输出 选菜单文件- 导出影片,弹出一个窗口,请选择输出位置和输出文件名后按确定。 这样我们的动画就可以单独的在windows中运行了（演示）。