Flash的引导层动画

1、12FlashFlash动画分类动画分类逐帧动画逐帧动画动作补间动画动作补间动画(motion)(motion) 可以设置对象的可以设置对象的大小大小、位置位置、旋转旋转、倾斜倾斜、颜色颜色、透明度透明度等等。但前提是此等等。但前提是此对象为一个独立的元件或一对象为一个独立的元件或一个组个组补间动画补间动画形状补间动画形状补间动画(Shape)(Shape) 可以设置对象的形可以设置对象的形状变化。前提是此对象状变化。前提是此对象为为分离分离状态。状态。3 Flash提供了一种简便方法来实现提供了一种简便方法来实现对象沿着复杂路径移动的效果，这就是对象沿着复杂路径移动的效果，这就是引导层。引导

2、层。 带引导层的动画又叫轨迹动画。带引导层的动画又叫轨迹动画。 引导层可以实现如引导层可以实现如树叶飘落树叶飘落，小鸟飞小鸟飞翔翔，星体运动星体运动，激光写字激光写字等效果的制作。等效果的制作。4掌握创建引导层的方法掌握创建引导层的方法 掌握引导线的绘制方法掌握引导线的绘制方法掌握将对象吸附到引导线起点和终点的方法掌握将对象吸附到引导线起点和终点的方法 能通过模仿完成两关动画的制作能通过模仿完成两关动画的制作5 轨迹动画由引导层和被引导层组成，轨迹动画由引导层和被引导层组成，引导层用于放置对象运动的路径，被引导引导层用于放置对象运动的路径，被引导层用于放置运动的对象。制作引导动画的层用于放置运

3、动的对象。制作引导动画的过程实际就是对引导层和被引导层的编辑过程实际就是对引导层和被引导层的编辑过程。过程。61、内容：、内容：只放置绘制的运动路径。（引导线）只放置绘制的运动路径。（引导线）2、作用：、作用：使对象沿着绘制的运动路径（引导线）运动使对象沿着绘制的运动路径（引导线）运动3、图标：、图标：在引导层下方的图层称为在引导层下方的图层称为“被引导层被引导层”,被引被引导导 层会比其它图层往里缩进一些层会比其它图层往里缩进一些。 7 创建引导层的常用方法有：创建引导层的常用方法有： 用用 按钮创建按钮创建 用菜单命令创建用菜单命令创建 将普通图层转换为引导层三种方式。将普通图层转换为引导

4、层三种方式。8 1、引导线不能是封闭的曲线，要有起点和终点、引导线不能是封闭的曲线，要有起点和终点 2、起点和终点之间的线条必须是连续的，不能间断，可、起点和终点之间的线条必须是连续的，不能间断，可以是任何形状以是任何形状 3、引导线转折处的线条弯转不宜过急、过多，否则、引导线转折处的线条弯转不宜过急、过多，否则Flash无法准确判定对象的运动路径无法准确判定对象的运动路径 4、被引导对象必须准确吸附到引导线上，也就是元件编、被引导对象必须准确吸附到引导线上，也就是元件编辑区中心必须位于引导线上，否则被引导对象将无法沿引辑区中心必须位于引导线上，否则被引导对象将无法沿引导路径运动导路径运动 5

5、、引导线在最终生成动画时是不可见的、引导线在最终生成动画时是不可见的910 -1）在普通层中创建一个对象。）在普通层中创建一个对象。2）单击）单击 按钮，在普通层上层新建一个引导层，按钮，在普通层上层新建一个引导层，普通层自动变为被引导层。普通层自动变为被引导层。3）在引导层中绘制一条路径，然后将引导层中的路）在引导层中绘制一条路径，然后将引导层中的路径沿用到某一帧。径沿用到某一帧。4）在被引导层中将对象的中心控制点移动到路径的）在被引导层中将对象的中心控制点移动到路径的起点。起点。5）在被引导层的某一帧插入关键帧，并将对象移动）在被引导层的某一帧插入关键帧，并将对象移动到引导层中路径的终点。

6、到引导层中路径的终点。6）在被引导层的两个关键帧之间创建动作补间动画，）在被引导层的两个关键帧之间创建动作补间动画，引导动画制作完成。引导动画制作完成。11 1、一般将要移动的对象单独放在一个层，作为被引导层，、一般将要移动的对象单独放在一个层，作为被引导层，在此层上面添加引导层。引导层一定要在被引导层的上方。在此层上面添加引导层。引导层一定要在被引导层的上方。 2、引导层中只绘制运动路径，在被引导层中设置动作补间、引导层中只绘制运动路径，在被引导层中设置动作补间动画。动画。 3、启用、启用“紧贴至对象紧贴至对象”工具工具 ，指向元件的，指向元件的中心中心 点点,拖动对象吸附到引导线的起点和终

