flash cs5动画设计实例教程 第四章 引导线的 应用实例

1、第四章：引导线的应用实例。掌握利用引导层建立引导线动画的基本方法和常用操作技巧，进一步加深对FLASH软件的理解，拓展学生的知识和能力。本章目录4.1曲线移动绘制示例在flash cs5 4.2中的辅助线应用示例1 4.3辅助线应用示例2，本章着重于进一步加深对flash的理解。本章难点：掌握使用引导层创建引导线动画的基本方法和常用操作技巧。4.1 Flash CS5曲线移动动画示例，下面制作一个简单的曲线移动动画，动画效果如图4-1所示。本章介绍，4.2引导线应用示例1，4.2.1基本概念介绍，4.2.2运动引导层的取消，4.2.3运动路径的创建，4.2.4应用示例1，引导层和遮罩层通常用于

2、创建高级动画，而遮罩层用于聚光灯和过渡等动画。引导层用于辅助绘图和创建对象的移动路径。4.2.1基本概念介绍，(1)基本概念引导层是为运动物体设定一定的路径(路线)，在引导层中画出运动路径(引导线)，使运动物体和路径在引导层(引导层的下一层)中相互吸引(用鼠标移动运动物体的中心)。它包括运动导向层和普通导向层。(2)创建运动引导层1)在层面板中单击“插入层”按钮两次，创建两个新层。2)右键单击图层2，弹出快捷菜单，选择添加参考图层。4.2.1基本概念介绍，3)这样，运动引导层被添加到所选层(层2)。4)当建立引导层时。您必须首先指定启动哪个层(在本例中为第2层)。4.2.1基本概念介绍，(3)

3、创建公共导向层1)选择上例中的第3层，点击鼠标右键，从弹出菜单中选择“导向层”，如图4-11所示。2)此时，层3从普通层变为普通引导层。(4)普通导向层和运动导向层之间的转换1)从普通导向层到运动导向层的转换单击图层面板中的插入图层按钮两次，创建两个新图层。右键单击第2层，选择“引导层”，将第2层转换为普通引导层。4.2.1基本概念介绍，按住鼠标左键，将第3层拖动到第2层的下方，使第2层从普通导向层转换为运动导向层。2)将运动引导层转换为公共引导层，并将层3拖动到上图中的层1下方。方法1)右键单击弹出快捷菜单，删除“引导层”前的“”。4.2.2取消运动引导层，方法2)右击弹出快捷菜单，选择属性

4、，弹出层属性对话框，将引导层的类型改为常规。引导层仅建立两层之间的引导和被引导关系。导向层设置好后，需要在导向层上画出导向线，这样电脑就可以根据设计者的要求制作出丰富多彩的动画。4.2.3为了创建运动路径，我们可以使用直线工具、铅笔工具和圆形工具等画线工具来绘制引导线。也就是说，应该根据绘制的引导线的形状来使用画线工具。如果它是一条直线，它是一个直线工具，一个用来画曲线的铅笔工具，和一个用来画圆或椭圆的圆工具。绘制的引导线必须是开放路径，也就是说，它必须有两个端点：起点和终点。如果您想沿着循环制作动画，可以先绘制循环路径，然后使用橡皮擦工具在循环路径上划一个间隙。让我们制作一个简单的引导线动画

5、。动画效果如图所示。4.2.4使用示例1中的移动球，制作步骤如下：(1)选择命令文件新建，或按快捷键Ctrl N创建新的Flash文档。(2)设置文档属性。选择修改文档命令，或按快捷键Ctrl J弹出“文档属性”对话框，在标题文本框中输入“辅助线动画”，将大小设置为400，300像素，其他不变。(3)双击【层】面板中的“层1”，将“层1”的名称改为“球”，按【回车】确认。(4)添加运动引导层。点按时间线窗口左下角的“添加运动引导层”按钮，从而将运动引导层添加到“球”层。4.2.4使用示例1中的移动球，制作步骤如下：(5)选择“球”层的第一帧，然后选择工具栏中的椭圆工具，并进行如下设置：笔画颜色

