Flash的引导层动画制作.ppt

Flash的的引导层引导层动画动画授课年段：初二授课教师：王梅婷学习目标n了解引导层动画的基本功能了解引导层动画的基本功能n熟练掌握绘制引导层动画的基本方法熟练掌握绘制引导层动画的基本方法FlashFlash动画分类动画分类逐帧动画逐帧动画动作作补间动画画(motion)(motion) 可以可以设置置对象的象的大小大小、、位置位置、、旋旋转、、倾斜斜、、颜色色、、透明度透明度等等但前提是此等等但前提是此对象象为一个独立的元件一个独立的元件(Symbol)(Symbol)或一个或一个(Group)(Group) 补间动画补间动画形状形状补间动画画(Shape)(Shape) 可以可以设置置对象的形象的形状状变化前提是此化前提是此对象象为分离分离状状态Break (Break Apart)Apart)复习导入： Flash提供了一种提供了一种简便方法来便方法来实现对象沿着复象沿着复杂路路径移径移动的效果，的效果，这就是引就是引导层带引引导层的的动画又叫画又叫轨迹迹动画 引引导层可以可以实现如如树叶叶飘落落，，小小鸟飞翔，翔，蝴蝶蝴蝶飞舞舞，，星体运星体运动，，激光写字激光写字等效果的制等效果的制作。

作Flash的引导层动画知识要点知识要点掌握创建引导层的方法掌握创建引导层的方法 掌握引导线的绘制方法掌握引导线的绘制方法掌握将对象吸附到引导线起点和终点的方法掌握将对象吸附到引导线起点和终点的方法 能通过模仿完成引导线动画实例的制作能通过模仿完成引导线动画实例的制作          轨迹动画由引导层和被引导层组成，轨迹动画由引导层和被引导层组成，引导层用于放置对象运动的路径，被引导引导层用于放置对象运动的路径，被引导层用于放置运动的对象制作引导动画的层用于放置运动的对象制作引导动画的过程实际就是对引导层和被引导层的编辑过程实际就是对引导层和被引导层的编辑过程Flash的引导层动画1、内容：、内容：只放置绘制的运动路径引导线）只放置绘制的运动路径引导线）2、作用：、作用：使对象沿着绘制的运动路径（引导线）运动使对象沿着绘制的运动路径（引导线）运动3、图标：、图标：在引导层下方的图层称为在引导层下方的图层称为“被引导层被引导层”,被引被引导导                层会比其它图层往里缩进一些层会比其它图层往里缩进一些                                                       一、引一、引导层引导层的创建方法引导层的创建方法n创建引导层的常用方法有：创建引导层的常用方法有：n用用      按钮创建按钮创建n用菜单命令创建用菜单命令创建n将普通图层转换为引导层三种方式。

将普通图层转换为引导层三种方式二、引导线二、引导线n1、引导线不能是封闭的曲线，要有起点和终点、引导线不能是封闭的曲线，要有起点和终点n2、起点和终点之间的线条必须是连续的，不能间断，可以是、起点和终点之间的线条必须是连续的，不能间断，可以是任何形状任何形状n3、引导线转折处的线条弯转不宜过急、过多，否则、引导线转折处的线条弯转不宜过急、过多，否则Flash无法无法准确判定对象的运动路径准确判定对象的运动路径n4、被引导对象必须准确吸附到引导线上，也就是元件编辑区、被引导对象必须准确吸附到引导线上，也就是元件编辑区中心必须位于引导线上，否则被引导对象将无法沿引导路径运中心必须位于引导线上，否则被引导对象将无法沿引导路径运动动n5、引导线在最终生成动画时是不可见的、引导线在最终生成动画时是不可见的形状各异的引导线形状各异的引导线引导层动画制作方法引导层动画制作方法n   -1）在普通层中创建一个对象在普通层中创建一个对象–2）单击）单击      按钮，在普通层上层新建一个引导层，普按钮，在普通层上层新建一个引导层，普通层自动变为被引导层通层自动变为被引导层–3）在引导层中绘制一条路径，然后将引导层中的路径）在引导层中绘制一条路径，然后将引导层中的路径沿用到某一帧。

