市优质展示课公开课FLASH引导层动画制教案

湖南省新邵职业中专计算机专业汤艳慧第1页，共6页Flash引导层动画的制作主讲：新邵职业中专汤艳慧教学内容引导层动画制作教学目标知识目标：1、理解创建引导层动画的基本原理2、掌握创建引导层动的方法3、培养学生的观察力和想象力，能够举一反三地运用所学知识制作相应的动画效果能力目标：1、培养学生的探究能力、分析、解决问题的能力2、提升学生的动手能力和设计能力。3、能够利用引导层动画的制作原理进行简单动画的创意。情感目标：1、培养学生养成积极寻找解决问题途径的习惯，培养学生严谨的科学态度。2、培养学生的观察能力和审美能力。3、激发起学生对动画制作的兴趣，培养学生的创新意识。教学重点1、掌握添加运动引导层的方法；2、理解运动引导层与被引导层的关系；3、熟练绘制引导线。教学难点1、掌握运动对象中心点与引导线的吸附操作；2、学会使用“调整到路径”等手段控制被引导对象的运动方向；教学准备一体化教室，PPT课件、学案、素材教学方法小组合作法，启发式教学法（思）、多媒体演示法（听）、任务驱动法（做）、案例教学法（看）、实战应用法（查）教学过程教学环节教师活动一、创设情境引入新课一、引入1、效果图引入：展示补间动画——“蝴蝶1”和按轨迹运动的引导层动画——“美丽的春天”提问：影片1中的蝴蝶是如何飞舞的？影片2中的各种对象是如何运动的？哪副作品更加生动形象？湖南省新邵职业中专计算机专业汤艳慧第2页，共6页2、引出课题：普通的补间动画都是以直线的方式来运动的，当我们要目标物体以不规则的曲线方式来动运动时，就需要用引导层来实现。二、知识讲解探求新知以提问的方式引导学生掌握下列知识（P106）1、引导层动画的概念：引导层控制元件的运动而形成的动画。2、引导层动画的组成：由引导图层和被引导图层两部分组成。3、引导层的作用：绘制引导线，引导元件运动。4、被引导层：在引导层下方的图层称为“被引导层”。如图1所示。5、绘制引导线工具：铅笔、钢笔、线条、圆形、矩形。如图2所示。6、应用：自由飞舞的蝴蝶、跳动的小球、飞翔的小鸟、飘落的树叶/花瓣、游泳的小鱼、奔驰的小车、飞机……三、任务驱动尝试操作任务一：运动的太阳（一）、剧本：可爱的卡通太阳从东边升起往西边降落。被引导层:卡通太阳引导层：绘制一条从东往西的引导线效果展示：（见课件）任务安排：台下所有学生为导演，请一名设计师上台操作。（二）、操作过程：1、新建一个Flash文档，在属性面板中设置场景大小为700×400像素，背景色设置为白色（默认）。如图3所示。图1引导层与被引导层图2引导线的样式图3设置属性湖南省新邵职业中专计算机专业汤艳慧第3页，共6页2、导入一个卡通太阳到库中，选中图层1的第一帧，将太阳拖入场景中，选中图形，然后鼠标右键，在弹出的快捷菜单中选择“转换为元件”命令，将其转换为元件。3、在“图层1”的第40帧处插入关键帧。4、选中“图层1”，单击鼠标右键，在弹出的快捷菜单中选择“添加传统运动引导层”选项。如图4所示。5、选中引导层，使用“铅笔”工具，选择样式为“平滑”。如图5所示。6、在引导层中绘制一条引导线。如图6所示。7、选择图层1的第1帧，将太阳图形移动到引导层的起点。如图7所示。8、选择图层1的第40帧，将太阳图形移动到引导层的终点。9、选择“图层1”中的任意一帧，单击鼠标右键，在弹出的快捷菜单中选择“创建传统补间”选项。如图8所示。10、按“Ctrl+Enter”组合键测试动画效果。图4添加引导层图5设置铅笔样式图6绘制引导线图7移动图形到引导线上图8创建传统补间动画湖南省新邵职业中专计算机专业汤艳慧第4页，共6页（三）总结步骤先让学生总结操作过程，再展示操作步骤。1、设计被引导层：制作元件→插入关键帧；2、设计引导层：添加引导层→绘制运动的路径；3、设计动画效果①选中第一帧，将元件移至引导线的起点；②选中最后帧，将元件移至引导线的终点；③在任意帧处单击右键，创建补间动画；4、Ctrl+Enter，测试播放、保存。四拓展延伸激发创意任务二：制作“蝶恋花”（一）剧本：在一个美丽的花园里，一只蝴蝶拍动着翅膀，自由地飞入舞台，在一朵花儿上停留片刻，又飞出舞台。背景层：美丽的花园被引导层：展翅飞舞的蝴蝶引导层:自由飞入——停留片刻——飞出效果展示：（见课件）（二）操作过程：1、启动FLASH，建新文件，画布大小为默认（550×400）。2、在图层1中导入背景图和1个透明背景蝴蝶：文件--导入--导入到库。3、点窗口--库，打开库。把库里的背景图拖进舞台调整和舞台一样大小，并将图层1重命名为“背景”。如图9所示。4、在时间轴第100帧插入帧（按下F5）。锁定背景层。5、新建图层2，将图层2重命名为“蝴蝶”，把蝴蝶从库拖进舞台，在【修改】菜单中选择【转换为元件】，（或按F8）,选择“图形”，元件名为“蝶1”，单击确定。6、（该步骤学生可以省略不做，直接导入图片即可）双击“蝶1”元件，进入元件编辑区，在时间轴的第3帧，插入关键帧，并将蝴蝶的翅膀压扁，返回场景1，如图10所示。图9设置背景图片属性湖南省新邵职业中专计算机专业汤艳慧第5页，共6页7、在“蝴蝶”层的第40帧、第65帧、第100帧插入关键帧。如图11所示。8、在“蝴蝶”层上，单击鼠标右键，在弹出的快捷菜单中选择“添加传统运动引导层”选项。9、在引导层的第1帧，选用铅笔工具，选择“平滑”，绘制出蝴蝶飞行的轨迹(引导线)。用橡皮擦工具在您想要蝴蝶停留的位置上擦出一个小缺口。如图12所示。10、在蝴蝶层的第1帧、第40帧以及第65帧、第100帧，分别用箭头工具将蝶1元件拖到引导线的起始端，注意蝶1的中心点一定要压在引导线上。11、在蝴蝶层的1-40、65-100帧内任意处创建补间动画。（注意在移动时在元件的中央会出现一个空心的小圆，一定要将其空心小圆与曲线的起始端相重合。为了使运动效果更逼真，勾选属性面板上的“调整到路径”项。）12、按Ctrl+Entert快捷键，测试动画。13、点击左上角的文件按钮，选择导出、导出影片。图10编辑蝴蝶飞舞元件图11插入关键帧图12用橡皮擦将引导线擦出一个不缺口湖南省新邵职业中专计算机专业汤艳慧第6页，共6页（三）、展示操作要点1、要使作品更加生动漂亮，添加了背景图层。2、引导层须在被引导图层的上方。3、被引导的运动对象必须吸附在引导线的起点和终上。4、要使对象沿着路径运动，需在被引导层的帧属性中，设置“调整到路径”。5、引导线只是一种功能线，在生成的SWF文件中的引导线是看不见的。五举一反三作品点评一、分组布置作业，请同学根据自己的水平选择操作级别。二、作品点评，评选动漫之星。从界面布局是否合理、是否符合主题、设计路线是否正确、动作是否流畅及引导层动画应用创新等方面进行评价。A组B组任务级别任务级别运动的小球（太阳）★★★运动的小球（太阳）★★★飞舞的小蝴蝶（小蜜蜂，小鸟）★★★★爬行的小瓢虫（小蜗牛，小乌龟）★★★★其他引导层动画★★★★★其他引导层动画★★★★★六课堂小结布置作业课堂小结1、引导层动画的构成2、制作引导层动画的步骤3、引导层动画的应用布置作业1、制作“秋叶飘飘”动画，书本P93。2、制作多只蝴蝶沿路线飞舞动画或其他创意动画。教学后记单个引导层动画多个引导层动画设计蝴蝶不同的飞舞路线创意动画