“制作简单的Flash动画”教学设计

“制作简单的Flash动画”教学 设计 领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计 陆 峰 “制作简单的Flash动画”教学设计 发布时间：2009-9-11 阅读61次 大丰市第三中学 陆峰 224100 [] 本教学设计是以制作模拟游戏“打地鼠”和制作模拟运动“撞球”Flash动画作为任务，让学生体验Flash动画制作的一般步骤，初步理解Flash动画制作中的一些基本概念，学会创建和调用图形元件，尝试 制作简单的补间动画。通过对制作过程的了解，让学生消除动画制作的神秘感，激发学生学习Flash动画 制作的求知欲。 1 学会使用一种动画制作软件尝试制作简单的动画，了解动画生成的基本原理。 2 本节是江苏科学技术出版社2007年出版的《信息技术》(初中下册)第8单元动画制作中Flash部分 的开端，设计为2课时，《制作简单的Flash动画》是第2课时。这部分内容主要是让学生体验Flash动 画制作的一般步骤，初步理解Flash动画制作中的一些基本概念，学会创建和调用图形元件。通过对制作 过程的了解，让学生消除动画制作的神秘感，激发学生学习Flash动画制作的求知欲。在尝试制作的过程中理解基本概念，形成正确、 规范 编程规范下载gsp规范下载钢格栅规范下载警徽规范下载建设厅规范下载 的制作习惯，为后续的深层次的学习打下坚实的基础。 学生对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很感兴趣，但有畏难情绪，这时教师用学生喜闻乐见的游戏界面的动画作品作为学习任 务，并明示学生任务的难度很小，大大激发了学生的参与激情，学生学习的积极性被调动起来。同时，任 务的设置没有成为操作 说明书 房屋状态说明书下载罗氏说明书下载焊机说明书下载罗氏说明书下载GGD说明书下载 式的，而是把具体操作融入到真实自然的情境中，而且大多数学生对该游戏 已经具备了多少不等的经验，他们会在调试过程中使作品不断逼近真实游戏的状态，主动去探究，不断地 实践，以求达到完美境界，从而提升了审美情趣和科学严谨的学习态度。 图1 打地鼠 () 师：同学们在上节课应该了解到Flash动画制作的一个特点，那就是要在库中先创建元件，创建元件 的方法可以是导入已有的位图到库中形成元件，也可以是通过图形工具绘制出的元件，然后才是把他们调 用到场景中去进行动画的制作。现在屏幕当中演示的作品就是用导入已有的位图的方法制作动画。因此， 只要学会导入位图和调用元件，就可以在短时间内完成任务。现在我们先把任务简化一下。 屏幕展示任务一步骤1。 师：现在我们先学习如何让老鼠在同一个洞口不断出现和消失。 (教师演示，导入两张图片到库中，然后先建立背景图层，选中第1帧，插入关键帧，调用背景位图，选中第10帧，插入帧，使背景延长到10帧。再建立老鼠图层(提醒学生注意图层的作用和先后关系，巩固上节课所学内容)，选中第1帧，插入关键帧，调用老鼠元件到指定洞口，选中第6帧，插入空白关键帧(解 释空白关键帧的作用是去除老鼠元件，使得画面表示老鼠不在洞口)，执行播放命令，产生一只老鼠在同一洞口出没的动画效果。) 师：这里我们就用到了上节课学到的知识，当同一图层画面发生改变时，插入关键帧，创建不同的 内容；当画面需要保持一段时间不变时，插入帧，延长前面关键帧内容持续的时间。下面大家自己来尝试 一下。 (巡回指导，提醒学生素材的位置，并建议学生使用常见快捷键插入帧和关键帧。注意学生的制作细 节，特别是老鼠的位置，建议用光标控制键精细移动，达到较好效果。从一开始就让学生养成精益求精的 工作作风和良好的制作习惯。) 师：怎么样，第一步还是比较简单的吧？ 生：是，但只是一个老鼠在同一个洞口出没，怎么才能在不同的洞口出现呢 师：这里需要在老鼠图层多建立几个关键帧和空白关键帧，把老鼠元件移动到不同的洞口。 屏幕展示任务一步骤2。 (教师演示，在老鼠图层中，选中第11帧，插入空白关键帧；从库中调用老鼠位图到另外一个洞口， 选中第15帧，插入帧，使动画延长到15帧；选中第16帧，插入空白关键帧。背景图层中选中第20帧， 插入帧，使背景延长到20帧，形成一只老鼠在两个不同洞口出没的动画效果。学生模仿) 师：下面大家根据老师的方法自由修改，让老鼠在不同洞口出没。现在我们的效果仅仅是在两个洞 中出没，有兴趣的同学可以考虑让老鼠在更多的洞口出没，更加逼近游戏的效果。 屏幕展示探究任务。 (巡回指导，并发现问题和亮点) 师：现在，同学们基本上都修改完成了，我给大家演示一些同学的作品，并请大家对作品进行讨论， 包括存在的问题和亮点。 (作品展示，自评互评) 师：同学们的作品都完成的不错，现在是不是任务就全部完成了呢？ 师：大家平时下载的Flash动画是不是在Flash程序中播放的呢？ 生：好像不是，是一个格式为swf的文件，双击就可以看了。 师：对，刚才我们制作的是Flash源程序，要想生成Flash动画，我们还必须要导出成swf影片，这才是我们的作品，可以在网上发布供别人下载或在网页上显示。 (教师演示，学生模仿) 导入已有元素制作简单动画是入门的好方法，让学生在实践中发现制作动画其实也可以很简单，同 时体验动画制作的一般步骤。该任务没有涉及补间动画操作，让学生先从最基本的动画制作方法来理解动 画的定义和传统动画制作的方法。任务设置体现了循序渐进，难度逐步加深，并留给学生自由发挥的空间， 从而实现因材施教，分层教学的目的。在任务进行过程中，不断强化上节课所学概念，让学生在实践中不 断加深对基本概念的理解，为以后的学生打下坚实的基础。 师：刚才我们制作的动画很简单，也很方便，但我总觉得这个作品不完全是我们自己的，同学们， 你们觉得呢？ 生：是的，因为动画里的背景和老鼠都是现成的，我们是拿人家的东西在用。 师：对，动画里的元素都是别人的成果，大家想不想自己绘制图形创建元件，然后做出完全属于自 己的动画作品呢？ 生：想(声音很大) 师：好，下面我们就来完成第二个任务。 屏幕展示第二个任务作品《撞球》(如图2) 图2 撞球 师：首先请问同学们有没有发现这个作品和上一个作品有什么不同？ 生：尺寸上好像不太一样 师：对，前面我们没有涉及到这个问题，其实Flash影片还有些参数要设置。 屏幕展示任务二参数。 (教师演示，执行“修改－文档”命令，对里面尺寸、背景颜色进行设置，并演示帧频不同，动画效 果的不同，其它由学生在课后实践) 师：我们这个作品的主角是谁？ 生：小球 师：对，我们应先创建小球元件，然后制作小球 (教师演示，ctrl+F8插入新元件，在对话框中输入元件名。选用椭圆工具，选择填充色，注意立体效 果和平面效果的不同，然后提示用shift键来画正圆。) 师：元件创建好了，大家注意看库多了一个什么元件。 生：小球图形元件。 师：两个小球是不是要建两个小球呢？ 生：好像不要吧，两个小球一模一样 师：对，一个元件可以重复的调用，这样既节省制作时间又能有效地减小文件容量。另外，提醒大 家，Flash中对于多个运动的元件，我们应该把它们放在不同的图层中去，因此，我们这里要建几个图层 啊？ 生：两个 师：下面我们先建两个图层，分别取名为小球1、小球2，然后调用两次小球元件，把它们分别放在 两个图层中。下面我们分析一下，它们是如何运动的。 生：左边小球1先从左滚动到中间撞小球2 师：对，下面我们先在小球1图层中制作小球1从左端滚到中间的动画。 师：下面我们就来制作动画了。由于小球是有规律的滚动，因此我们这里可以运用Flash中最有知名度、使用率最高、最高效的方法补间动画来制作小球滚动效果。制作方法很简单，你只要告诉Flash，运动的起点和终点，然后就可以创建补间动画了。现在我演示具体步骤。 师：为了让同学们更加容易完成任务，我们把任务二分成四个步骤，下面我们先来看看第一步。 屏幕展示任务二步骤1。 (教师演示，注意讲清细节，小球1图层创建补间动画，小球2图层的小球的位置要和小球1协调，用帧延长小球2的展示时间。创建补间动画时建议通过属性面板创建) (学生模仿) 师：下面再来讨论一下，小球2如何运动„„(不断分析运动过程，讨论操作步骤，老师演示，学生 模仿) 师：现在我们一起完成了任务二，这个作品由两个处于不同图层的运动着的小球构成，因此两个小 球既独立运动又相互关联，在制作过程中同学们既要学会分析每一个元素的运动过程，同时又要学会综合 考虑所有元素的相互关系，这样在今后的作品创作中就能举一反三，游刃有余。而这些也正是Flash动画的基本设计、制作思路，需要大家在实践中不断领悟和提高。课后，有兴趣的同学可以尝试完成三个小球 或更多小球在一维或二维空间碰撞的制作。 通过任务二制作撞球的运动过程，首先让学生掌握运用绘图工具创建元件的过程和多次调用元件形 成不同元素的方法，在学习动画制作的初期就养成有目的创建元件和调用元件的良好制作习惯。其次，两 个不同元素进行不同的运动，需要创建不同的图层，这也是必须在初学Flash动画制作必须遵循的原则，因此创设了这样一个任务，让学生一开始就养成有几个运动元素就建几个图层并为其建立适当名字的习惯。 第三，撞球的过程相对比较复杂，让学生学会分析和分解运动过程，并学会用已有的操作技能来适当地表 现这些运动，同时还要综合考虑两个小球的相互位置关系。让学生体验较为复杂动画制作的设计、制作过 程，初步领会Flash动画的基本设计、制作思路，为今后的深层次的学习打下基础。最后，任务的设计也 遵循了新课程改革中提升信息素养的要求，没有纯粹的进行软件操作说明，而是把操作与学生认识经验相 联系，学生对撞球的过程比较熟悉，他们能够理解运动的原理和过程，因此也能很好的分析和分解这个运 动，制作过程中积极性较高，同时也能合理地修改以达到较好的动画效果。 () 师：今天这节课我们完成了两个任务，第一个任务我们学会了什么？ 生：导入已有的位图成为元件，然后调用这些元件制作动画。 师：回答得很好。现在大家觉得制作这样的动画难不难？ 生：不难！ 师：对，其实Flash动画制作并没有想像中的那么难。当然，想要制作出优秀的动画作品也不是一件 简单的事情，要求同学们不断的学习、不断的实践和不断的创新。 师：因此，第二个任务提高了难度，通过这个任务我们学会了什么？ 生：学会了用绘图工具创建图形元件，还学会了创建补间动画。 师：对，另外我们还体验了多个运动元素的动画制作过程，学会了如何分析和分解运动过程，并用 学会的操作方法来表现这些运动过程。通过今天的学习同学们已经具备了Flash动画制作的基本素质，加上勤奋和创新，我相信所有的同学都会成为动画制作高手，现在大家有信心吗？ 生：有！ 师：今天的课就上到这里，下课！ 第一、本节内容是Flash动画制作的开端，需要让学生体验动画制作的过程、动画设计的思路和掌握 一些基本工具的使用。既然是开端，应该让学生首先要感兴趣、要对所需制作的动画有认知经验。而教材 中所使用的例子个人觉得比较枯燥，没有生活情趣，没有美感，让学生产生不了认同感，给人感觉是为了 学习这个操作而设计的任务，是操作说明书。这恰恰和新课程改革的思路是不合的。因此，我在这里设计 了两个比较贴近生活，符合学生认知经验的例子。既有娱乐效果，学生们又熟悉其运动规律，为动画的制 作带来乐趣的同时，也为制作的过程中对操作步骤的理解带来益处。 第二、移动的小球中所采用的方法比较随便，对学生形成良好规范的制作习惯不利。应当从开始就 提倡先创建元件，再调用元件到场景制作动画效果。另外，如果学校采用的是Flash8以前的版本，比如MX2004版本，右击第一帧选择快捷菜单命令的操作则会出现错误，因此，建议创建动画补间动画应先创 建元件，再通过属性面板设置动画补间。快捷菜单命令的方法作不推荐处理，特别是在学习的初级阶段。 第三、既然是制作简单的Flash动画，完全可以根据动画的原理制作最基本的动画效果，可以让学生 更充分理解前面所学的动画的原理等基本概念。如果想全面体验动画制作，则可设计简单任务循序渐进的 了解动画的过程和方法。所选任务应可分解成各个小任务，每个任务的步骤要少而简单，同时又要全面、 合理、贴近学生认知经验。让学生在轻松愉快的气氛中不知不觉地体验了制作的过程和方法，掌握了基本 的概念和操作。