6、设置为“无”，并且填充颜色设置如下所示。(6)设置完成后，按住舞台键盘上的Shift键，用椭圆工具画一个合适的圆。调整到合适的位置。4.2.4要应用示例1中的移动球，请执行以下步骤：(7)选择工具栏中的选择工具，选择舞台上的球，单击菜单栏中的修改转换为组件命令，或按键盘上的F8键，并在弹出的“转换为组件”对话框中命名组件“球”。(8)画出引导线。单击运动引导层的第一帧，选择工具栏中的铅笔工具，并将其设置为平滑模式。在舞台上随意画出球的轨迹(引导线)。4.2.4使用示例1中的移动球，制造步骤如下：(9)将球移动到引导线的起点。选择工具栏中的选择工具，然后单击选项工具栏中的磁铁图标，打开“粘贴到对

7、象”功能。选择“球”层的第一帧，并将球移动到引导线的起点。(在移动的过程中，你可以看到在球元素的中间还有一个点，这个点总是自动被吸引到引导线上，这是Flash中一个特殊的辅助功能。确保在创建根据路径移动的运动动画时启用此功能，否则对象将不会根据预定路径移动)。(10)插入关键帧。同时，选择“球”层和“引导”层的第40帧(可以使用键盘上的Ctrl键连续选择)，并按F6插入关键帧。此时，时间线(如(11)将球移动到引导线的终点。使用选择工具选择“球”层的第40帧，并将球移动到引导线的终点。4.2.4应用示例1中的移动球，并执行步骤：(12)创建补间动画。选择“小球”层的第140帧中的任何帧，并从“

8、帧”属性面板上的补间动画下拉列表中选择动画选项，并将其设置为补间动画。(13)创建补间动画。选择“小球”层的第140帧中的任何帧，并从“帧”属性面板上的补间动画下拉列表中选择动画选项，并将其设置为补间动画。(14)选择文件保存命令，或按快捷键ctrl s保存电影。(15)选择命令【控制】【测试影片】，或按快捷键【Ctrl】【回车】测试影片。4.2.4应用示例1移动球，本章介绍，4.3引导线应用示例2，4.3.1创建地球和月球元素，4.3.2创建“地球”，4.3.3创建月球运动轨迹，4.3.4在元素中创建月球，4.3.5创建“地球”，动画效果如下：生产步骤如下：4.3.1创建“地球月亮”组件；(

9、1)选择文件新建命令，或按快捷键Ctrl N创建新的闪存文档。(2)设置文档属性。选择修改文档命令，或按快捷键Ctrl J弹出“文档属性”对话框，在标题文本框中输入“辅助线动画”，将背景颜色设置为“黑色”(#000000)，其余不变。(3)创建新的电影剪辑组件。选择插入新建组件命令，或按键盘上的ctrl F8键，在弹出的“新建组件”对话框中，将组件命名为“地球月亮”，并将类型设置为“电影剪辑”。制作步骤如下：4.3.2在上一步点击“确定”后，地球的制作进入了该影片剪辑的编辑阶段。为了便于编辑，我们首先将编辑阶段的视图放大到“200%”。然后开始在组件中制作“地球”。1)选择工具栏中的椭圆工具，

10、并在颜色混合器面板中进行以下设置(如果颜色混合器面板未打开，您可以通过选择窗口颜色混合器命令打开此窗口)。将笔画颜色设置为“无”，填充样式设置为“线性”，并添加颜色代码，左、中、右颜色代码分别为“#E6E9FF、#419DFA、#11076D”(颜色值可通过键盘输入获得)。生产步骤如下：4.3.2“地球”；2)设置后，将“第1层”的名称改为“地球”。选择“地球”层的第一帧，用【椭圆】工具在舞台上画一个完美的圆(可以用键盘上的【Shift】键画)，大小设为“65*65”。3)将图像调整到舞台中心。选择绘制的“地球”，按快捷键Ctrl K打开对齐面板，点击面板中相对于舞台下的按钮使其激活，然后分别

11、点击水平中心对齐和垂直中心对齐按钮使图像与舞台中心对齐。4)选择“地球”层的第10帧，按F6键插入关键帧，完成“地球”的制作。制作步骤如下：4.3.3制作“月亮”运动轨迹；1)点按时间线窗口左下角的“插入层”按钮以添加新层并将新添加的层命名为“轨道”。2)选择工具栏中的椭圆工具，并在属性面板中进行以下设置：笔画颜色设置为黄色(#FFFF00)，填充颜色设置为无填充，笔画高度设置为1。其他事情保持不变。3)在“轨迹”层的第一帧中绘制一个椭圆，将大小更改为95*45像素，并使用对齐面板将图像与舞台中心对齐。生产步骤如下：4.3.4组件中“月亮”的生产；1)单击时间线窗口左下角的“插入图层”按钮，添

12、加一个新图层，并将新添加的图层命名为“月亮”。2)选择工具栏中的椭圆工具，并在颜色混合器面板中进行以下设置。将笔画颜色设置为“无”，“填充样式”设置为“放射状”，添加一个颜色代码，将左侧颜色代码设置为“#E7FCFE”，将中间颜色代码设置为“#C0E9FA”，将右侧颜色代码设置为“#FFFFFF”，并将右侧颜色代码的Alpha值设置为0。3)设置完成后，选择“月亮”层的第一帧，用【椭圆】工具在舞台的空白区域画一个完美的圆(可以用键盘上的【Shift】键画)，大小设置为“20*20”。制作步骤如下：4.3.5创建“地球月亮”的运动引导动画，1)选择刚刚绘制的“月亮”，通过执行修改转换为组件命令，

