电子教案（第3章第6节）.ppt

引导层动画 第3章第6节 学习目标 了解引导层动画的基本功能 熟练掌握绘制引导层动画的基本方法 任务——制作“蝶恋花”引导层动画实例 蝴蝶围绕着花儿飞动，营造蝶恋花效果。 简单引导层动画，在2课时内完成 提供素材：图片信息（蝴蝶、花儿矢量图） 力求做出动感，比例合适。 实例构成 背景层：制作线形天蓝色到白色渐变背景，将花儿矢量图作为背景层一部分。 蝴蝶层：蝴蝶矢量图所在图层，用于固定蝴蝶起始和终了位置。 引导层：在此图层绘制引导线，制作引导动画。 制作实例的步骤 构思动画过程 根据构思，制作背景。 确定所需素材，并将素材导入到库中。 添加引导层并制作引导层动画。 制作时应注意的问题 色彩搭配和谐； 素材正确导入到库中； 正确应用引导层； 蝴蝶组件能正确沿引导线运动； 实例的制作 制作影片背景 制作蝴蝶组件 制作运动引导层 制作曲线运动效果 制作影片背景层 为了使制作出的 Flash MX 动画生动活泼，我们通常要对影片设计一个好的背景，利用渐变色作为背景是最常见的方法之一。背景效果入图： 操作步骤 (1)启动 Flash　MX，新建一个文件，将影片大小设置为宽：300px，高：400px，背景色设置为白色，帧频为 12fps。 (2)双击层的名称，将层的名称改为“背景”。 (3)从工具箱中选择矩形工具 ，打开“混色器”面板将填充颜色设置为线性天蓝色到白色渐变，如图所示。然后在场景中绘制一个与影片尺寸等大的矩形。 制作影片蝴蝶组件 蝴蝶是本动画实例的主角，下面我们就来制作位于被引导层的蝴蝶组件。蝴蝶组件如图： 操作步骤 (1)在选中背景层，插入一个新的图层，并将图层的名称改为“蝴蝶”。 (2)选择“文件”→“导入”菜单命令导入本书第四章素材中的“hudie.swf”矢量图文件。 (3)选择“蝴蝶”图案，选择“插入”→“转换为元件”命令，将蝴蝶矢量图转化为图形元件。 制作运动引导层 引导层的目的是引导蝴蝶元件沿着引导层上的曲线路径运动，引导层上的曲线决定着蝴蝶的运动路线。绘制出引导线如图所示： 操作步骤 (1)在选中蝴蝶层，右键单击图层名，选择弹出的菜单中的“添加引导层”命令，在蝴蝶层上方添加一引导层，将引导层名称改为“引导层”。 (2)单击常用工具栏的“铅笔”工具，并将常用工具栏下方的选项按钮设置为“平滑”。 (3)利用铅笔工具围绕着花儿的上方绘制如图曲线。 ? 制作曲线运动效果 制作好蝴蝶层与引导层，下一步是让蝴蝶沿着引导层做曲线运动，做出蝴蝶围绕着花儿飞翔的效果。 操作步骤 (1)选中蝴蝶层，单击引导层的第 1 帧。拖动蝴蝶元件，将蝴蝶元件的中心点与运动引导层的曲线起点对齐，如图 3.59 所示。 (2)在时间线面板上单击蝴蝶层的 35 帧，按 F6 键插入关键帧。 (3)拖动蝴蝶元件，将蝴蝶元件的中心点与运动引导层的曲线终点对齐，如图 3.60 所示。 (4)这一步操作的目的是确定蝴蝶沿曲线运动的起点和终点。效果如图显示： ? 评价标准 色彩搭配合理、协调； 引导线绘制合理，能体现蝶恋花的效果； 组件能正确沿引导线运动； 归纳小结 通过制作引导层动画，掌握Flash MX基本动画制作的操作方法，培养Flash MX软件的综合应用的相关经验。 学会利用辅助学习软件自主探究的学习方法，并能够互相学习，取长补短。 课后作业 1．制作小球沿曲线运动效果，效果如图所示。 ? ? 小球沿引导线运动效果 课后作业要求： 分层完成三道课后作业。 1．要求每个学生都必须制作出第一题的小球沿引导线运动效果。 2．程度中等的学生可独立完成第二题的飞船运动引导层动画制作，教师注意提醒学生在飞船拐弯处添加关键帧并调整飞船方向。 3．程度优等的同学在制作出前面两道题的基础上独立完成第三道题的猫和老鼠的引导层动画制作，教师注意提醒学生引导层是一层，但是被该引导层引导的被引导层有两个，分别放置猫组件和老鼠组件。 引导层动画 《二维动画制作》 (4)单击工具箱上的“填充变形”工具按钮 ，调整矩形中的渐变色为上蓝下白。 (5)选择“文件”→“导入”菜单命令导入素材中的“huaer.swf”文件。 (6)移动“花儿”图象，调整位置，使之位于影片中心。 (7)单击“背景”层的第 35 帧，按 F5 键插入一个帧，将帧扩展到第 35 帧处。 (8)锁定背景层。 (4)单击引导层的第 35 帧，按 F5 键插入一个帧，将帧扩展到第 35 帧处。 (5)锁定引导层 第1帧蝴蝶位置 第35帧蝴蝶位置 (5)在蝴蝶层的帧编辑区上，单击鼠标右键，在弹出的菜单选择“创建补间动画”命令，帧编辑区上出现浅蓝色背景箭头，建立蝴蝶从左端移动到右端的曲线运动动画。 (6)保存动画