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

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,机械工业出版社,中等职业教育“十一五”规划教材,电子商务专业,机械工业出版社,Flash8,动画设计实例教程,第,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,引导层和遮罩层都常用于创建高级动画，遮罩层用于聚光灯和转变之类的动画。而引导层则用于辅助绘图和创建对象的运动路径。,4.1.1,基本概念介绍,（,1,）基本概念引导层就是设定运动对象运动的某一路径（路线），在引导层中画好运动路径（引导线），在被引导层（引导层的下一层）中使运动物体与路径相吸附在一起（用鼠标点中运动物体的中心移动）。它包括运动引导层和普通引导层。,（,2,）创建运动引导层,1,）单击层面板中的插入图层按钮二次，新建,2,个新图层，。,2,）右击图层,2,，弹出快捷菜单，选“添加引导层”，。,4.1.1,基本概念介绍,3,）这样，就为所选图层（图层,2,）添加了一个运动引导层，。,4,）建立引导层时。必须先指定哪个图层被引导（本例中为图层,2,）。,4.1.1,基本概念介绍,（,3,）创建普通引导层,1,）选择上例中的图层,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,图层和引导层的链接,3,）鼠标右击图层,2,，在弹出的快捷菜单里选择“属性”项目，在弹出的“图层属性”对话框里将图层的“类型”更改为“被引导”。,（,2,）取消与普通层的链接方法,1,：鼠标右击被引导层（上例中为图层,2,），在弹出的快捷菜单里选择“属性”项目，在弹出的“图层属性”对话框里将图层的“类型”更改为“一般”。,方法,2,：拖动被引导层到普通层的下方。,4.1.2,图层和引导层的链接,方法,1,）右击，弹出快捷菜单，将“引导层”前的“”去掉。,4.1.3,取消运动引导层,方法,2,）右击，弹出快捷菜单，选属性，弹出,【,图层属性,】,对话框，将,【,类型,】,由引导层改为一般。,引导层只是建立了两个层之间的引导和被引导的关系，引导层设置好后，还要在引导层上画引导线，这样电脑才能按照设计者的要求制作出丰富多彩的动画。,4.1.4,创建运动路径,我们可以用直线工具、铅笔工具和圆形工具等画线工具来画引导线。也就是说，应该根据所画引导线的形状来使用画线工具，如果是画直线，则用直线工具，画曲线则用铅笔工具，画圆形或椭圆形的线条则用画圆工具。绘制的引导线必须是开放的路径，即必须有两个端点：开始点和结束点。如果要制作沿环型运动的动画，可以先绘制环型路径，再用橡皮擦工具在环型路径上擦出一个缺口。,4.1.5,下面我们就来制作一个简单的引导线动画。动画效果如图,4-18,所示。图,4-18,实例,1,效果,4.1.5,应用实例,1,运动的小球,制作步骤：（,1,）选择,【,文件,】【,新建,】,命令，或按快捷键,【,Ctrl】+【N,】,，新建一个,Flash,文档。（,2,）设置文档属性。选择,【,修改,】【,文档,】,命令，或按快捷键,【,Ctrl】+【J,】,，弹出“文档属性”对话框，在,【,标题,】,文本框中输入“引导线动画”，将,【,尺寸,】,设置为,400300,像素，其他保持不变。,（,3,）在,【,图层,】,面板中双击“图层,1”,，将“图层,1”,名称改为“小球”，按,【Enter】,确认。（,4,）添加运动引导层。单击时间轴窗口左下角的“添加运动引导层”按钮，这样就为“小球”层添加了一个运动引导层。,4.1.5,应用实例,1,运动的小球,制作步骤：（,5,）选中“小球”层的第一帧，然后选择工具栏中的,【,椭圆,】,工具，做如下设置：,【,笔触颜色,】,设置为“无”，,【,填充色,】,设置如下图。（,6,）设置完毕后，在舞台中按住键盘上的,【Shift】,键，利用,【,椭圆,】,工具绘制一个大小适中的正圆。并调整到适当的位置。,4.1.5,应用实例,1,运动的小球,制作步骤：,（,7,）选择工具栏中的,【,选择,】,工具，选中舞台中的小球，单击菜单栏中的,【,修改,】【,转换为元件,】,命令，或者按键盘上的,【F8】,键，在弹出的“转换为元件”对话框中，将元件命名为“小球”，,【,类型,】,设置为图形。（,8,）绘制引导线。单击运动引导层第一帧，选择工具栏中的,【,铅笔,】,工具，设置为,【,平滑,】,模式。在舞台上任意画出小球的运动轨迹（引导线）。,4.1.5,应用实例,1,运动的小球,制作步骤：,（,9,）移动小球至引导线的开始点。选择工具栏中的,【,选择,】,工具，在,【,选项,】,工具栏中单击磁铁图标，开启“贴紧至对象”功能。选择“小球”层的第一帧，将小球移动至引导线的开始点，。（在移动过程中可以看到小球元件的中间多了一个圆点，而且这个圆点总是自动吸附到引导线上，这是,Flash,中一个特殊的辅助功能,贴紧至对象。在创建按路径运动的运动动画时一定要确保此功能是打开的，否则对象将不会按照预定的路径运动）。,（,10,）插入关键帧。同时选中“小球”层和“引导”层的第,40,帧（可借助键盘上的,【Ctrl】,键连续选择），按,【F6】,插入关键帧。此时的时间轴如（,11,）移动小球至引导线的结束点。利用,【,选择,】,工具，选择“小球”层的第,40,帧，将小球移动至引导线的结束点。,4.1.5,应用实例,1,运动的小球,制作步骤：,（,12,）创建运动补间动画。选择“小球”层的第,140,帧中的任意一帧，在“帧”属性面板上的,【,补间,】,下拉列表中选择,【,动画,】,选项，设置其为,【,补间动画,】,。,（,13,）创建运动补间动画。选择“小球”层的第,140,帧中的任意一帧，在“帧”属性面板上的,【,补间,】,下拉列表中选择,【,动画,】,选项，设置其为,【,补间动画,】,。（,14,）选择,【,文件,】【,保存,】,命令，或按快捷键,【,Ctrl】+【S,】,保存影片。（,15,）选择,【,控制,】【,测试影片,】,命令，或按快捷键,【,Ctrl】+【Enter,】,测试影片。,4.1.5,应用实例,1,运动的小球,本章内容介绍,4.2,引导线应用实例,2,4.2.1,创建地球、月亮元件,4.2.2“,地球”的制作,4.2.3,月球运动轨迹的制作,4.2.4,元件中月球的制作,4.2.5,创建动画并组织才场景,4.2,引导线应用实例,2,本实例将使用引导线功能，制作太阳、地球、月亮之间运动关系的简单动画。,动画效果如下,:,制作步骤如下：,4.2.1 创建“地球月亮”元件,（,1,）选择,【,文件,】【,新建,】,命令，或按快捷键,【,Ctrl】+【N,】,，新建一个,Flash,文档。（,2,）设置文档属性。选择,【,修改,】【,文档,】,命令，或按快捷键,【,Ctrl】+【J,】,，弹出“文档属性”对话框，在,【,标题,】,文本框中输入“引导线动画”，将,【,背景颜色,】,设置为“黑色”（,#000000,），其他保持不变。,（,3,）新建电影剪辑元件。选择,【,插入,】【,新建元件,】,命令，或者按键盘上的,【Ctrl】+【F8】,键，在弹出的“创建新元件”对话框中，将元件命名为“地球月亮”，,【,类型,】,设置为“电影剪辑”。,制作步骤如下：,4.2.2“地球”的制作,在上一步点击“确定”以后，就进入了这个电影剪辑的编辑舞台。为了编辑上的方便，首先我们将编辑舞台的视图放大至“,200%”,。然后开始制作元件中的“地球”。,1,）选择工具栏中的,【,椭圆,】,工具，在,【,混色器,】,面板中做如下设置（如,【,混色器,】,面板未打开，可通过选择,【,窗口,】【,混色器,】,命令打开此窗口）。,【,笔触颜色,】,设置为“无”，,【,填充样式,】,设置为“线性”，增加一个色码，左、中、右色码分别为“,#E6E9FF,、,#419DFA,、,#11076D”,（颜色值可通过键盘输入得到）。,2,）设置完毕后，将“图层,1”,改名为“地球”。选中“地球”层的第,1,帧，用,【,椭圆,】,工具，在舞台中绘制一个正圆（可借助键盘上的,【Shift】,键绘制），大小设置为“,65*,65,”,。,制作步骤如下：,4.2.2“地球”的制作,2,）设置完毕后，将“图层,1”,改名为“地球”。选中“地球”层的第,1,帧，用,【,椭圆,】,工具，在舞台中绘制一个正圆（可借助键盘上的,【Shift】,键绘制），大小设置为“,65*,65,”,。,3,）调整图象至舞台中心。选中绘制的“地球”，按快捷键,【,Ctrl】+【K,】,，打开,【,对齐,】,面板，在面板中单击,【,相对于舞台,】,下的按钮，使其处于激活状态，再分别单击,【,水平居中对齐,】,和,【,垂直居中对齐,】,按钮，将图象对齐到舞台的中心。,4,）选中“地球”层的第,10,帧，按,【F6】,插入关键帧，完成“地球”的制作。,制作步骤如下：,4.2.3“月球”运动轨迹的制作,1,）单击时间轴窗口左下角的“插入图层”按钮，新增一个图层，将新增图层命名为“轨迹”。,2,）选择工具栏中的,【,椭圆,】,工具，在,【,属性,】,面板中做如下设置：,【,笔触颜色,】,设置为黄色（,#FFFF00,），,【,填充颜色,】,设置为无填充，,【,笔触高度,】,设置为,1,。其他保持不变。,3,）在“轨迹”图层第,1,帧画一个椭圆，改大小为,95*45,象素，利用,【,对齐,】,面板，将图象对齐到舞台的中心。,制作步骤如下：,4.2.4元件中“月球”的制作,1,）单击时间轴窗口左下角的“插入图层”按钮，新增一个图层，将新增图层命名为“月球”。,2,）选择工具栏中的,【,椭圆,】,工具，在,【,混色器,】,面板中做如下设置。,【,笔触颜色,】,设置为“无”，,【,填充样式,】,设置为“放射状”，增加一个色码，左色码设置为“,#E7FCFE”,，中间的色码设置为“,#C0E9FA”,，右色码设置为“,#FFFFFF”,，并将右色码的,Alpha,值设置为,0,。,3,）设置完毕后，选中“月球”层的第,1,帧，用,【,椭圆,】,工具，在舞台中的空白处绘制一个正圆（可借助键盘上的,【Shift】,键绘制），大小设置为“,20*,20,”,。,制作步骤如下：,4.2.5创建“地球月亮”的运动引导动画,1,）选中刚绘制的“月球”，通过执行,【,修改,】【,转换为元件,】,命令，或者按键盘上的,【F8】,键，在弹出的“转换为元件”对话框中，将元件命名为“月球”，,【,类型,】,设置为“图形”，,【,注册点,】,选择左上角。将“月球”转换为元件。,2,）通过时间轴窗口左下角的“插入图层”按钮，新增两个图层，分别将新增图层命名为“引导线”、“地球,1”,。,3,）编辑引导线。复制“轨迹”图层第,1,帧的内容粘贴到“引导线”图层的第一帧，选中“引导线”图层第一帧上的椭圆线，用橡皮擦（最小号的）在椭圆线的最右边擦出一个极小的缺口。,4,）复制“地球”图层第,1,帧的内容粘贴到“地球,1”,图层的第一帧，再用箭头工具框选地球,1,的下半部分，按键盘上的,【Delete】,键删除地球,1,的下半部分，（为了避免误操作，可将其它图层上锁）。,制作步骤如下：,4.2.5创建“地球月亮”的运动引导动画,5,）更改图层属性。鼠标右击“引导线”层，在弹出的菜单中选“引导层”，将“引导线”层转化为普通引导层。鼠标右击“月球”层，在弹出的快捷菜单里选择“属性”项目，在弹出的“图层属性”对话框里将图层的“类型”更改为“被引导”。,6,）选中“月球”层的第,10,帧，按,【F6】,插入关键帧，再用箭头工具将第,1,帧中的月亮元件拖到引导线的上线端稍微靠上一点，在第,10,帧把月亮元件拖到引导线的下线端稍微靠下一点。,7,）选中“月球”层第,110,帧中的任意一帧，在“帧”属性面板上的,【,补间,】,下拉列表中选择,【,动画,】,选项，设置其为,【,补间动画,】,。在,【,属性面板,】,里把“调整到路径、同步、对齐”都打上勾。,8,）按回车测试。,4.2.6 场景组织,（,1,）点击时间轴面板上的按钮回到主场景。（,2,）通过时间轴窗口左下角的“插入图层”按钮，新增五个图层，分别将新增图层命名为“太阳”、“轨迹”、“地球月亮”、“引导层”“文字”。,制作步骤如下：,4.2.6 场景组织,1,）选择工具栏中的,【,椭圆,】,工具，在,【,混色器,】,面板中做如下设置。,【,笔触颜色,】,设置为“无”，,【,填充样式,】,设置为“放射状”，增加一个色码，左色码设置为“,#FFCCCC”,，中间的色码设置为“,#FBA651”,，右色码设置为“,#010101”,，并将右色码的,Alpha,值设置为,0,。,（,3,）“太阳”的制作。,2,）设置完毕后，选中“太阳”层的第,1,帧，用,【,椭圆,】,工具，在舞台中的空白处绘制一个正圆（可借助键盘上的,【Shift】,键绘制），大小设置为“,150*,150,”,。,3,）利用,【,对齐,】,面板，将绘制的“太阳”对齐到舞台的中心。然后在太阳层的第,131,帧按,F6,插入关键帧。,制作步骤如下：,4.2.6 场景组织,（,4,）“地球月亮”元件运动轨迹的制作。,1,）选择工具栏中的,【,椭圆,】,工具，在,【,属性,】,面板中做如下设置：,【,笔触颜色,】,设置为黄色（,#FFFF00,），,【,填充颜色,】,设置为无填充，,【,笔触高度,】,设置为,1,。其他保持不变。,2,）在“轨迹”图层第,1,帧画一个椭圆，改大小为,400*250,象素，利用,【,对齐,】,面板，将图象对齐到舞台的中心。,（,5,）编辑引导线。复制“轨迹”图层第,1,帧的内容粘贴到“引导线”图层的第一帧，选中“引导线”图层第一帧上的椭圆线，用橡皮擦（最小号的）在椭圆线的最右边擦出一个极小的缺口。并在这两个图层的,131,帧按,【F6】,插入关键帧（或者按,【F5】,插入普通帧）。为避免无操作，请读者注意对图层加锁工具的使用。,4.2.6 场景组织,（,6,）按快捷键,【,Ctrl】+【L,】,，打开“库”面板，把库中的“地球月亮”元件拖入“地球月亮”图层的第,1,帧，中心点对准引导线缺口的上线端，并给这个元件起实例名“地球”，在,131,帧按,【F6】,插入关键帧，拖动地球月亮元件让中心点对准引导线缺口的下线端，,（,7,）创建补间动画。选中“地球月亮”层第,1131,帧中的任意一帧，在“帧”属性面板上的,【,补间,】,下拉列表中选择,【,动画,】,选项，设置其为,【,补间动画,】,。在,【,属性面板,】,里把“调整到路径、同步、对齐”都打上勾。,4.2.6 场景组织,（,8,）更改图层属性。鼠标右击“引导线”层，在弹出的菜单中选“引导层”，将“引导线”层转化为普通引导层。鼠标右击“地球月亮”层，在弹出的快捷菜单里选择“属性”项目，在弹出的“图层属性”对话框里将图层的“类型”更改为“被引导”。,（,9,）为动画添加标题。在“文字”层第,1,帧适当的位置输入本实例的名,称“太阳、地球、月亮模拟运动”，同样在,131,帧插入普通桢。,（,10,）动画完成,保存后按,【,Ctrl】+【Enter,】,测试影片,。,本章到此结束，谢谢！,