电子教案 (2)

1、第五章 简单Flash 动画【课题】5.1 基本知识【教学目标】知识目标：了解动画基本原理、学会帧的操作方法。技能目标：熟悉FLASH操作环境。【教学重难点】教学重点：掌握帧的类型、帧的显示模式、帧的编辑；掌握动画的预览与播放。教学难点：帧的类型。【教学方法】采用启发式教学、讲练结合的教学方法。【教学准备】制作教学辅助课件并配以投影教室。【课时安排】2课时。【教学过程】新课导入给学生演示一个GIF动画，让学生观看动画的同时，思考问题：动画是如何制作的？讲授新课动画原理教学环节设计采用启发式教学，通过导入时创设的问题情景，让学生根据已有的知识体系，展开讨论。通过举例电影胶片，类比动画，在此基础上

2、，具体讲解FLASH动画原理，易于学生理解。知识讲解动画原理与电影胶片一样，使一系列相似的图画快速地显示，而人的眼睛有0.1秒的“视觉暂留”特性，当画面快速变换时，就会感觉物体在运动。在FLASH中，一幅静止的画面，称为一帧。“帧”是组成动画的基本单位，动画实际上就是连续改变帧内容的过程。实例分析将演示的动画“小天使”分解为帧。将连续静态的图像（帧）组和在一起，就构成了看到的动画。教学环节反思 通过实例“小天使”的逐帧分解，把抽象的理论具体化，学生可以更好理解动画形成方式，激发学习兴趣，提高动画创作热情。帧的引入教学环节设计“帧的引入”是本节的重点，是学生创作动画的基础。在教学中，主要以教师讲

3、解为主，学生操作为辅的方式，穿插练习，让学生更好的理解帧的类型以及掌握帧的编辑等内容。知识讲解FLASH的时间轴上有一系列的小方格，每一个小方格表示一帧，鼠标单击其中的一个小方格，即可选中该帧，并在舞台上显示该帧的内容，时间轴上相关内容如图一所示。时间轴模式播放头 层遍模式 帧模式 当前帧 帧频率 运行时间 图一1、帧的类型 （难点）FLASH根据帧完成功能不同，分为不同类型的帧。展示不同类型的帧在时间轴不同的表现形式。（1）空白帧：空白帧不包括任何FLASH对象，相当于一张空白的影片，在空白帧上可以建立其他各种类型的帧，但不能绘制任何图形。 （2）关键帧：关键帧是用户唯一可以绘制图形的帧，用

4、户大部分创作性的工作是在关键帧上完成的，因为这种帧定义了动画如何变化，所以称为关键帧。（3）普通帧：普通帧延续其前面的关键真的内容，即与其前面关键真的内容相同。难点突破：理解帧的类型对于学习后面动画制作技巧有至关重要的作用。为了让学生更好的理解不同帧的概念，可以通过分析具体实例“小球延直线运动”，给学生展示在动画创建过程中所产生的空白帧、关键帧、普通帧，直观形象，更易被学生接受。 2、帧的显示模式 为了方便用户操作，时间轴上提供有多种显示和编辑帧的功能。帧模式规定帧的显示模式，如图二所示。 绘图纸外观 编辑多个帧 帧居中 绘图纸外观轮廓 修改绘图纸标记图二 帧居中、绘图纸外观轮廓、编辑多个帧。

5、帧数：显示当前帧的编号。帧频：显示播放动画时每秒播放的帧数。时间：显示出从第一帧播放到当前帧所需要的时间。播放头：如图一所示，在当前帧有一条红线，称为播放头。用来表示当前帧的位置。时间轴模式3、帧的编辑（重点）在时间轴上单击鼠标右键，弹出图三所示快捷菜单,其主要编辑功能如下： 创建补间动画插入帧删除帧插入关键帧插入空白关键帧清除关键帧转换为空白关键帧、剪切、复制、粘贴、清除帧 （三）动画的预览与播放 1、“控制器”工具栏 图三 如果FLASH界面上没有“控制器”工具栏，可以执行菜单“窗口” “工具栏” “控制器”命令，调出工具栏各部分功能如下： 停止 后退 前进一帧 后退一帧 播放 转到结尾

