《2022年形状补间动画教案 .pdf》由会员分享，可在线阅读，更多相关《2022年形状补间动画教案 .pdf（4页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、名师精编优秀教案教学内容形状变！变！变！-初识形状补间动画教学时数1 课时教学目标1.知识与技能目标（1）掌握“形状补间动画”制作的一般步骤，学会“形状补间动画”的制作方法。（2）分析比较“动画补间”动画和“形状补间”动画的区别，进一步理解动画制作的原理。2.过程与方法目标通过三种动画的制作，了解除了图形渐变外的图片渐变和文字渐变的操作方法，提高学生对动画制作的理性认识。3.情感态度与价值观激励学生进一步学习动画制作，由浅入深，由表及里地掌握动画制作的方法，提高制作动画和欣赏动画的水平,培养学生自主探索、协作研究的精神。4.行为与创新通过自由创作，让学生发挥自己的想象，使作品彰显个性，增加对动
2、画制作的热情。重点难点教学重点 ：制作图形渐变，图片渐变，文字渐变教学难点 ：形状补间动画的操作对象是矢量图教学设计教学过程设计意图一、情景引入5师：每当早上第一缕阳光射向我们的时候，我们最想看到的是什么？生：太阳升起的画面师： 下面请大家欣赏“日出”动画，你从中发现什么？生：太阳徐徐上升、小草、小花左右摇摆，云朵由大到小。师： 很好，太阳、小花、小草是同一个对象的变化，是用动作补间动画做的， 它的操作对象是元件，云朵是两个不同形状的云之间的变化，它操作的对象是矢量图形，是我们即将学的形状补间动画做的。展示作品， 生动形象，激发学生兴趣。学生讨论， 找出变化。分 析 两 种 不 同 的 动画，
3、指出它们的操作对象精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 1 页，共 4 页名师精编优秀教案今天我们就来“形状变！变！变！ ” ，制作简单的形状补间动画。（屏幕演示 ）刚才，老师说了形状补间动画的操作对象是矢量图。那么什么是矢量图呢？（ 通过大屏幕演示）矢量图是由点、线、面等元素组成，所记录的是对象的形状、线条粗细等信息。由于矢量图不是记录像素的数量，所以在任何分辨率下，对矢量图进行缩放，都不会影响它的清晰度和光滑度。从直观上看，矢量图呈打散的小点状态。（切换到 flash 文档 ）那么如何来制作形状补间动画呢？下面我们来看一下形状补间动画
4、的操作步骤。操作步骤（ 通过大屏幕演示）在 flash 的时间轴面板上在动画的起始帧插入关键帧，在起始帧中编辑对象在结束帧插入空白关键帧，在结束帧中编辑对象。选择起始帧，在“属性”面板的“补间”选项中选择“形状”假如这个对象是元件，位图，文字等，必须使之分离（ ctrl+b ）为矢量图。师：下面我们通过“任务一”来探究四边形变成圆形。在操作的过程中总结它与动作补间动画有哪些区别与联系？二、新授1完成“四边形变为圆形”15请大家打开e：盘中的“任务一” 。（3 分钟）有一部分同学已经做好了，做好的请举手，下面请你演示给大家看一看是如何来做的。请你再新建一个flash 文档，在新文档中重新做一遍。
5、 （跟随他的操作，简述操作步骤）通过刚才的操作，大家看它与动作补间动画有哪些区别呢？大家讨论一下 。（讨论 30 秒）好，请哪个同学说说看，有哪些区别？不同。出示主题介绍矢量图的概念和直观感受了解操作步骤，为以后的操作提供理论依据。学生进行自主探究性学习。学生小组讨论教 师 进 行 适 当 的 引导，总结规律和注意点。学生自主学习精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 2 页，共 4 页名师精编优秀教案（与学生讨论 ）（屏幕总结 ）不同点：四点相同点：操作步骤（三步）下面请大家继续完成。（学生操作1 分钟 ）刚才我看到有同学在设置动画的时候
6、，时间轴的箭头变成了虚线（时间轴的颜色变成淡紫色） ，是什么原因呢？我们一起来看一看。我们看他的起始帧和结束帧中的对象是否是矢量图，是否呈打散的状态。可以发现第一帧的图形是一个整体，而结束帧的图形是打散的。你在设置形状补间之前有没有做什么操作？当我们在起始帧处右击设置的补间动画默认是动作补间动画，所以如果要设置形状补间，一定到属性面板中去选择。那么如何来修改呢，刚才我们提到如果对象是元件或文字可以使用什么命令转化为矢量图。生： “分离”命令承上： 刚才大家做的是用flash 软件本身的工具画出的图形，它们是矢量图。启下：那么假如操作对象变成图片、文字等又该如何来做呢？2象形文字的变化5师：大家
7、知道，很久以前人类创造了文字，有很多是象形文字，我们现在就进入“任务二”，来做一做“象形文字”的变化。请大家打开e：盘中的“任务二” ，利用库中的图片，完成位图到文字的变形 （通过大屏幕演示） ，（3 分钟）有哪些同学已经做好了？请你演示给大家看一看，是如何操作的。 请你再新建一个flash 文档，重新做一遍。（跟随操作， 提示 操作步骤 ）重点： 图片通过“将位图转化为矢量图”命令转化为矢量图。文字通过“分离”命令转化为矢量图。掌握元件如何掌握为矢量图。掌握图片和文字如何转化为矢量图多个文字必须分离两次利用已学的方法，加上自己的想象，做出个性的作品。让学生在轻松的环境中完成精选学习资料 -
8、- - - - - - - - 名师归纳总结 - - - - - - -第 3 页，共 4 页名师精编优秀教案（学生操作2 分钟）刚才我们是一个字的变形，只需分离一次，如果是多个字的变形，则必须分离两次。通过刚才两个动画的操作，我们知道了（通过大屏幕演示）形状补间动画的操作对象必须是矢量图图片必须通过“将位图转化为矢量图”命令转化为矢量图文字要通过“分离”命令转化为矢量图。3 自由创作。 15承上：刚才大家已经掌握了形状补间动画的基本操作步骤和方法，下面请大家发挥你的聪明才智，进行自由创作。打开“任务三” ，利用库中的素材进行创作。（播放音乐 ）1015 分钟点评：颜色的变化、文字的变化、形状的变化、动作的变化。三、总结2通过这一节课的学习，我们了解到形状补间动画的对象必须是矢量图，如果遇到文字、位图、元件等必须将其转化为矢量图。（通过大屏幕演示 ）下节课，我们将利用形状补间动画制作出更多丰富多彩的作品。精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 4 页，共 4 页