制作简单的Flash动画教学设计.doc

制作简单的 Flash 动画教学设计一、教学内容分析1、课程标准内容学会使用一种动画制作软件尝试制作简单的动画,了解动画生成的基本原理。2、教材作用与地位本节是江苏科学技术出版社 2007年出版的信息技术 (初中下册 第 8单元动画制作 中 Flash 部分的开端,设计为 2课时, 制作简单的 Flash 动画是第 2课时。这部分内容 主要是让学生体验 Flash 动画制作的一般步骤, 初步理解 Flash 动画制作中的一些基本概念, 学会创建和调用图形元件。 通过对制作过程的了解, 让学生消除动画制作的神秘感, 激发学 生学习 Flash 动画制作的求知欲。 在尝试制作的过程中理解基本概念, 形成正确、 规范的制 作习惯,为后续的深层次的学习打下坚实的基础。二、学情分析学生对 Flash 概念的认识是基于网络上流行广泛的各种动漫作品和 Flash 小游戏,因 此, 体验活动仅仅是欣赏和娱乐。 大多数学生没有去主动创作动画的意识, 对动画的制作有 神秘感和距离感, 对动画制作的过程知之甚少, 甚至一无所知。 通过上节课对源程序的分析 学习,学生对一些基本概念比如:关键帧、图层、图形元件等已经有了一定的了解。学生产 生了很强的实践欲望, 希望通过这节课亲手制作, 在制作过程中加深对基本概念的理解, 亲 历制作的全过程。三、教学目标1、知识与技能(1体验 Flash 动画制作的一般步骤;(2初步理解 Flash 动画制作中的一些基本概念;(3学会创建和调用图形元件;(4常用图形工具、文本工具的使用方法;(5制作简单的补间动画;(6了解 Flash 动画制作的基本方法;2、过程与方法通过制作打地鼠简单动画,让学生了解通过导入位图制作动画的方法;通过制作 撞球补间动画, 让学生了解利用绘图工具制作图形元件, 重复调用元件的方法。通过对撞球 中两个运动元素的动画制作, 让学生学会分析和分解运动过程, 并学会用已有的操 作技能来恰当地表现这些运动。 让学生体验了较为复杂动画制作的设计、 制作过程, 初步领 会 Flash 动画的基本设计、制作思路。3、情感态度排除学生的畏难情绪,激发学生学习动画制作的兴趣;培养学生规范的制作习惯和积 极探究新知识的精神。四、教学重点(1体验 Flash 动画制作的一般步骤(2了解 Flash 动画制作的基本方法五、教学难点(1理解 Flash 动画制作中的一些基本概念(2创建和调用图形元件(3制作补间动画六、教学方法演示法、任务驱动法、分析讨论法、实践探究法七、教学准备向每一台学生机发送教学所需素材,以及相关的作品范例。八、教学过程(一 情景导入师:同学们,上节课我和大家一起分析了 “ 时钟 ”Flash 动画的源程序,通过讨论和实践 我们了解了什么是层、关键帧、图形元件等一些基本概念。今天我们就亲自动手实践一下, 制作几个简单的动画作品,比如屏幕上展示的这个作品。屏幕展示第一个任务作品打地鼠 (如图 1师:这是大家比较熟悉的游戏打地鼠,我相信大家通过今天的学习,用几分钟的 时间就能把这样一个 Flash 动画制作出来,大家有信心吗?生:有 (声音不大,大部分学生不太有信心 师:看来同学们的信心不够,但是老师保证,只要同学们积极参与,努力探索,大家 都能很快地制作做这样一个作品。生:(持怀疑态度,但也激动盼望 设计意图学生对 Flash 很感兴趣,但有畏难情绪,这时教师用学生喜闻乐见的游戏界面的动画 作品作为学习任务, 并明示学生任务的难度很小, 大大激发了学生的参与激情, 学生学习的 积极性被调动起来。 同时, 任务的设置没有成为操作说明书式的, 而是把具体操作融入到真 实自然的情境中, 而且大多数学生对该游戏已经具备了多少不等的经验, 他们会在调试过程 中使作品不断逼近真实游戏的状态, 主动去探究, 不断地实践,以求达到完美境界,从而提 升了审美情趣和科学严谨的学习态度。(二 新授师:同学们在上节课应该了解到 Flash 动画制作的一个特点,那就是要在库中先创建 元件, 创建元件的方法可以是导入已有的位图到库中形成元件, 也可以是通过图形工具绘制 出的元件, 然后才是把他们调用到场景中去进行动画的制作。 现在屏幕当中演示的作品就是 用导入已有的位图的方法制作动画。 因此, 只要学会导入位图和调用元件, 就可以在短时间 内完成任务。现在我们先把任务简化一下。屏幕展示任务一步骤 1。师:现在我们先学习如何让老鼠在同一个洞口不断出现和消失。(教师演示,导入两张图片到库中,然后先建立背景图层,选中第 1帧,插入关键帧, 调用背景位图,选中第 10帧,插入帧,使背景延长到 10帧。再建立老鼠图层 (提醒学生注 意图层的作用和先后关系,巩固上节课所学内容 ,选中第 1帧,插入关键帧,调用老鼠元 件到指定洞口,选中第 6帧,插入空白关键帧 (解释空白关键帧的作用是去除老鼠元件,使 得画面表示老鼠不在洞口 ,执行播放命令,产生一只老鼠在同一洞口出没的动画效果。 师:这里我们就用到了上节课学到的知识,当同一图层画面发生改变时,插入关键帧, 创建不同的内容; 当画面需要保持一段时间不变时, 插入帧, 延长前面关键帧内容持续的时 间。下面大家自己来尝试一下。(巡回指导,提醒学生素材的位置,并建议学生使用常见快捷键插入帧和关键帧。注意 学生的制作细节,特别是老鼠的位置,建议用光标控制键精细移动,达到较好效果。从一开 始就让学生养成精益求精的工作作风和良好的制作习惯。 师:怎么样,第一步还是比较简单的吧?生:是,但只是一个老鼠在同一个洞口出没,怎么才能在不同的洞口出现呢师:这里需要在老鼠图层多建立几个关键帧和空白关键帧,把老鼠元件移动到不同的 洞口。屏幕展示任务一步骤 2。(教师演示,在老鼠图层中,选中第 11帧,插入空白关键帧;从库中调用老鼠位图到 另外一个洞口,选中第 15帧,插入帧,使动画延长到 15帧;选中第 16帧,插入空白关键 帧。背景图层中选中第 20帧,插入帧,使背景延长到 20帧,形成一只老鼠在两个不同洞 口出没的动画效果。学生模仿 师:下面大家根据老师的方法自由修改,让老鼠在不同洞口出没。现在我们的效果仅 仅是在两个洞中出没, 有兴趣的同学可以考虑让老鼠在更多的洞口出没, 更加逼近游戏的效 果。屏幕展示探究任务。(巡回指导,并发现问题和亮点 师:现在,同学们基本上都修改完成了,我给大家演示一些同学的作品,并请大家对 作品进行讨论,包括存在的问题和亮点。(作品展示,自评互评 师:同学们的作品都完成的不错,现在是不是任务就全部完成了呢?师:大家平时下载的 Flash 动画是不是在 Flash 程序中播放的呢?生:好像不是,是一个格式为 swf 的文件,双击就可以看了。师:对,刚才我们制作的是 Flash 源程序,要想生成 Flash 动画,我们还必须要导出 成 swf 影片,这才是我们的作品,可以在网上发布供别人下载或在网页上显示。(教师演示,学生模仿 设计意图导入已有元素制作简单动画是入门的好方法,让学生在实践中发现制作动画其实也可 以很简单, 同时体验动画制作的一般步骤。 该任务没有涉及补间动画操作, 让学生先从最基 本的动画制作方法来理解动画的定义和传统动画制作的方法。 任务设置体现了循序渐进, 难 度逐步加深,并留给学生自由发挥的空间,从而实现因材施教,分层教学的目的。 在任务进 行过程中, 不断强化上节课所学概念, 让学生在实践中不断加深对基本概念的理解, 为以后 的学生打下坚实的基础。师:刚才我们制作的动画很简单,也很方便,但我总觉得这个作品不完全是我们自己 的,同学们,你们觉得呢?生:是的,因为动画里的背景和老鼠都是现成的,我们是拿人家的东西在用。师:对,动画里的元素都是别人的成果,大家想不想自己绘制图形创建元件,然后做 出完全属于自己的动画作品呢?生:想 (声音很大 师:好,下面我们就来完成第二个任务。屏幕展示第二个任务作品撞球师:首先请问同学们有没有发现这个作品和上一个作品有什么不同?生:尺寸上好像不太一样师:对,前面我们没有涉及到这个问题,其实 Flash 影片还有些参数要设置。屏幕展示任务二参数。(教师演示,执行 “ 修改-文档 ” 命令,对里面尺寸、背景颜色进行设置,并演示帧频不 同,动画效果的不同,其它由学生在课后实践 师:我们这个作品的主角是谁?生:小球师:对,我们应先创建小球元件,然后制作小球(教师演示, ctrl+F8插入新元件, 在对话框中输入元件名。 选用椭圆工具, 选择填充色, 注意立体效果和平面效果的不同,然后提示用 shift 键来画正圆。 师:元件创建好了,大家注意看库多了一个什么元件。生:小球图形元件。师:两个小球是不是要建两个小球呢?生:好像不要吧,两个小球一模一样师:对,一个元件可以重复的调用,这样既节省制作时间又能有效地减小文件容量。 另外,提醒大家, Flash 中对于多个运动的元件,我们应该把它们放在不同的图层中去,因 此,我们这里要建几个图层啊?生:两个师:下面我们先建两个图层,分别取名为小球 1、小球 2,然后调用两次小球元件,把 它们分别放在两个图层中。下面我们分析一下,它们是如何运动的。生:左边小球 1先从左滚动到中间撞小球 2师:对,下面我们先在小球 1图层中制作小球 1从左端滚到中间的动画。师:下面我们就来制作动画了。 由于小球是有规律的滚动, 因此我们这里可以运用 Flash 中最有知名度、 使用率最高、 最高效的方法补间动画来制作小球滚动效果。 制作方法很简单, 你只要告诉 Flash , 运动的起点和终点, 然后就可以创建补间动画了。 现在我演示具体步骤。 师:为了让同学们更加容易完成任务,我们把任务二分成四个步骤,下面我们先来看 看第一步。屏幕展示任务二步骤 1。(教师演示，注意讲清细节，小球 1 图层创建补间动画，小球 2 图层的小球的位置要和 小球 1 协调，用帧延长小球 2 的展示时间。创建补间动画时建议通过属性面板创建 (学生模仿 师：下面再来讨论一下，小球 2 如何运动(不断分析运动过程，讨论操作步骤，老 师演示，学生模仿 师：现在我们一起完成了任务二，这个作品由两个处于不同图层的运动着的小球构成， 因此两个小球既独立运动又相互关联， 在制作过程中同学们既要学会分析每一个元素的运动 过程， 同时又要学会综合考虑所有元素的相互关系， 这样在今后的作品创作中就能举一反三， 游刃有余。而这些也正是 Flash 动画的基本设计、制作思路，需要大家在实践中不断领悟和 提高。 课后， 有兴趣的同学可以尝试完成三个小球或更多小球在一维或二维空间碰撞的制作。 (三总结与评价 三 总结与评价 师：今天这节课我们完成了两个任务，第一个任务我们学会了什么？ 生：导入已有的位图成为元件，然后调用这些元件制作动画。 师：回答得很好。现在大家觉得制作这样的动画难不难？ 生：不难！ 师：对，其实 Flash 动画制作并没有想像中的那么难。当然，想要制作出优秀的动画 作品也不是一件简