7、点。拖动对象吸附到引导线的起点和终点。 4、要使对象沿着路径旋转，需在被引导层的起始帧属性中，、要使对象沿着路径旋转，需在被引导层的起始帧属性中，设置设置“调整到路径调整到路径”。 5、按、按Enter键播放动画，或按键播放动画，或按Ctrl+Enter键测试影片。键测试影片。12 多层引导动画，就是利用一个引导层同时多层引导动画，就是利用一个引导层同时引导多个被引导层中的对象。引导多个被引导层中的对象。一般情况下，创建引导层后，引导层只与其下的一个一般情况下，创建引导层后，引导层只与其下的一个图层建立链接关系。如果要使引导层能够引导多个图图层建立链接关系。如果要使引导层能够引导多个图层，可以

8、将图层拖移到引导层下方，或通过更改图层层，可以将图层拖移到引导层下方，或通过更改图层属性的方法添加需要被引导的图层。属性的方法添加需要被引导的图层。为一个引导层成功创建多个被引导层后，多层引导动为一个引导层成功创建多个被引导层后，多层引导动画即创建完成。画即创建完成。13 1、引导层的作用就是使对象沿着绘制的运动路径（引导、引导层的作用就是使对象沿着绘制的运动路径（引导线）运动。线）运动。 2、引导线不可以是封闭的或起点和终点之间的线条是不、引导线不可以是封闭的或起点和终点之间的线条是不连续的。连续的。 3、在引导层中绘制引导线，而在被引导层中设置动作补、在引导层中绘制引导线，而在被引导层中设

9、置动作补间动画。间动画。 4、将对象吸附到引导线上，对象就能沿引导线运动。、将对象吸附到引导线上，对象就能沿引导线运动。 5、在最终生成动画时，引导线是不可以看见的。、在最终生成动画时，引导线是不可以看见的。14 蝴蝶围绕着花儿飞动，营造蝶恋花效果。蝴蝶围绕着花儿飞动，营造蝶恋花效果。 简单引导层动画，在简单引导层动画，在2课时内完成课时内完成 提供素材：图片信息（蝴蝶、花儿矢量图）提供素材：图片信息（蝴蝶、花儿矢量图） 力求做出动感，比例合适。力求做出动感，比例合适。 15 背景层：制作线形天蓝色到白色渐变背景，背景层：制作线形天蓝色到白色渐变背景，将花儿矢量图作为背景层一部分。将花儿矢量图

10、作为背景层一部分。 蝴蝶层：蝴蝶矢量图所在图层，用于固定蝴蝶层：蝴蝶矢量图所在图层，用于固定蝴蝶起始和终了位置。蝴蝶起始和终了位置。 引导层：在此图层绘制引导线，制作引导引导层：在此图层绘制引导线，制作引导动画。动画。16 构思动画过程构思动画过程 根据构思，制作背景。根据构思，制作背景。 确定所需素材，并将素材导入到库中。确定所需素材，并将素材导入到库中。 添加引导层并制作引导层动画。添加引导层并制作引导层动画。 17 色彩搭配和谐；色彩搭配和谐； 素材正确导入到库中；素材正确导入到库中； 正确应用引导层；正确应用引导层； 蝴蝶组件能正确沿引导线运动；蝴蝶组件能正确沿引导线运动； 18制作影

11、片背景制作影片背景制作蝴蝶组件制作蝴蝶组件制作运动引导层制作运动引导层 制作曲线运动效果制作曲线运动效果 19 为了使制作出的为了使制作出的 Flash 动画生动活泼，我们通常要动画生动活泼，我们通常要对影片设计一个好的背景，利用渐变色作为背景是最对影片设计一个好的背景，利用渐变色作为背景是最常见的方法之一。背景效果入图：常见的方法之一。背景效果入图： 20(1)(1)启动启动 FlashFlash，新建一个文件，将影片大小设置为宽：新建一个文件，将影片大小设置为宽：300300pxpx，高：高：400400pxpx，背景色设置为白色，帧频为背景色设置为白色，帧频为 12 12fpsfps。(

12、2)(2)双击层的名称，将层的名称改为双击层的名称，将层的名称改为“背景背景”。(3)(3)从工具箱中选择矩形工具从工具箱中选择矩形工具 ，打开，打开“混色器混色器”面板将填充颜面板将填充颜色设置为线性天蓝色到白色渐变，如图所示。然后在场景中绘制色设置为线性天蓝色到白色渐变，如图所示。然后在场景中绘制一个与影片尺寸等大的矩形。一个与影片尺寸等大的矩形。21(4)(4)单击工具箱上的单击工具箱上的“填充变形填充变形”工具按钮工具按钮 ，调整矩形中的，调整矩形中的渐变色为上蓝下白。渐变色为上蓝下白。(5)(5)选择选择“文件文件”“导入导入”菜单命令导入素材中的菜单命令导入素材中的“huaer.s