沿用到某一帧–4）在被引导层中将对象的中心控制点移动到路径的起）在被引导层中将对象的中心控制点移动到路径的起点–5）在被引导层的某一帧插入关键帧，并将对象移动到）在被引导层的某一帧插入关键帧，并将对象移动到引导层中路径的终点引导层中路径的终点–6）在被引导层的两个关键帧之间创建动作补间动画，）在被引导层的两个关键帧之间创建动作补间动画，引导动画制作完成引导动画制作完成引导层动画的制作要点引导层动画的制作要点n1、一般将要移动的对象单独放在一个层，作为被引导层，、一般将要移动的对象单独放在一个层，作为被引导层，在此层上面添加引导层引导层一定要在被引导层的上方在此层上面添加引导层引导层一定要在被引导层的上方n2、引导层中只绘制运动路径，在被引导层中设置动作补间、引导层中只绘制运动路径，在被引导层中设置动作补间动画n3、启用、启用“紧贴至对象紧贴至对象”工具工具                    ，指向元件的中，指向元件的中心心n点点,拖动对象吸附到引导线的起点和终点拖动对象吸附到引导线的起点和终点n4、要使对象沿着路径旋转，需在被引导层的起始帧属性中，、要使对象沿着路径旋转，需在被引导层的起始帧属性中，设置设置“调整到路径调整到路径”。

n5、按、按Enter键播放动画，或按键播放动画，或按Ctrl+Enter键测试影片键测试影片多层引导动画多层引导动画n      多层引导动画，就是利用一个引导层同时引导多层引导动画，就是利用一个引导层同时引导多个被引导层中的对象多个被引导层中的对象一般情况下，创建引导层后，引导层只与其下的一般情况下，创建引导层后，引导层只与其下的一个图层建立链接关系如果要使引导层能够一个图层建立链接关系如果要使引导层能够引导多个图层，可以将图层拖移到引导层下方，引导多个图层，可以将图层拖移到引导层下方，或通过更改图层属性的方法添加需要被引导的或通过更改图层属性的方法添加需要被引导的图层为一个引导层成功创建多个被引导层后，多层引为一个引导层成功创建多个被引导层后，多层引导动画即创建完成导动画即创建完成任务任务——制作制作“蝶恋花蝶恋花”引导层动画实引导层动画实例例n蝴蝶围绕着花儿飞动，营造蝶恋花效果蝴蝶围绕着花儿飞动，营造蝶恋花效果n简单引导层动画，在简单引导层动画，在2课时内完成课时内完成n提供素材：图片信息（蝴蝶、花儿矢量图）提供素材：图片信息（蝴蝶、花儿矢量图）n力求做出动感，比例合适力求做出动感，比例合适。

 实例构成及设计思路n背景层：制作线形天蓝色到白色渐变背景，背景层：制作线形天蓝色到白色渐变背景，将花儿矢量图作为背景层一部分将花儿矢量图作为背景层一部分n蝴蝶层：蝴蝶矢量图所在图层，用于固定蝴蝶层：蝴蝶矢量图所在图层，用于固定蝴蝶起始和终了位置蝴蝶起始和终了位置n引导层：在此图层绘制引导线，制作引导引导层：在此图层绘制引导线，制作引导动画n根据构思，制作背景根据构思，制作背景n确定所需素材，并将素材导入到库中确定所需素材，并将素材导入到库中n添加引导层并制作引导层动画添加引导层并制作引导层动画 制作时应注意的问题n色彩搭配和谐；色彩搭配和谐；n素材正确导入到库中；素材正确导入到库中；n正确应用引导层；正确应用引导层；n蝴蝶组件能正确沿引导线运动；蝴蝶组件能正确沿引导线运动； 制作影片背景层 为了使制作出的为了使制作出的 Flash MX 动画生动活泼，我们动画生动活泼，我们通常要对影片设计一个好的背景，利用渐变色作通常要对影片设计一个好的背景，利用渐变色作为背景是最常见的方法之一背景效果入图：为背景是最常见的方法之一背景效果入图： 操作步骤 (1)(1)启启动 FlashFlash　　MXMX，，新新建建一一个个文文件件，，将将影影片片大大小小设置置为宽：：300300pxpx，，高：高：400400pxpx，，背景色背景色设置置为白色，白色，帧频为 12 12fpsfps。

2)(2)双双击层的名称，将的名称，将层的名称改的名称改为““背景背景””3)(3)从工具箱中从工具箱中选择矩形工具矩形工具 ，打开，打开““混色器混色器””面板将填充面板将填充颜色色设置置为线性天性天蓝色到白色色到白色渐变，如，如图所示然后在所示然后在场景中景中绘制制一个与影片尺寸等大的矩形一个与影片尺寸等大的矩形(4)(4)单击工具箱上的工具箱上的““填充填充变形形””工具按工具按钮 ，，调整矩形中的整矩形中的渐变色色为上上蓝下白5)(5)选择““文件文件”→“”→“导入入””菜菜单命令命令导入素材中的入素材中的““””文件6)(6)移移动““花儿花儿””图象，象，调整位置，使之位于影片中心整位置，使之位于影片中心7)(7)单击““背景背景””层的第的第 35 35 帧，按，按 F5 F5 键插入一个插入一个帧，将，将帧扩展到第展到第 35 35 帧处 (8)锁定背景定背景层制作影片蝴蝶组件 蝴蝶是本动画实例的主角，下面我们就来制蝴蝶是本动画实例的主角，下面我们就来制作位于被引导层的蝴蝶组件蝴蝶组件如图：作位于被引导层的蝴蝶组件蝴蝶组件如图：操作步骤 (1)(1)在在选中背景中背景层，插入一个新的，插入一个新的图层，并将，并将图层的的名称改名称改为““蝴蝶蝴蝶””。

