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