关键帧动画
教学对象: 初三学生
教学目标:通过一节课的讲解,能够让同学制作出简单的Flash动画:跳动的小球。 教学重点:帧、关键帧的理解、如何确定关键帧 . 教学难点:如何分析并确定关键帧的位置。
教学过程:
任务的提出: 首先让同学欣赏两个动画一个是食人花动画,一个是小球上下弹跳的动画,然后提出问题:今天我们学做一个小球弹跳的动画。(讲)该动画可用许多软件来制作,比如3DMAX,GIF,Flash等等。其中Flash软件制作的动画文件小、品质高,适合于在网上播放,所以Flash软件成为网上流行的动画制作软件,今天我们就用Flash软件来制作该动画。
任务的实施
?第一步
小球的制作:(以下每一步都让学生练习)
1、打开Flash软件 2、在工具栏中,选取“椭圆”工具,线条颜色选黑色,填充颜色选渐变色,然后在屏幕上画一个圆形(师:像不像圆球?生:像) 3、然后用鼠标选取“箭头”工具,将刚画好的圆形全部选中,在菜单栏中选“插入”——“转换成组件”选“图形”——“确定”,这样,我们的小球就制作完了。
个性化交流(有同学提问)
生:老师:为什么不直接画一个圆形作为小球,非得"转换成组件"? 师:直接画的图形是由许多散件组成,而不是一个整体,这样操作起来会带来意想不到的麻烦(演示),当然,将图形转换成组件后,还有许多好处。比如资源共享等等,今后我们会不断地去接触了解。
生:老师,填充色能不能修改? 师:当然能,其方法是在工具栏上,选取"填充"工具,然后选定"填充颜色",这样就可以修改。
生:老师,我按您的要求操作,怎么不能修改颜色?
师:哦!对了,你现在是在场景中,对组件的修改要进入组件编辑窗口中才能修改,其方法是双击小球,然后就可以进行修改.不过请记住,修改完后,别忘了回到场景中。请你再试试!(演示) 生:好!我试试!……哎,还真成了!(用一种好奇的口气回答)
个性化实施: 在回答问题的同时,其它同学也可以将小球模型全部做出来
第二步
动画的制作
一、动画的形成的原理: (字幕、讲)动画是根据人眼视觉的延迟性,在不同的时间有不同的位置,连贯起来,就会形成我们所看到的动画.而Flash软件它只需要将动画的开始和结束位置确定后,中间的部分则由软件自动来完成,所以制作起来非常方便。
?二、老师操作演示,学生跟着完成 1、在第一帧,我们小球移动到一个位置。
生:帧是什么? 师:(字幕)帧源自于电影,每帧包含不同的图像信息,就像电影胶片中的一幅一幅的图像.比如电影是一秒钟播放25帧,表示一秒钟播放了25帧画面。那么如果一共有100帧画面,就会播放(100/25)4秒钟。 生:有同学感慨到:哦!原来是这样。
2、在第10帧位置插入"关键帧"。
生:老师,刚才讲了帧,现在又讲到关键帧,它们有什么不同? 师:(字幕)关键帧也是帧的一种,它是动画中物体(这里指小球)方向或者形状发生改变时的那一帧。 师:现在我们就来分析小球弹跳的关键帧在什么位置。
假如小球从最高点下落,然后回到起始位置一共需要24帧,那么根据物理运动的相关特点,人为地规定把第10帧确定为刚到地面,12帧变形完毕,14帧变形还原,24帧回到起始位置。
(回到老师演示窗口)
通过分析,我们将第10帧的画面用键盘光标键向下移动到另一位置(演示后请同学操作)
生:老师,这样移动起来太慢,有没有快一点的方法?
个性化合作(另一同学抢着说):这还不简单,用老师讲过的鼠标拖放操作,很快就可以移动到新的位置。
师:当然可以.不过,在这里我们是讲小球竖直下落运动(物理上称之为自由落体运动),用鼠标移动很难使新的位置与第一帧起始位置对齐成竖直的直线。在这里我给大家介绍一种快捷方法:按住Shift键+光标移动键,就可以实现快速移动,这样就可以保证下落是竖直的直线运动。
3、在12帧处我们再插入一个关键帧,将小球进行变形.其方法是用鼠标选取工具栏上的"比例"工具,这时小球就出现8个控点,在控点上调整小球,使其压扁并拉长。
4、在14帧处,小球还原。注意,此时的小球状态大家考虑与哪一帧相同?
学生齐答:10帧
师:对了.既然与第10帧相同,我们就将第10帧位置的内容复制到这一帧.其方法是将鼠标指针移到第10帧位置(有黑色圆点处),点击鼠标右键选"复制帧",然后在第14帧位置点鼠标右键选"粘贴帧",这样第14帧的位置就确定了.
5、在24帧,小球又弹到原来位置,如果忽略空气阻力,该位置应该与第一帧位置内容相同.因此我们用同样的方法将第1帧的内容复制到第24帧处
(然后学生按要求操作)
6、把刚才制作的动画来测试一下.其方法是在菜单中选"控制"--"测试影片"
师:为什么不是连贯的动画?
这是软件还没有将关键帧以外的帧自动连接成连贯动作,其方法是回到场景编辑中,分别在第1、10 、12 、14帧处点鼠标右键选"创建动画动作",在帧与帧中间就多了一条箭头线,表示软件已经为你创建了连续动作.让我们再来看看!
个性化实施反馈; 选几个同学将他们制作的动画进行演示示范
第三步
动画的保存与输出
1、师:我们辛辛苦苦作了一个动画,大家说要怎样? 生齐答:保存! 师:对了,下面介绍怎样进行保存。选菜单的"文件"-"保存",弹出一个窗口,请选择保存位置和输入保存文件名后按"确定"
2、动画输出
选菜单"文件"-"?导出影片",弹出一个窗口,请选择输出位置和输出文件名后按"确定"。这样我们的动画就可以单独的在windows中运行了(演示)。
小结:
1.在Flash动画制作中,请正确理解帧、关键帧。
2.动画制作中,学会分析关键帧在什么位置会出现。这是动画制作的关键所在。
3.动画文件的保存与输出。
说明:本教案是根据《信息技术》课教学中任务驱动模式(任务的提出、任务的实施、个性化的交流、个性化的合作与个性化的反馈五个模式)来设计和讲解。
教学效果:本节课全过程学生与老师相处十分融洽,很好地完成了任务驱动模式的五个步骤。到下课前5分钟时,有95%的同学已经掌握本节的内容并完成个人作品。还有5%的同学也在下课时全部完成。说明本节课的设计和实施是成功的。下课后同学也感到本节课有极大的收获。