《flash8动画设计实例教程》第四章.ppt

1、第4章 引导线的应用实例,目标技能 掌握利用引导图层建立引导线动画的基本方法和常用的操作技巧 进一步深化对FLASH软件的认识，拓展学生的知识和能力 。,本章目录 4.1引导线应用实例1 4.2引导线应用实例2,本章重点：进一步深化对flash的认识 。 本章难点：掌握利用引导图层建立引导线动画的基本方法和常用的操作技巧 。,本章内容介绍,4.1引导线应用实例1,4.1.1 基本概念介绍,4.1.2图层和引导层的链接,4.1.3 取消运动引导层,4.1.4 创建运动路径,4.1.5 应用实例1,引导层和遮罩层都常用于创建高级动画，遮罩层用于聚光灯和转变之类的动画。而引导层则用于辅助绘图和创建对

2、象的运动路径。,4.1.1 基本概念介绍,（1）基本概念引导层就是设定运动对象运动的某一路径（路线），在引导层中画好运动路径（引导线），在被引导层（引导层的下一层）中使运动物体与路径相吸附在一起（用鼠标点中运动物体的中心移动）。它包括运动引导层和普通引导层。,（2）创建运动引导层1）单击层面板中的插入图层按钮二次，新建2个新图层，。2）右击图层2，弹出快捷菜单，选“添加引导层”， 。,4.1.1 基本概念介绍,3）这样，就为所选图层（图层2）添加了一个运动引导层，。,4）建立引导层时。必须先指定哪个图层被引导（本例中为图层2）。,4.1.1 基本概念介绍,（3）创建普通引导层1）选择上例中的图

3、层3，单击鼠标右键，从弹出的菜单中选择“引导层” 。,2）此时，图层3就由一般层变为普通引导层。,（4）普通引导层与运动引导层的转化1）普通引导层转化为运动引导层单击层面板中的插入图层按钮两次，新建2个图层。鼠标右击图层2，选“引导层”，将图层2转化为普通引导层,4.1.1 基本概念介绍,按住鼠标左键拖动图层3到图层2的下方，这样图层2就由普通引导层转化为运动引导层了。,2）运动引导层转化为普通引导层将上图中图层3拖到图层1下方。,（1）链接普通层步骤：1）单击层面板中的插入图层按钮两次，新建2个图层。2）鼠标右击图层3，选“引导层”，将图层3转化为普通引导层。,4.1.2图层和引导层的链接,

4、3）鼠标右击图层2，在弹出的快捷菜单里选择“属性”项目，在弹出的“图层属性”对话框里将图层的“类型”更改为“被引导”。,（2）取消与普通层的链接方法1：鼠标右击被引导层（上例中为图层2），在弹出的快捷菜单里选择“属性”项目，在弹出的“图层属性”对话框里将图层的“类型”更改为“一般” 。,方法2：拖动被引导层到普通层的下方。,4.1.2图层和引导层的链接,方法1）右击，弹出快捷菜单，将“引导层”前的“”去掉。,4.1.3取消运动引导层,方法2）右击，弹出快捷菜单，选属性，弹出【图层属性】对话框，将【类型】由引导层改为一般。,引导层只是建立了两个层之间的引导和被引导的关系，引导层设置好后，还要在引

5、导层上画引导线，这样电脑才能按照设计者的要求制作出丰富多彩的动画。,4.1.4创建运动路径,我们可以用直线工具、铅笔工具和圆形工具等画线工具来画引导线。也就是说，应该根据所画引导线的形状来使用画线工具，如果是画直线，则用直线工具，画曲线则用铅笔工具，画圆形或椭圆形的线条则用画圆工具。绘制的引导线必须是开放的路径，即必须有两个端点：开始点和结束点。如果要制作沿环型运动的动画，可以先绘制环型路径，再用橡皮擦工具在环型路径上擦出一个缺口。,4.1.5下面我们就来制作一个简单的引导线动画。动画效果如图4-18所示。图4-18实例1效果,4.1.5应用实例1运动的小球,制作步骤：（1）选择【文件】【新建

6、】命令，或按快捷键【Ctrl】+【N】，新建一个Flash文档。（2）设置文档属性。选择【修改】【文档】命令，或按快捷键【Ctrl】+【J】，弹出“文档属性”对话框，在【标题】文本框中输入“引导线动画”，将【尺寸】设置为400300像素，其他保持不变。,（3）在【图层】面板中双击“图层1”，将“图层1”名称改为“小球”，按【Enter】确认。（4）添加运动引导层。单击时间轴窗口左下角的“添加运动引导层”按钮，这样就为“小球”层添加了一个运动引导层。,4.1.5应用实例1运动的小球,制作步骤：（5）选中“小球”层的第一帧，然后选择工具栏中的【椭圆】工具，做如下设置：【笔触颜色】设置为“无” ，【