6、图四使用“控制”菜单对复杂动画进行预览、播放和测试操作，都可在“控制”菜单中完成。如图五所示常用功能 图五教学环节反思此部分内容概念性较强，学生学习以理解为主，尤其重点内容“帧的类型”让学生理解上落到实处，为后面的内容的打下基础。课堂练习新建一个FLASH文档，在时间轴的第一帧上画圆，颜色自定。在时间轴的第三十帧插入关键帧。 让学生观察第一帧到第三十帧中场景中的内容。将第三十帧的关键帧清除。让学生观察变化。课堂小结本节课主要学习内容：（一）动画原理（二）帧的引入（三）动画的预览和播放布置作业复习学习内容，观察日常生活中所见到的各种动画形式与课上哪些内容是吻合的，在下一节课中相互交流。【课题】5

7、.2 帧动画【教学目标】1、知识目标（1）识记并理解帧动画的特点（2）通过练习学习制作各种简单的帧动画。2、能力目标（1）通过课堂练习，培养学生的动手操作能力。（2）通过观察、练习，培养学生自主学习的能力。【教学重难点】 1、教学重点 制作帧动画的工作量很大，动画比较精确，需要大量的练习，因此确定帧动画的制作步骤为教学重点。理解帧动画的概念并熟练帧动画制作的关键步骤。 2、教学难点Flash是一门特殊的课程，它要求我们具有创作精神，而如何让学生敢于创作，乐于创作是本节的教学难点。【教学方法】主要采用任务驱动法和尝试教学法。任务驱动法帮助学生参于课堂，融入课堂。尝试教学法可以指导学生进行尝试练习

8、、讨论、观察等。辅以演示、动画、交互等多种形式，督促学生积极练习，积极思考。【教学准备】制作教学辅助课件并配以投影教室【课时安排】2课时【教学过程】一、导入新课：展示自制案例小小动画引发学生兴趣，引出本节任务。 图一提出问题：（1）小小是用哪些工具绘制的？（2）只有在什么帧下才能进行绘制？二、讲授新课教学环节设计本节内容虽然篇幅较少，但操作性强。首先让学生自学课本，将动画“小小”再次给学生演示，引导学生观察小人会动的秘密。学生通过对课本的自学，自己理解逐帧动画概念，即每一帧都是关键帧，每个关键帧都有变化。图二在学生自学的基础上，教师讲解创建逐帧动画的一般步骤，通过演示课本上“矩形转变正方形”实

9、例，加强理解记忆。为了巩固学习效果，让学生练习时，通过观察动画“小小”自主完成该动画制作，并展示学生作品。知识传授逐帧动画主要运用于创建不规则运动动画。它的每一帧都是关键帧，整个动画是通过关键帧的不断变换而产生的，而并不通过Flash自动生成。 创建逐帧动画的步骤如下：(1) 在时间轴面板中选择逐帧动画的的起始帧，并选择“插入”“关键帧”命令，插入起始关键帧。 (2) 在关键帧中绘制或者导入动画的第一幅图片。(3) 单击下一帧并使其成为关键帧，然后绘制或者导入第二幅图片。 （4）继续增加关键帧并改变各帧的内容直到完成动画，这时的时间轴面板将如图三所示，所有的关键帧都相邻，并且中间没有空白帧。图

10、三(5) 最后，回到起始帧并选择“控制”“测试影片”命令进行动画测试。 下面通过一个制作实例来学习帧动画的制作过程实例分析实例：矩形转变为正方形过程具体步骤如下：新建一个文件，在第1帧绘出一个矩形作为开始，如图四所示 图四 图五在时间周的第2帧单击鼠标右键，在弹出的快捷菜单中，执行“插入关键帧”命令，系统自动将第1帧的对象复制到第2帧。使用任意变形工具改变第2帧复制过来的举行的形状，如图五所示。用同样的方法，在第3、第4、第5、第6帧插入关键帧，并分别改变矩形的形状，如图五所示。 图五执行菜单“控制” “播放”命令，可以观看到一个矩形变形的动画。难点突破本节的难点是激发学生创作动画的热情。给学