13、wfhuaer.swf”文件。文件。(6)(6)移动移动“花儿花儿”图象，调整位置，使之位于影片中心。图象，调整位置，使之位于影片中心。(7)(7)单击单击“背景背景”层的第层的第 35 35 帧，按帧，按 F5 F5 键插入一个帧，将帧键插入一个帧，将帧扩展到第扩展到第 35 35 帧处。帧处。 (8)锁定背景层。锁定背景层。22 蝴蝶是本动画实例的主角，下面我们就来制作位蝴蝶是本动画实例的主角，下面我们就来制作位于被引导层的蝴蝶组件。蝴蝶组件如图：于被引导层的蝴蝶组件。蝴蝶组件如图：23(1)(1)在选中背景层，插入一个新的图层，并将图层的在选中背景层，插入一个新的图层，并将图层的名称改为

14、名称改为“蝴蝶蝴蝶”。(2)(2)选择选择“文件文件”“导入导入”菜单命令导入本书第四菜单命令导入本书第四章素材中的章素材中的“hudie.swfhudie.swf”矢量图文件。矢量图文件。(3)(3)选择选择“蝴蝶蝴蝶”图案，选择图案，选择“插入插入”“”“转换为元转换为元件件”命令，将蝴蝶矢量图转化为图形元件。命令，将蝴蝶矢量图转化为图形元件。 24 引导层的目的是引导蝴蝶元件沿着引导层上的引导层的目的是引导蝴蝶元件沿着引导层上的曲线路径运动，引导层上的曲线决定着蝴蝶的运曲线路径运动，引导层上的曲线决定着蝴蝶的运动路线。绘制出引导线如图所示：动路线。绘制出引导线如图所示：25(1)在选中蝴

15、蝶层，右键单击图层名，选择弹出的菜单中在选中蝴蝶层，右键单击图层名，选择弹出的菜单中的的“添加引导层添加引导层”命令，在蝴蝶层上方添加一引导层，将引命令，在蝴蝶层上方添加一引导层，将引导层名称改为导层名称改为“引导层引导层”。(2)单击常用工具栏的单击常用工具栏的“铅笔铅笔”工具，并将常用工具栏下工具，并将常用工具栏下方的选项按钮设置为方的选项按钮设置为“平滑平滑”。(3)利用铅笔工具围绕着花儿的上方绘制如图曲线。利用铅笔工具围绕着花儿的上方绘制如图曲线。 26(4)(4)单击引导层的第单击引导层的第 35 35 帧，按帧，按 F5 F5 键插入一个帧，键插入一个帧，将帧扩展到第将帧扩展到第

16、35 35 帧处。帧处。(5)(5)锁定引导层锁定引导层27 制作好蝴蝶层与引导层，下一步是让蝴蝶沿着制作好蝴蝶层与引导层，下一步是让蝴蝶沿着引导层做曲线运动，做出蝴蝶围绕着花儿飞翔的引导层做曲线运动，做出蝴蝶围绕着花儿飞翔的效果。效果。 28(1)选中蝴蝶层，单击引导层的第选中蝴蝶层，单击引导层的第 1 帧。拖动蝴蝶元件，将帧。拖动蝴蝶元件，将蝴蝶元件的中心点与运动引导层的曲线起点对齐。蝴蝶元件的中心点与运动引导层的曲线起点对齐。(2)在时间线面板上单击蝴蝶层的在时间线面板上单击蝴蝶层的 35 帧，按帧，按 F6 键插入关键插入关键帧。键帧。(3)拖动蝴蝶元件，将蝴蝶元件的中心点与运动引导层

17、的曲拖动蝴蝶元件，将蝴蝶元件的中心点与运动引导层的曲线终点对齐。线终点对齐。(4)(4)这一步操作的目的是确定蝴蝶沿曲线运动的起点和终点。这一步操作的目的是确定蝴蝶沿曲线运动的起点和终点。效果如图显示：效果如图显示： 第第1 1帧蝴蝶位置帧蝴蝶位置 第第3535帧蝴蝶位置帧蝴蝶位置 29(5)(5)在蝴蝶层的帧编辑区上，单击鼠标右键，在弹出在蝴蝶层的帧编辑区上，单击鼠标右键，在弹出的菜单选择的菜单选择“创建补间动画创建补间动画”命令，帧编辑区上出命令，帧编辑区上出现浅蓝色背景箭头，建立蝴蝶从左端移动到右端的现浅蓝色背景箭头，建立蝴蝶从左端移动到右端的曲线运动动画。曲线运动动画。(6)(6)保存