7、填充色】设置如下图。（6）设置完毕后，在舞台中按住键盘上的【Shift】键，利用【椭圆】工具绘制一个大小适中的正圆。并调整到适当的位置。,4.1.5应用实例1运动的小球,制作步骤：（7）选择工具栏中的【选择】工具，选中舞台中的小球，单击菜单栏中的【修改】【转换为元件】命令，或者按键盘上的【F8】键，在弹出的“转换为元件”对话框中，将元件命名为“小球”，【类型】设置为图形。（8）绘制引导线。单击运动引导层第一帧，选择工具栏中的【铅笔】工具，设置为【平滑】模式。在舞台上任意画出小球的运动轨迹（引导线）。,4.1.5应用实例1运动的小球,制作步骤： （9）移动小球至引导线的开始点。选择工具栏中的【选

8、择】工具，在【选项】工具栏中单击磁铁图标，开启“贴紧至对象”功能。选择“小球”层的第一帧，将小球移动至引导线的开始点，。（在移动过程中可以看到小球元件的中间多了一个圆点，而且这个圆点总是自动吸附到引导线上，这是Flash中一个特殊的辅助功能贴紧至对象。在创建按路径运动的运动动画时一定要确保此功能是打开的，否则对象将不会按照预定的路径运动）。,（10）插入关键帧。同时选中“小球”层和“引导”层的第40帧（可借助键盘上的【Ctrl】键连续选择），按【F6】插入关键帧。此时的时间轴如（11）移动小球至引导线的结束点。利用【选择】工具，选择“小球”层的第40帧，将小球移动至引导线的结束点。,4.1.5

9、应用实例1运动的小球,制作步骤：,（12）创建运动补间动画。选择“小球”层的第140帧中的任意一帧，在“帧”属性面板上的【补间】下拉列表中选择【动画】选项，设置其为【补间动画】。,（13）创建运动补间动画。选择“小球”层的第140帧中的任意一帧，在“帧”属性面板上的【补间】下拉列表中选择【动画】选项，设置其为【补间动画】。（14）选择【文件】【保存】命令，或按快捷键【Ctrl】+【S】保存影片。（15）选择【控制】【测试影片】命令，或按快捷键【Ctrl】+【Enter】测试影片。,4.1.5应用实例1运动的小球,本章内容介绍,4.2引导线应用实例2,4.2.1 创建地球、月亮元件,4.2.2

10、“地球”的制作,4.2.3 月球运动轨迹的制作,4.2.4 元件中月球的制作,4.2.5 创建动画并组织才场景,4.2 引导线应用实例2,本实例将使用引导线功能，制作太阳、地球、月亮之间运动关系的简单动画。 动画效果如下:,制作步骤如下：,4.2.1 创建“地球月亮”元件,（1）选择【文件】【新建】命令，或按快捷键【Ctrl】+【N】，新建一个Flash文档。（2）设置文档属性。选择【修改】【文档】命令，或按快捷键【Ctrl】+【J】，弹出“文档属性”对话框，在【标题】文本框中输入“引导线动画”，将【背景颜色】设置为“黑色”（#000000），其他保持不变。,（3）新建电影剪辑元件。选择【插入

11、】【新建元件】命令，或者按键盘上的【Ctrl】+【F8】键，在弹出的“创建新元件”对话框中，将元件命名为“地球月亮”，【类型】设置为“电影剪辑”。,制作步骤如下：,4.2.2 “地球”的制作,在上一步点击“确定”以后，就进入了这个电影剪辑的编辑舞台。为了编辑上的方便，首先我们将编辑舞台的视图放大至“200%”。然后开始制作元件中的“地球”。,1）选择工具栏中的【椭圆】工具，在【混色器】面板中做如下设置（如【混色器】面板未打开，可通过选择【窗口】【混色器】命令打开此窗口）。【笔触颜色】设置为“无”，【填充样式】设置为“线性”，增加一个色码，左、中、右色码分别为“#E6E9FF、#419DFA、#

12、11076D”（颜色值可通过键盘输入得到）。2）设置完毕后，将“图层1”改名为“地球”。选中“地球”层的第1帧，用【椭圆】工具，在舞台中绘制一个正圆（可借助键盘上的【Shift】键绘制），大小设置为“65*65”。,制作步骤如下：,4.2.2 “地球”的制作,2）设置完毕后，将“图层1”改名为“地球”。选中“地球”层的第1帧，用【椭圆】工具，在舞台中绘制一个正圆（可借助键盘上的【Shift】键绘制），大小设置为“65*65”。,3）调整图象至舞台中心。选中绘制的“地球”，按快捷键【Ctrl】+【K】，打开【对齐】面板，在面板中单击【相对于舞台】下的按钮，使其处于激活状态，再分别单击【水平居中对