11、生展示已经做好的FLASH帧动画，并让学生联想平常在电视或者网络上喜闻乐见的实例，结合制作帧动画原理，通过分解动画的方式，让学生了解动画制作是可实现的，离学生并不遥远，从而调动他们的创作动画的积极性。拓展练习观察动画“小小”，自己绘制火柴人，制作动画效果。 四、课堂小结本节主要内容：制作帧动画的一般步骤：1、插入关键帧2、导入图片3、单击下一帧，插入关键帧，导入图片，直到动画结束。五、布置作业制作“小猪快跑”的逐帧动画，提供素材，让学生自主完成【课题】5.3 运动合成动画【教学目标】知识目标：了解运动合成动画基本原理学会制作一般运动动画的操作方法。2、技能目标：运用各种渐变创建运动动画的方法。

12、【教学重难点】教学重点：掌握运动渐变、图形转动、轨迹运动。教学难点：沿轨迹运动【教学方法】采用任务驱动、自主探究的教学方法【教学准备】1.制作教学辅助课件，引导学生认真阅读教材，为学生学习提供帮助。2.将教学辅助课件及实例素材发给每位学生。【课时安排】2课时【教学过程】新课导入复习提问：制作帧动画的一般步骤？ 帧动画的缺点？回答提问：帧动画制作速度慢、工作量大、成本高，生成的文件大，不能发挥计算机快速计算的特点。FLASH提供了另一种动画类型，运动合成动画。动画演示：飞舞的蝴蝶 图一讲授新课教学环节设计“运动渐变”是制作FLASH动画的关键技术之一，学好该知识点，为学生将来能够制作复杂动画打下

13、坚实的基础。由于“运动渐变”是FLASH中一项操作性技能，所以在授课时，主要采用任务驱动的教学方式，以学生自主操作为中心，设定操作任务，让学生在操作中自主探究式的完成知识的传递与融合。同时着眼于培养学生的学习能力，我规定以每三人为一个小组，共用一台计算机，小组成语共同完成任务，从而锻炼学生合作学习的学习方法。知识传授运动渐变运动渐变是Flash中非常重要的表现手段之一，运动渐变的对象必需是“元件”或“成组对象”。 运用渐变，可以设置元件的大小、位置、颜色、透明度、旋转等种种属性，配合别的手法，甚至能做出令人称奇的仿3D的效果来。 本节通过具体实例介绍来运动渐变动画的制作方法操作步骤如下：1、新

14、建一个FLASH文件，设置文档属性面板。2、在第一帧绘制一个有填充的小球，并将其转换为元件（图二）。3、在第30帧插入关键帧，并移动小球位置。 图二4、在第1-30帧之间的任何以帧上单击鼠标右键，在弹出的快捷菜单中选择“创建补间动画”命令，或者在“属性”面板中选择“动画补间”，将在第1和第30帧之间出现一条带箭头的直线，帧背景色为浅蓝色。5、单击“控制”菜单中“测试场景”命令，观察制作效果。布置任务任务1：创建小球运动过程，运动方式由左运动到右， 再由右到左 。 注：通过投影制作范例，让每组成员观察小球的颜色和背景以及运动方式，自主创作完成。设计说明：让学生通过动手操作，理解“运动渐变”的制作

15、思路。学生实践，教师巡回指导，发现典型问题，及时解决。任务2：蝴蝶从背景左侧飞往右侧。 注 ： 此任务提供素材背景图片蝴蝶的GIF动画问题解决：通过生生互动解决问题：即请做得快的学生当小老师，演示创建“运动渐变”具体过程 设计说明：让充当小老师的学生充满了自豪感，教给别人的同时自己的知识也得到了更强的巩固。教师也参与其中，适当的指出容易出错的地方，并对作品给予肯定性的评价和鼓励 。知识传授（二）沿轨迹运动 运动的物体只能让物体从开始位置到结束位置呈直线运动，能否作出曲线运动的效果呢？ 答案是肯定的，这就是“沿轨迹运动”动画或叫“引导路径动画”。 操作步骤如下：1、在第1帧上使用椭圆工具绘制一个

16、小球，填充色为蓝色，不要边框，选中小球，将其组成群组。2、在第30帧处单击鼠标右键，在弹出的快捷菜单中执行“插入”关键帧命令，插入一个关键帧，然后将小球的位置略进行移动，如图所示。 3、在第1帧单击鼠标右键，在弹出的快捷菜单中执行“创建补间动画”命令，建立动画。4、在“图层”面板上用鼠标右键单击当前层，在弹出的快捷菜单中执行“添加引导层”命令，此时在当前层的上方增加一个引导层。5、单击“引导层”，使其成为当前层，在第1帧上画出小球移动轨迹。 6、单击“图层1”，选择“图层1”为当前层，选择第1帧，拖动小球，防到轨迹的起点。7、单击“图层1”，选择第30帧，拖动小球放到轨迹终点。 8、执行菜单“

