《冀教版八年级信息技术2《创建补间动画》教案教学设计2》由会员分享，可在线阅读，更多相关《冀教版八年级信息技术2《创建补间动画》教案教学设计2（15页珍藏版）》请在金锄头文库上搜索。
1、2创建补间动画教案【教学目标】知识与技能目标：了解 Flash 动画的主要类型；掌握逐帧动画和补间动画的原理、区别及基本制作方法。能力与方法目标： 培养学生的观察力探究问题的能力、创造力和审美能力、合作学习能力。情感态度与价值观目标： 培养学生对美的创造和追求，激发学生进一步学好Flash 动画的兴趣与的热情。【教学重点】1 、了解 Flash 动画的主要类型。2 、了解补间动画的原理及基本制作。【教学难点】 掌握补间动画的基本制作。【教学策略 】 情境导入、探究学习、协作学习、实践创新、拓展评价。【教学准备】多媒体教室。【教学课时】1 课时【教学过程】课题导入：大家好，通过前面的学习，我们对
2、 Flash 动画有了一定的了解，知道Flash 动画根据其原理和制作方法，可分为：逐帧动画、补间动画（形状补间和动作补间）、遮罩动画等类型。在一个动画中，往往同时包含几种动画类型。今天我们来学习补间动画。新课讲授：先说一下题外话：信息技术这门课注重培养我们自主学习和探究学习的能力，锻炼我们创新精神和实践能力，老师在课堂内起引导作用，重要的是我们自己的学习积极性，所以我在演示过程中，同学们一定要认真听，掌握知识点，然后同学们再去实践操作。一、教师演示操作，学生观看。操作：补间动画由圆变为正方形步骤：1 ）启动 Flash ，新建一个空白页面。在工具面板中选取“椭圆工具”，笔触颜色设置为“无颜色
3、”，填充色选取“红色”2 ）按住“ Shift ”键，单击鼠标左建，按住不放，就可以在页面上拖出一个红色的圆形，从时间轴上可以看到第 1 帧已经变为关键帧。3 ）选中选择工具，点选红色圆形，把它移到页面的左下角。这样渐变的起点就制作好了。4 ）在当前图层的第 20 帧上，单击鼠标右键，选择“插入空白关键帧”5 ）选择矩形工具，在笔触颜色上选取白色，在填充色上选取绿色。6) 将绿色矩形移到页面的右上角。这样渐变的终点就制作好了。7 ）将指针指向第 1 帧，双击鼠标左键，在“属性”面板上将“补间”栏设置为“形状”。8 ）点击第 1 帧和第 20 帧之间的任一帧，可以看到 Flash 自动插入的“过
4、渡”帧。9 ）在主菜单中选择“控制 播放”命令，就可以了。补间动画的特点： 制作动画时，无需逐帧绘制，只需在作为渐变的起点和终点的两个关键帧上制作出物体渐变前后的形状，中间由电脑自动添加一系列帧而形成的动画效果。二、任务驱动，学生动手实践，创作作品通过老师刚刚的演示，相信同学们，对导入图片制作动画有了一定的认识，那么接下来就得用我们所学的知识，拿起你手中的鼠标和键盘，放飞你心中的祝福与希望，为我们的母校送上最诚挚的祝福！任务：利用素材，制作一乡村月夜动画（巩固元件及动作补间动画知识）。1 、分组：将班级学生分成 4 个小组，以自主，协作的学习方式进行实践活动，在全作过程中，注意成员间的交流、合
5、作探究，可以同组间走动讨论。2 、选题：四位同学根据要求，谋划安排。，形成一个统一方案。3 、在制作过程中，可以将上节课所学的内容与今天 的结合起来， 进行作品创作，使作品动静结合，图文并茂。4 、在创作过程中，我们评一评，比一比，谁的创意新，谁的效果更好。素材存放位置： E: 盘根目录下“素材”文件夹。三、作品展示，师生互评：1 、学生自评、互评。2 、选择部分有代表性的作品展示，分别从动画创意；使用技术；动画效果等方面给予评价。四、总结俗话说，千里之行，始于足下，逐帧动画和补间动画是 Flash 动画中最基础的部分，通过今天 的学习，你不仅能够制作简单的动画，更能够看出“闪客”高手们的动画
6、是怎样做出来的，有一点要记住，要制作出漂亮的动画，一定要有细心和耐心，现在我们已经迈出了“闪客”高手的第一步，希望同学们在以后的学习中不断积，制作出更加丰富多彩的动画。五、知识拓展：*.wmf 图 片Wmf 是 Windows Metafile 的缩写，简称 图元文件 ，它是微软公司定义的一种 Windows 平台下的图形文件格式。 wmf 格式文件的特点如下：1. wmf 格式文件是 Microsoft Windows 操作平台所支持的一种图形格式文件，目前，其它操作系统尚不支持这种格式，如 Unix 、Linux 等 。2. 与 bmp 格式不同， wmf 格式文件是和设备无关的，即它的输
7、出特性不依赖于具体的输出设备。3. 其图象完全由 Win32 API 所拥有的 GDI 函数来完成。4. wmf 格式文件所占的磁盘空间比其它任何格式的图形文件都要小得多。5. 在建立图元文件时，不能实现即画即得，而是将 GDI 调用记录在图元文件中，之后，在 GDI 环境中重新执行，才可显示图象。6. 显示图元文件的速度要比显示其它格式的图象文件慢，但是它形成图元文件的速度要远大于其它格式。【教后记】任务二形状补间动画【课时 】 1 课时【课型】 新授课教学内容形状变！变！变！- 初识形状补间动画教者教学1. 知识与技能目标目标（ 1 ）掌握“形状补间动画”制作的一般步骤，学会“形状补间动画
8、”的制作方法。（ 2 ）分析比较“动画补间”动画和“形状补间”动画的区别，进一步理解动画制作的原理。2 . 、 过程与方法目标通过三种动画的制作， 了解除了图形渐变外的图片渐变和文字渐变的操作方法，提高学生对动画制作的理性认识。3 、情感态度与价值观激励学生进一步学习动画制作，由浅入深，由表及里地掌握动画制作的方法，提高制作动画和欣赏动画的水平 , 培养学生自主探索、协作研究的精神。4 、行为与创新通过自由创作，让学生发挥自己的想象，使作品彰显个性，增加对动画制作的热情。重点难点教学重点 ：制作图形渐变，图片渐变，文字渐变教学难点 ：形状补间动画的操作对象是矢量图教学设计教学过程设计意图一、情
9、景引入5师：每当早上第一缕阳光射向我们的时候，我们最想看到的是什么？生：太阳升起的画面师：下面请大家欣赏“日出”动画你从中发现什么？生：太阳徐徐上升、小草、小花左右摇摆，云朵由大到小。师 ：很好，太阳、小花、小草是同一个对象的变化，是用动作补间动画做的，它的操作对象是元件，云朵是两个不同形状的云之间的变 化，它操作的对象是矢量图形，是我们即将学的形状补间动画做的。今天我们就来“形状变！变！变！” 制作简单的形状补间动画。（ 屏幕演示）展示作品，生动形象， 激发学生兴趣。学生讨论，找出变化。分析两种不同的动画， 指出它们的操作对象不同。出示主题介绍矢量图的概念和直观感受了解操作步骤，为以后的操作
10、提供理论依据。学生进行自主探究性学习。学生小组讨论教师进行， 适当的引导，总结规律和注意点。刚才，老师说了形状补间动画的操作对象是矢量图。那么什么是矢量图呢？（通过大屏幕演示）学生自主学习掌握元件如何掌握为矢量图。， 掌握图片和文字如何转化为矢量图多个文字必须分离两次利用已学的方法，加上自己的想象，做出个性的作品。让学生在轻松的环境中完成矢量图是由点、线、面等元素组成所记录的是对象的形状、线条粗细等信息。由于矢量图不是记录像素的数量，所以在任何分辨率下，对矢量图进行缩放，都不会影响它的清晰度和光滑度。从直观上看，矢量图呈打散的小点状态。（切换到 flash 文档）那么如何来制作形状补间动画呢？
11、 下面我们来看一下形状补间动画的操作步骤。操作步骤（通过大屏幕演示）在 flash 的时间轴面板上在动画的起始帧插入关键帧，在起始帧中编辑对象在结束帧插入空白关键帧，在结束帧中编辑对象。选择起始帧，在“属性”面板的“补间”选项中选择“形状”假如这个对象是元件，位图，文字等，必须使之分离（ ctrl+b ）为矢量图。师：下面我们通过“任务一”来探究四边形变成圆形。在操作的过程中总结它与动作补间动画有哪些区别与联系？二、新授1 完成“四边形变为圆形”15请大家打开 e ：盘中的“任务一”（ 3分钟）有一部分同学已经做好了，做好的请举手，下面请你演示给大家看一看是如何来做的。请你再新建一个flash
12、 文档，在新文档中重新做一遍。（跟随他的操作，简述操作步骤）通过刚才的操作，大家看它与动作补间动画有哪些区别呢？大家讨论一下。（讨论 30 秒）好，请哪个同学说说看，有哪些区别？（与学生讨论）（屏幕总结）不同点：四点相同点：操作步骤（三步） 下面请大家继续完成。刚才我看到有同学在设置动画的时候，时间轴的箭头变成了虚线（时间轴的颜色变成淡紫色），是什么原因呢？我们一起来看一看。我们看他的起始帧和结束帧中的对象是否是矢量图，是否呈打散的状态。可以发现第一帧的图形是一个整体，而结束帧的图形是打散的。你在设置形状补间之前有没有做什么操作？当我们在起始帧处右击设置的补间动画默认是动作补间动画，所以如果要
13、设置形状补间，一定到属性面板中去选择。那么如何来修改呢，刚才我们提到如果对象是元件或文字可以使用什么命令转化为矢量图。生：“分离”命令承上：刚才大家做的是用 flash 软件本身的工具画出的图形，它们是矢量图。启下：那么假如操作对象变成图片文字等又该如何来做呢？2 、象形文字的变化 5师：大家知道，很久以前人类创造了文字，有很多是象形文字，我们现在就进入 “任务二”，来做一做“象形文字”的变化。、请大家打开 e ：盘中的“任务二” 利用库中的图片，完成位图到文字的变形（通过大屏幕演示），（ 3 分钟），。有哪些同学已经做好了？请你演示给大家看一看，是如何操作的。请你再新建一个 flash 文档
14、，重新做一遍。（跟随操作，提示操作步骤）重点：图片通过“将位图转化为矢量图”命令转化为矢量图文字通过“分离”命令转化为矢量图。（学生操作 2 分钟）刚才我们是一个字的变形，只需分离一次，如果是多个字的变形，则必须分离两次。通过刚才两个动画的操作，我们知道了（通过大屏幕演示）形状补间动画的操作对象必须是矢量图。图片必须通过“将位图转化为矢量图”命令转化为矢量图 文字要通过“分离”命令转化为矢量图。3 、自由创作。（ 15 ）承上：刚才大家已经掌握了形状补间动画的基本操作步骤和方法，下面请大家发挥你的聪明才智，进行自由创作。打开“任务三”，利用库中的素材进行创作。（播放音乐） 10 15 分钟点评：颜色的变化、文字的变化、形状的变化、动作的变化。三、总结（ 2 ）通过这一节课的学习，我们了解到形状补间动画的对象必须是矢量 图，如果遇到文字、位图、元件等必须将其转化为矢量图。（通过大屏幕演示）下节课，我们将利用形状补间动画制作出更多丰富多彩的作品。【教后记】