18、动画，按保存动画，按 Ctrl+Enter Ctrl+Enter 键，预览动画效果。键，预览动画效果。 301制作小球沿曲线运动效果，效果如图制作小球沿曲线运动效果，效果如图所示。所示。 小球沿引导线运动效果小球沿引导线运动效果31理解遮罩图层的含义和作用理解遮罩图层的含义和作用 掌握创建遮罩层的方法掌握创建遮罩层的方法理解遮罩与被遮罩的关系理解遮罩与被遮罩的关系掌握遮罩动画的制作要点掌握遮罩动画的制作要点 32 遮罩动画通过遮罩层创建。遮罩层是一种特殊遮罩动画通过遮罩层创建。遮罩层是一种特殊的图层，使用遮罩层后，的图层，使用遮罩层后，遮罩层下面的被遮罩层中的遮罩层下面的被遮罩层中的内容就像透

19、过一个窗口显示出来一样，这个窗口的形内容就像透过一个窗口显示出来一样，这个窗口的形状即为遮罩层中的内容形状。状即为遮罩层中的内容形状。当在遮罩层中绘制对象当在遮罩层中绘制对象时，这些对象具有透明效果，可以显示出图形位置的时，这些对象具有透明效果，可以显示出图形位置的背景。背景。33 . 1）导入）导入“画画.jpg”图形素材到场景中。图形素材到场景中。 新建一个图层，在其中绘制矩形。新建一个图层，在其中绘制矩形。2）在）在“图层图层2”中创建矩形由上向下伸展的动作中创建矩形由上向下伸展的动作补间动画。补间动画。3）将）将“图层图层2”转换为遮罩层，使矩形对下方的转换为遮罩层，使矩形对下方的画卷

20、进行遮罩。画卷进行遮罩。4）新建一个图层，绘制画轴图形，并创建动作补）新建一个图层，绘制画轴图形，并创建动作补间动画。间动画。34 35 本例中的遮罩动画是将矩形所在层作为本例中的遮罩动画是将矩形所在层作为遮罩层遮罩层，画卷所在层作为画卷所在层作为被遮罩层被遮罩层，通过矩形的伸展，将其下，通过矩形的伸展，将其下方的画卷逐渐显示出来。方的画卷逐渐显示出来。36 遮罩动画由遮罩层和被遮罩层组成。遮罩动画由遮罩层和被遮罩层组成。遮罩层遮罩层用于放用于放置遮罩的形状（与颜色无关），如上例中的矩形。置遮罩的形状（与颜色无关），如上例中的矩形。被遮被遮罩层罩层用于放置要显示的用于放置要显示的图像，图像，如

21、画卷如画卷。37 将普通图层转换为遮罩层的方法有两种：将普通图层转换为遮罩层的方法有两种： 1.菜单命令转换菜单命令转换:在要转换为遮罩层的图层上单击鼠标右在要转换为遮罩层的图层上单击鼠标右键，从弹出的快捷菜单中选择键，从弹出的快捷菜单中选择【遮罩层遮罩层】命令，即可将该命令，即可将该图层转换为遮罩层，并与其下层图层建立链接关系。图层转换为遮罩层，并与其下层图层建立链接关系。 2. 使用使用【图层属性图层属性】对话框对话框: 1）双击要转换为遮罩层的图层图标）双击要转换为遮罩层的图层图标 ，打开，打开【图层属性图层属性】对话对话框。框。 2）在）在【类型类型】栏中选中栏中选中 单选按钮，单击确

22、定按钮。单选按钮，单击确定按钮。 3）此时图层图标由）此时图层图标由 变为变为 。 4）双击遮罩图层下层的图层图标）双击遮罩图层下层的图层图标 ，在打开的，在打开的【图层属性图层属性】对话框中选中对话框中选中 单选按钮，即可在遮罩层与其下的图层之单选按钮，即可在遮罩层与其下的图层之间创建链接关系。间创建链接关系。38 遮罩层遮罩层图标为图标为 。将图层转换为遮罩层，并将图层转换为遮罩层，并与下方的图层建立链接关系后，被遮罩层图标比遮罩层与下方的图层建立链接关系后，被遮罩层图标比遮罩层图标缩进一格。遮罩层下层的图层图标将更改为图标缩进一格。遮罩层下层的图层图标将更改为被遮罩被遮罩层层图标图标 ，成为被遮罩层。被遮罩层中的内容会透过成为被遮罩层。被遮罩层中的内容会透过遮罩层中的填充区域显示出来。遮罩层中的填充区域显示出来。39 遮罩动画的制作原理就是通过遮罩层来决定被遮罩动画的制作原理就是通过遮罩层来决定被遮罩层中的显示内容，以此出现动画效果。制