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

机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《flashcs5动画设计实例教程》第4章引导线的应用实例目标技能掌握利用引导图层建立引导线动画的基本方法和常用的操作技巧进一步深化对FLASH软件的认识，拓展学生的知识和能力。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《flashcs5动画设计实例教程》本章目录4.1FlashCS5中曲线移动动画实例4.2引导线应用实例14.3引导线应用实例2机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《flashcs5动画设计实例教程》•本章重点：进一步深化对flash的认识。•本章难点：掌握利用引导图层建立引导线动画的基本方法和常用的操作技巧。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《flashcs5动画设计实例教程》4.1FlashCS5中曲线移动动画实例•下面来制作一个简单的曲线移动动画，动画效果如图4-1所示。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《flashcs5动画设计实例教程》本章内容介绍4.2引导线应用实例14.2.1基本概念介绍4.2.2取消运动引导层4.2.3创建运动路径4.2.4应用实例1机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《flashcs5动画设计实例教程》引导层和遮罩层都常用于创建高级动画，遮罩层用于聚光灯和转变之类的动画。而引导层则用于辅助绘图和创建对象的运动路径。4.2.1基本概念介绍（1）．基本概念引导层就是设定运动对象运动的某一路径（路线），在引导层中画好运动路径（引导线），在被引导层（引导层的下一层）中使运动物体与路径相吸附在一起（用鼠标点中运动物体的中心移动）。它包括运动引导层和普通引导层。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《flashcs5动画设计实例教程》（2）．创建运动引导层1）．单击层面板中的插入图层按钮二次，新建2个新图层，。2）．右击图层2，弹出快捷菜单，选“添加引导层”，。4.2.1基本概念介绍3）．这样，就为所选图层（图层2）添加了一个运动引导层，。4）．建立引导层时。必须先指定哪个图层被引导（本例中为图层2）。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《flashcs5动画设计实例教程》4.2.1基本概念介绍（3）．创建普通引导层1）．选择上例中的图层3，单击鼠标右键，从弹出的菜单中选择“引导层”，如图4-11所示。2）．此时，图层3就由一般层变为普通引导层。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《flashcs5动画设计实例教程》（4）．普通引导层与运动引导层的转化1）．普通引导层转化为运动引导层单击层面板中的插入图层按钮两次，新建2个图层。鼠标右击图层2，选“引导层”，将图层2转化为普通引导层4.2.1基本概念介绍按住鼠标左键拖动图层3到图层2的下方，这样图层2就由普通引导层转化为运动引导层了。2）．运动引导层转化为普通引导层将上图中图层3拖到图层1下方。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《flashcs5动画设计实例教程》方法1）右击，弹出快捷菜单，将“引导层”前的“√”去掉。4.2.2取消运动引导层方法2）右击，弹出快捷菜单，选属性，弹出【图层属性】对话框，将【类型】由引导层改为一般。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《flashcs5动画设计实例教程》引导层只是建立了两个层之间的引导和被引导的关系，引导层设置好后，还要在引导层上画引导线，这样电脑才能按照设计者的要求制作出丰富多彩的动画。4.2.3创建运动路径我们可以用直线工具、铅笔工具和圆形工具等画线工具来画引导线。也就是说，应该根据所画引导线的形状来使用画线工具，如果是画直线，则用直线工具，画曲线则用铅笔工具，画圆形或椭圆形的线条则用画圆工具。绘制的引导线必须是开放的路径，即必须有两个端点：开始点和结束点。如果要制作沿环型运动的动画，可以先绘制环型路径，再用橡皮擦工具在环型路径上擦出一个缺口。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《flashcs5动画设计实例教程》下面我们就来制作一个简单的引导线动画。动画效果如图所示。4.2.4应用实例1————运动的小球机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《flashcs5动画设计实例教程》制作步骤：（1）．选择【文件】→【新建】命令，或按快捷键【Ctrl】+【N】，新建一个Flash文档。（2）．设置文档属性。选择【修改】→【文档】命令，或按快捷键【Ctrl】+【J】，弹出“文档属性”对话框，在【标题】文本框中输入“引导线动画”，将【尺寸】设置为400×300像素，其他保持不变。（3）．在【图层】面板中双击“图层1”，将“图层1”名称改为“小球”，按【Enter】确认。（4）．添加运动引导层。单击时间轴窗口左下角的“添加运动引导层”按钮，这样就为“小球”层添加了一个运动引导层。4.2.4应用实例1————运动的小球机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《flashcs5动画设计实例教程》制作步骤：（5）．选中“小球”层的第一帧，然后选择工具栏中的【椭圆】工具，做如下设置：【笔触颜色】设置为“无”，【填充色】设置如下图。（6）．设置完毕后，在舞台中按住键盘上的【Shift】键，利用【椭圆】工具绘制一个大小适中的正圆。并调整到适当的位置。4.2.4应用实例1————运动的小球机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《flashcs5动画设计实例教程》制作步骤：（7）．选择工具栏中的【选择】工具，选中舞台中的小球，单击菜单栏中的【修改】→【转换为元件】命令，或者按键盘上的【F8】键，在弹出的“转换为元件”对话框中，将元件命名为“小球”，【类型】设置为图形。（8）．绘制引导线。单击运动引导层第一帧，选择工具栏中的【铅笔】工具，设置为【平滑】模式。在舞台上任意画出小球的运动轨迹（引导线）。4.2.4应用实例1————运动的小球机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《flashcs5动画设计实例教程》制作步骤：（9）．移动小球至引导线的开始点。选择工具栏中的【选择】工具，在【选项】工具栏中单击磁铁图标，开启“贴紧至对象”功能。选择“小球”层的第一帧，将小球移动至引导线的开始点，。（在移动过程中可以看到小球元件的中间多了一个圆点，而且这个圆点总是自动吸附到引导线上，这是Flash中一个特殊的辅助功能——贴紧至对象。在创建按路径运动的运动动画时一定要确保此功能是打开的，否则对象将不会按照预定的路径运动）。（10）．插入关键帧。同时选中“小球”层和“引导”层的第40帧（可借助键盘上的【Ctrl】键连续选择），按【F6】插入关键帧。此时的时间轴如（11）．移动小球至引导线的结束点。利用【选择】工具，选择“小球”层的第40帧，将小球移动至引导线的结束点。4.2.4应用实例1————运动的小球机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《flashcs5动画设计实例教程》制作步骤：（12）．创建运动补间动画。选择“小球”层的第1~40帧中的任意一帧，在“帧”属性面板上的【补间】下拉列表中选择【动画】选项，设置其为【补间动画】。（13）．创建运动补间动画。选择“小球”层的第1~40帧中的任意一帧，在“帧”属性面板上的【补间】下拉列表中选择【动画】选项，设置其为【补间动画】。（14）．选择【文件】→【保存】命令，或按快捷键【Ctrl】+【S】保存影片。（15）．选择【控制】→【测试影片】命令，或按快捷键【Ctrl】+【Enter】测试影片。4.2.4应用实例1————运动的小球机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《flashcs5动画设计实例教程》本章内容介绍4.3引导线应用实例24.3.1创建地球、月亮元件4.3.2“地球”的制作4.3.3月球运动轨迹的制作4.3.4元件中月球的制作4.3.5创建“地球月亮”的运动引导动画4.3.6场景组织机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《flashcs5动画设计实例教程》4.3引导线应用实例2本实例将使用引导线功能，制作太阳、地球、月亮之间运动关系的简单动画。动画效果如下:机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《flashcs5动画设计实例教程》制作步骤如下：4.3.1创建“地球月亮”元件（1）．选择【文件】→【新建】命令，或按快捷键【Ctrl】+【N】，新建一个Flash文档。（2）．设置文档属性。选择【修改】→【文档】命令，或按快捷键【Ctrl】+【J】，弹出“文档属性”对话框，在【标题】文本框中输入“引导线动画”，将【背景颜色】设置为“黑色”（#000000），其他保持不变。（3）．新建电影剪辑元件。选择【插入】→【新建元件】命令，或者按键盘上的【Ctrl】+【F8】键，在弹出的“创建新元件”对话框中，将元件命名为“地球月亮”，【类型】设置为“电影剪辑”。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《flashcs5动画设计实例教程》制作步骤如下：4.3.2“地球”的制作在上一步点击“确定”以后，就进入了这个电影剪辑的编辑舞台。为了编辑上的方便，首先我们将编辑舞台的视图放大至“200%”。然后开始制作元件中的“地球”。1）．选择工具栏中的【椭圆】工具，在【混色器】面板中做如下设置（如【混色器】面板未打开，可通过选择【窗口】→【混色器】命令打开此窗口）。【笔触颜色】设置为“无”，【填充样式】设置为“线性”，增加一个色码，左、中、右色码分别为“#E6E9FF、#419DFA、#11076D”（颜色值可通过键盘输入得到）。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《flashcs5动画设计实例教程》制作步骤如下：4.3.2“地球”的制作2）．设置完毕后，将“图层1”改名为“地球”。选中“地球”层的第1帧，用【椭圆】工具，在舞台中绘制一个正圆（可借助键盘上的【Shift】键绘制），大小设置为“65*65”。3）．调整图象至舞台中心。选中绘制的“地球”，按快捷键【Ctrl】+【K】，打开【对齐】面板，在面板中单击【相对于舞台】下的按钮，使其处于激活状态，再分别单击【水平居中对齐】和【垂直居中对齐】按钮，将图象对齐到舞台的中心。4）．选中“地球”层的第10帧，按【F6】插入关键帧，完成“地球”的制作。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《flashcs5动画设计实例教程》制作步骤如下：4.3.3“月球”运动轨迹的制作1）．单击时间轴窗口左下角的“插入图层”按钮，新增一个图层，将新增图层命名为“轨迹”。2）．选择工具栏中的【椭圆】工具，在【属性】面板中做如下设置：【笔触颜色】设置为黄色（#FFFF00），【填充颜色】设置为无填充，【笔触高度】设置为1。其他保持不变。3）．在“轨迹”图层第1帧画一个椭圆，改大小为95*45象素，利用【对齐】面板，将图象对齐到舞台的中心。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《flashcs5动画设计实例教程》制作步骤如下：4.3.4元件中“月球”的制作1）．单击时间轴窗口左下角的“插入图层”按钮，新增一个图层，将新增图层命名为“月球”。2）．选择工具栏中的【椭圆】工具，在【混色器】面板中做如下设置。【笔触颜色】设置为“无”，【填充样式】设置为“放射状”，增加一个色码，左色码设置