第25课 使用Flash CS5创建网页动画（4）（教案）-《网页制作三合一案例教程》同步教学（航空工业出版社）

课题 第25课 使用Flash CS5创建网页动画（4） 课时 2课时（90 min） 教学目标 知识目标： （1）掌握路径引导动画和遮罩动画的制作方法 （2）掌握导出与发布Flash动画的方法 技能目标： （1）能够熟练运用路径引导动画和遮罩动画 （2）能够导出与发布Flash动画 素质目标： 在学习上注重对细节的把控，做事情上要精益求精 教学重难点 教学重点：路径引导动画的制作，Flash动画的导出与发布 教学难点：遮罩动画的制作 教学方法 问答法、讨论法、讲授法、练习法 教学用具 电脑、投影仪、多媒体课件、教材 教学设计 第1节课：课前任务→ 考勤（2 min）→  问题导入（3 min）→传授新知（35 min）→课堂讨论（5 min） 第2节课：问题导入（3 min）→ 传授新知（20 min）→ 课堂实训（17 min）→ 课堂小结（3 min）→ 作业布置（2 min） 教学过程 主要教学内容及步骤 设计意图 第一节课 课前任务 【教师】让学生上网观察网页当中出现的各类动画 【学生】按照要求完成课前任务 通过课前任务，让学生对网页动画有个直观认识 考勤 （2 min） 【教师】使用文旌课堂APP进行签到 【学生】班干部报请假人员及原因 培养学生的组织纪律性，掌握学生的出勤情况 问题导入 （3 min） 【教师】提出以下问题，并随机邀请学生进行回答 请同学思考，除了我们学习过的基本的逐帧动画和补间动画外，还有哪些动画？ 【学生】聆听、思考、回答 【教师】总结学生的回答，导入本节课内容：制作高级动画 通过已学的普通动画，引出本次课内容：制作高级动画，激发学生学习兴趣 传授新知 （35 min） 【教师】讲解新知，介绍制作高级动画 任务四 制作高级动画 一、任务说明 除基本的逐帧动画和补间动画外，在Flash中还可以制作一些特殊的动画，如路径引导动画和遮罩动画等，本任务重点学习这两种动画的制作。 二、预备知识 （一）制作路径引导动画 在路径引导动画中，对象可以沿复杂的引导线移动。路径引导动画由“引导层”和“被引导层”组成。制作路径引导动画时，需要在“引导层”上绘制引导对象运动的引导线（利用铅笔、线条、椭圆或矩形工具等绘制的线条），然后将“被引导层”上的对象吸附到引导线上（“被引导层”中必须是传统补间动画），如图10-100所示（详见教材）。播放动画时，“引导层”上的内容不会显示。 下面通过一个简单实例，介绍路径引导动画的制作方法。 【多媒体】演示路径引导动画的制作方法 步骤1打开本书配套素材“素材与实例\素材\Flash”目录下的“飞机.fla”文档，在“背景”图层上方新建一个图层并命名为“飞机”，然后将“库”面板中的“飞机”图形元件拖到“飞机”图层舞台右侧外。 步骤2在“背景”图层的第40帧插入普通帧，在“飞机”图层的第40帧插入关键帧，然后将“飞机”图层第40帧中的“飞机”元件实例移至舞台左侧外，并在“飞机”图层第1帧与第40帧之间创建传统补间动画。 步骤3在“飞机”图层的图层名称上右击，在弹出的快捷菜单中选择“添加传统运动引导层”，在“飞机”图层上方创建一个引导层，此时“飞机”图层自动变为被引导层。 步骤4 使用“铅笔工具”和“选择工具”在“引导层”上绘制一条引导线，右侧的“飞机”元件实例自动对齐到引导线上。 步骤5 使用“选择工具”调整“飞机”图层第40帧中“飞机”元件实例的位置，使其变形中心点对齐到引导线。 步骤6 选中“飞机”图层的第1帧，然后在“属性”面板中勾选“调整到路径”复选框，至此实例就完成了。 调整到路径：勾选该复选框，可使“被引导层”上的对象在沿引导线移动的同时，还可以根据引导线的切线方向调整其自身的方向（如果不勾选该复选框，对象在沿引导线运动时只是平移，与引导线的切线方向没有关系）。 贴近：勾选该复选框后，在将对象对齐到引导线时，对象的变形中心点更容易吸附到引导线上。 【课堂问答】 【教师】随机邀请学生回答以下问题 请同学们思考，使用路径引导动画时有哪些注意事项？ 【学生】聆听、思考、回答 【教师】总结学生的回答 创建路径引导动画时，要注意的是，一定要将对象的变形中心点吸附到引导线上。此外，引导线的转折点过多、转折处的线条转弯过急、中间出现中断或交叉重叠现象，都可能导致Flash无法准确判定对象的运动路径，从而导致引导失败。 （二）制作遮罩动画 使用遮罩动画可以制作闪光灯、渐隐渐显、放大镜、百叶窗、波纹和图片切换等动画效果。遮罩动画是通过遮罩图层实现的，被遮罩层上的内容只能通过遮罩层上的对象显示出来。播放动画时，遮罩层上的对象不会显示，被遮罩层上位于遮罩层对象之外的内容也不会显示，如图10-107所示（详见教材）。 遮罩