13、或按键盘上的F8键，在弹出的“转换为组件”对话框中，命名组件“月亮”并设置类型。将“月亮”转换成一个符号。2)通过时间线窗口左下角的“插入图层”按钮添加两个新图层，并将新添加的图层分别命名为“辅助线”和“地球1”。3)添加引导层。右键单击“月亮”图层，在弹出菜单中选择“添加传统体育指导图层”，添加指导图层。4)编辑辅助线。复制轨道层第一帧的内容，并将其粘贴到辅助线层的第一帧。在辅助线图层的第一帧选择椭圆线，用橡皮擦(最小尺寸)在椭圆线的最右边擦出一个小缝隙。5)复制“地球”层第一帧的内容，粘贴到“地球1”层的第一帧，然后用箭头工具箱选择地球1的下部，按键盘上的删除键删除地球1的下部(为避免误操

14、作，可以锁定其他层)。制作步骤如下：4.3.5制作“地球月亮”的运动引导动画；6)选择“月亮”层的第10帧，按F6插入关键帧，然后将第1帧中的月亮元素拖动到略高于第10帧的引导线上端，并将月亮元素拖动到略低于第10帧的引导线下端。7)选择“月亮”层的第110帧中的任意帧，并从“帧”属性面板上的插值下拉列表中选择动画选项，将其设置为插值动画。选中属性面板中的“调整到路径，同步，对齐”。8)按回车键进行测试。4.3.6场景组织，(1)点击时间线面板上的按钮返回主场景。(2)通过时间线窗口左下角的“插入图层”按钮添加五个图层，并分别命名新添加的图层“太阳”、“轨迹”、“地球月亮”、“引导图层”和“文

15、本”。制作步骤如下：4.3.6现场组织；1)选择工具栏中的椭圆工具，并在混色器面板中进行以下设置。将笔画颜色设置为“无”，填充样式设置为“放射状”，添加一个颜色代码，将左侧颜色代码设置为“# FFCCCC”，将中间颜色代码设置为“# FBA651”，将右侧颜色代码设置为“# 010101”，并将右侧颜色代码的Alpha值设置为0。(3)制作“孙”。2)设置完成后，选择“太阳”层的第一帧，用【椭圆】工具在舞台的空白区域画一个完美的圆(可以用键盘上的【Shift】键画)，大小设置为“150*150”。3)使用对齐面板将绘制的“太阳”与舞台中心对齐。然后按下F6键，在太阳层的第131帧插入一个关键帧

16、。制作步骤如下：4.3.6场景组织；(4)绘制“地月”元素的运动轨迹。1)选择工具栏中的椭圆工具，并在属性面板中进行以下设置：笔画颜色设置为黄色(#FFFF00)，填充颜色设置为无填充，笔画高度设置为1。其他事情保持不变。2)在“轨迹”层的第一帧中绘制一个椭圆，将大小更改为400*250像素，并使用对齐面板将图像与舞台中心对齐。(5)编辑辅助线。复制轨道层第一帧的内容，并将其粘贴到辅助线层的第一帧。在辅助线图层的第一帧选择椭圆线，用橡皮擦(最小尺寸)在椭圆线的最右边擦出一个小缝隙。并按F6在这两层的131帧中插入关键帧(或按F5插入普通帧)。为避免不作为，请注意使用图层锁定工具。4.3.6场景组织，(6)按快捷键Ctrl L打开“库”面板，将库中的“地月”组件拖动到“地月”图层的第一帧中，将中心点与引导线间隙的上端对齐，并赋予该组件实例名“地”，按F6在第131帧插入关键帧，选择“地月”图层的第1131帧