17、控制”菜单中“测试场景”命令，可以看到小球沿所画轨迹运动的动画。布置任务任务3：飞舞的蝴蝶再次给学生演示上课开始引入时播放的动画，并指出蝴蝶运动并非直线运动，而是沿不规则的曲线轨迹运动，符合自然界的一般规律。提问：我们如何来制作出这样的效果注：发放制作指南，此项任务需要用到引导层，也是本节课的难点。学生在添加引导层、绘制引导线、将元件锁定在引导线等具体操作细节上容易出现问题。问题解决：教师要耐心指导，师生互动，层层深入，合作交流；指导学生开拓思路，从审美角度上完善自己的动画 。设计说明：注意引导学生自评、互评、小组评，通过评价培养学生的审美意识。同时我也发挥着师评的赏识激励作用。这样既使学生掌

18、握了制作方法，又体验到了学习的快乐和成功的喜悦。 教学环节反思在本节课的教学过程中，教师尽量做到少讲、精讲，把课堂时间还给学生，让学生在自主探究的学习过程中掌握了知识点，收到良好的教学教学效果。课堂小结本节主要主要内容：运动渐变图形转动运动参数设定沿轨迹运动难点教师引导学生归纳总结自己的收获和感受。这样锻炼了学生的综合能力和表达能力。学生各抒己见，广泛交流，在畅所欲言中、在收获的喜悦中结束这节课的内容。布置作业根据学生认知水平和学习基础存在的差异性，提供两个作业。必做作业：提供素材图片，让学生自主完成“小飞人”和“天坛月变”动画。 选做作业：观察相片的运动轨迹和方式，完成下面动画。 【课题】5

19、.4 形状合成动画【教学目标】1、知识目标：了解形状合成动画基本原理掌握创建简单变形动画的方法2、技能目标：学会形状渐变动画的创建的基本方法【教学重难点】教学重点：掌握简单变形动画的创建、形状提示点的使用教学难点：形状渐变参数的设定【教学方法】采用启发式教学、讲练结合的教学方法【教学准备】制作教学辅助课件并配以投影教室【课时安排】2课时【教学过程】导入新课复习提问：制作运动合成动画的一般步骤？运动合成动画是单个对象的操作，从一个对象变为一个对象的操作，可以通过形状合成动画完成。图一展示的是一个圆，先变为正方形，又变为三角形的过程 图一讲授新课教学环节设计本节所介绍合成动画方法同运动渐变都是制作

20、FLASH动画的基本技巧。在授课过程为了达到更好的效果，主要采用讲练结合的教学方法。知识传授形状合成动画是Flash中非常重要的表现手法之一，运用它可以变幻出各种奇妙的不可思议的变形效果。 本节从形状合成动画基本概念入手，认识形状补间动画在时间帧上的表现，了解补间动画的创建方法，学会应用“形状提示”让图形的形变自然流畅。 （一）简单变形动画 在Flash的时间帧面板上，在一个时间点（关键帧）绘制一个形状，然后在另一个时间点（关键帧）更改该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状合成动画”。形状合成动画可以实现两个图形之间颜色、形状、大小、位置的相互变

21、化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散”再变形。 形状渐变的操作方法：在第一个关键帧绘制变形前的形状。在第二个关键帧中重新绘制变形后的形状，由于结束关键帧中的形状与起始关键帧中的形状不同，经常使用“插入空白关键帧”命令创建结束关键帧。两个关键帧均绘制好后，选择两个关键帧之间的任一帧，在帧属性面板的“补间”下拉列表中，选择“形状”选项，就可创建形状渐变。 比较运动合成动画与形状合成动画的不同区别之处动作补间动画形状补间动画在时间轴上的表现淡紫色背景加长箭头淡绿色背景加长箭头组成元素影片剪辑、图形元件、按钮形状，如果使用图形元件、按钮、文字，则必先打散再变形。完成的作用实现一个元件的大小、位置、颜