13、齐】和【垂直居中对齐】按钮，将图象对齐到舞台的中心。 4）选中“地球”层的第10帧，按【F6】插入关键帧，完成“地球”的制作。,制作步骤如下：,4.2.3 “月球”运动轨迹的制作,1）单击时间轴窗口左下角的“插入图层”按钮，新增一个图层，将新增图层命名为“轨迹”。2）选择工具栏中的【椭圆】工具，在【属性】面板中做如下设置：【笔触颜色】设置为黄色（#FFFF00），【填充颜色】设置为无填充，【笔触高度】设置为1。其他保持不变。,3）在“轨迹”图层第1帧画一个椭圆，改大小为95*45象素，利用【对齐】面板，将图象对齐到舞台的中心。,制作步骤如下：,4.2.4元件中“月球”的制作,1）单击时间轴窗口

14、左下角的“插入图层”按钮，新增一个图层，将新增图层命名为“月球”。2）选择工具栏中的【椭圆】工具，在【混色器】面板中做如下设置。【笔触颜色】设置为“无”，【填充样式】设置为“放射状”，增加一个色码，左色码设置为“#E7FCFE”，中间的色码设置为“#C0E9FA”，右色码设置为“#FFFFFF”，并将右色码的Alpha值设置为0。,3）设置完毕后，选中“月球”层的第1帧，用【椭圆】工具，在舞台中的空白处绘制一个正圆（可借助键盘上的【Shift】键绘制），大小设置为“20*20”。,制作步骤如下：,4.2.5创建“地球月亮”的运动引导动画,1）选中刚绘制的“月球”，通过执行【修改】【转换为元件】

15、命令，或者按键盘上的【F8】键，在弹出的“转换为元件”对话框中，将元件命名为“月球”，【类型】设置为“图形”，【注册点】选择左上角。将“月球”转换为元件。2）通过时间轴窗口左下角的“插入图层”按钮，新增两个图层，分别将新增图层命名为“引导线”、“地球1”。,3）编辑引导线。复制“轨迹”图层第1帧的内容粘贴到“引导线”图层的第一帧，选中“引导线”图层第一帧上的椭圆线，用橡皮擦（最小号的）在椭圆线的最右边擦出一个极小的缺口。4）复制“地球”图层第1帧的内容粘贴到“地球1”图层的第一帧，再用箭头工具框选地球1的下半部分，按键盘上的【Delete】键删除地球1的下半部分，（为了避免误操作，可将其它图层

16、上锁）。,制作步骤如下：,4.2.5创建“地球月亮”的运动引导动画,5）更改图层属性。鼠标右击“引导线”层，在弹出的菜单中选“引导层”，将“引导线”层转化为普通引导层。鼠标右击“月球”层，在弹出的快捷菜单里选择“属性”项目，在弹出的“图层属性”对话框里将图层的“类型”更改为“被引导” 。,6）选中“月球”层的第10帧，按【F6】插入关键帧，再用箭头工具将第1帧中的月亮元件拖到引导线的上线端稍微靠上一点，在第10帧把月亮元件拖到引导线的下线端稍微靠下一点。,7）选中“月球”层第110帧中的任意一帧，在“帧”属性面板上的【补间】下拉列表中选择【动画】选项，设置其为【补间动画】。在【属性面板】里把“

17、调整到路径、同步、对齐”都打上勾。,8）按回车测试。,4.2.6 场景组织,（1）点击时间轴面板上的按钮回到主场景。（2）通过时间轴窗口左下角的“插入图层”按钮，新增五个图层，分别将新增图层命名为“太阳”、“轨迹”、“地球月亮”、“引导层”“文字”。,制作步骤如下：,4.2.6 场景组织,1）选择工具栏中的【椭圆】工具，在【混色器】面板中做如下设置。【笔触颜色】设置为“无”，【填充样式】设置为“放射状”，增加一个色码，左色码设置为“# FFCCCC”，中间的色码设置为“# FBA651”，右色码设置为“# 010101”，并将右色码的Alpha值设置为0。,（3）“太阳”的制作。,2）设置完毕

18、后，选中“太阳”层的第1帧，用【椭圆】工具，在舞台中的空白处绘制一个正圆（可借助键盘上的【Shift】键绘制），大小设置为“150*150”。3）利用【对齐】面板，将绘制的“太阳”对齐到舞台的中心。然后在太阳层的第131帧按F6插入关键帧。,制作步骤如下：,4.2.6 场景组织,（4）“地球月亮”元件运动轨迹的制作。,1）选择工具栏中的【椭圆】工具，在【属性】面板中做如下设置：【笔触颜色】设置为黄色（#FFFF00），【填充颜色】设置为无填充，【笔触高度】设置为1。其他保持不变。2）在“轨迹”图层第1帧画一个椭圆，改大小为400*250象素，利用【对齐】面板，将图象对齐到舞台的中心。,（5）编辑引导线。复制“