2)(2)选择““文件文件”→“”→“导入入””菜菜单命令命令导入本入本书第四第四章素材中的章素材中的““””矢量矢量图文件3)(3)选择““蝴蝶蝴蝶””图案，案，选择““插入插入”→“”→“转换为元元件件””命令，将蝴蝶矢量命令，将蝴蝶矢量图转化化为图形元件 制作运动引导层 引导层的目的是引导蝴蝶元件沿着引导层上的引导层的目的是引导蝴蝶元件沿着引导层上的曲线路径运动，引导层上的曲线决定着蝴蝶的运曲线路径运动，引导层上的曲线决定着蝴蝶的运动路线绘制出引导线如图所示：动路线绘制出引导线如图所示：操作步骤 (1)在在选中蝴蝶中蝴蝶层，右，右键单击图层名，名，选择弹出的菜出的菜单中的中的“添加引添加引导层”命令，在蝴蝶命令，在蝴蝶层上方添加一引上方添加一引导层，将引，将引导层名称名称改改为“引引导层”2)单击常用工具常用工具栏的的“铅笔笔”工具，并将常用工具工具，并将常用工具栏下方的下方的选项按按钮设置置为“平滑平滑”3)利用利用铅笔工具笔工具围绕着花儿的上方着花儿的上方绘制如制如图曲曲线 (4)单击引引导层的第的第 35 帧，按，按 F5 键插入一个插入一个帧，将，将帧扩展到第展到第 35 帧处。

5)锁定引定引导层制作曲线运动效果 制作好蝴蝶层与引导层，下一步是让蝴蝶沿着制作好蝴蝶层与引导层，下一步是让蝴蝶沿着引导层做曲线运动，做出蝴蝶围绕着花儿飞翔的引导层做曲线运动，做出蝴蝶围绕着花儿飞翔的效果 操作步骤 (1)选中蝴蝶中蝴蝶层，，单击引引导层的第的第 1 帧拖动蝴蝶元件，将蝴蝶元件的中蝴蝶元件，将蝴蝶元件的中心点与运心点与运动引引导层的曲的曲线起点起点对齐，如，如图 3.59 所示2)在在时间线面板上面板上单击蝴蝶蝴蝶层的的 35 帧，按，按 F6 键插入关插入关键帧3)拖拖动蝴蝶元件，将蝴蝶元件的中心点与运蝴蝶元件，将蝴蝶元件的中心点与运动引引导层的曲的曲线终点点对齐，如，如图 3.60 所示4)(4)这一步操作的目的是确定蝴蝶沿曲一步操作的目的是确定蝴蝶沿曲线运运动的起点和的起点和终点效果如点效果如图显示：示：  第第1 1帧蝴蝶位置蝴蝶位置 第第3535帧蝴蝶位置蝴蝶位置 (5)(5)在蝴蝶在蝴蝶层的的帧编辑区上，区上，单击鼠鼠标右右键，在，在弹出的菜出的菜单选择““创建建补间动画画””命令，命令，帧编辑区上出区上出现浅浅蓝色背景箭色背景箭头，建立，建立蝴蝶从左端移蝴蝶从左端移动到右端的曲到右端的曲线运运动动画。

画6)(6)保存保存动画，按画，按 Ctrl+Enter Ctrl+Enter 键，，预览动画效果 实例实例1：鸡宝宝过马路：鸡宝宝过马路（书本实例）（书本实例）实例实例2：龟兔赛跑：龟兔赛跑（拓展实例）（拓展实例）课后作业归纳小结n通通过制制作作引引导层动画画，，掌掌握握Flash Flash MXMX基基本本动画画制制作作的的操操作作方方法法，，培培养养Flash Flash MXMX软件件的的综合合应用的相关用的相关经验n学学会会利利用用辅助助学学习软件件自自主主探探究究的的学学习方方法法，，并能并能够互相学互相学习，取，取长补短。