运动引导层动画.ppt

第8章 运动引导层动画,教师：杨萌 QQ：229781818 Email：xian_,8.1 运动引导层动画的基本概念 8.2 运动引导层动画的制作方法 8.3 运动引导层动画实例,内容概况,8 运动引导层动画,引导层和遮罩层都常用于创建高级动画，遮罩层用于聚光灯和转变之类的动画。而引导层则用于辅助绘图和创建对象的运动路径。 若要实现对象沿某个路径移动，就要用到引导层。 引导层主要用来绘制对象运动的轨迹。分为普通引导层和运动引导层两种。,什么是运动引导层动画,8.1 运动引导层动画的基本概念,引导层是Flash动画中又一个优秀的设计功能，是用于设计和限制对象运动路线的辅助图层。 分类： 普通引导层绘制图形时起辅助作用，用于帮助对象定位。 运动引导层绘制的图形均被视为路径，使其他层中的对象可以按照路径运动。,引导层的概念,8.1 运动引导层动画的基本概念,引导层原理：引导层除了起到引导的作用以外，同时具备普通图层中的任何属性 引导层上绘制的图形与线条为引导线，在播放动画时不会被显示。 运动引导层在制作动画方面的应用比较广泛，通过运动引导层可以使对象按照绘制的路径进行运动。 一个运动引导层可以同时引导多个图层中的对象。,引导层的概念,8.1 运动引导层动画的基本概念,普通引导层 运动引导层：引导多个层 引导一个层 设定运动对象运动的某一路径（路线），在引导层中画好运动路径（引导线），在被引导层（引导层的下一层）中使运动物体与路径相吸附在一起（用鼠标点中运动物体的中心移动） 提示：运动引导层要同一个普通层建立连接，被连接的图层都被置于引导层的下面，图层与图层之间为一条虚线，表明一种引导层次关系。,引导层的概念,8.1 运动引导层动画的基本概念,制作运动引导层动画的条件,8.1 运动引导层动画的基本概念,1、至少要创建两个图层，一个是绘制运动对象的普通图层，另一个是编辑运动路径的运动引导层 2、运动引导层与下面的普通图层相关联 3、一个普通层只能对应一个引导层，一个引导层可以对应多个普通层,【制作条件】,在时间轴窗口选中某一图层，右击，在弹出的快捷菜单中选择“引导层”，这样就将该层转换为一个普通的引导层 创建普通引导层的具体操作步骤如下： （1）选中需要创建普通引导层的图层。 （2）在选中的图层上单击鼠标右键，从弹出的快捷菜单中选择“引导层”命令，即可将普通图层变为普通引导层。,创建一般引导层,8.2 运动引导层动画的制作,在时间轴窗口选中某一图层，右击，在弹出的快捷菜单中选择“引导层”，这样就将该层转换为一个普通的引导层 创建运动引导层的操作步骤如下： （1）单击选中要为其建立运动引导层的图层。 （2）单击时间轴面板左下角的“添加运动引导层”按钮，或在此图层上单击鼠标右键，在弹出的快捷菜单中选择“添加引导层”命令，均可以在选中图层的上方创建一个运动引导层，并且建立了两者之间的连接。,创建运动引导层,8.2 运动引导层动画的制作,一般引导层与运动引导层标识,8.2 运动引导层动画的制作,8.2 运动引导层动画的制作,创建运动引导层,【步骤】 1.单击层面板中的插入图层按钮二次，新建2个新图层 2.右击图层2，弹出快捷菜单，选“添加传统运动引导层” 3.这样，就为所选图层（图层2）添加了一个运动引导层 4.建立引导层时。必须先指定哪个图层被引导（本例中为图层2）,8.2 运动引导层动画的制作,创建普通引导层,【步骤】 选择上例中的图层3，单击鼠标右键，从弹出的菜单中选择“引导层” 。 此时，图层3就由一般层变为普通引导层。,将普通图层拖拽到一般引导层的下一层，此时一般引导层的图标变为运动引导层图标，但图层的名称不变,转换为运动引导层,引导多个图层,将一般引导图层转换为运动引导层,8.2 运动引导层动画的制作,8.2 运动引导层动画的制作,将运动引导层转化为一般引导层,将被引导的普通图层拖拽到运动引导层的上一层，此时运动引导层的图标变为一般引导层图标，但图层的名称不变,8.2 运动引导层动画的制作,链接普通层与引导层,【步骤】 单击层面板中的插入图层按钮两次，新建2个图层。 鼠标右击图层3，选“引导层”，将图层3转化为普通引导层。 鼠标右击图层2，在弹出的快捷菜单里选择“属性”项目，在弹出的“图层属性”对话框里将图层的“类型”更改为“被引导”。,8.2 运动引导层动画的制作,取消普通层与引导层链接,【方法】 方法1：鼠标右击被引导层（上例中为图层2），在弹出的快捷菜单里选择“属性”项目，在弹出的“图层属性”对话框里将图层的“类型”更改为“一般” 。 方法2：拖动被引导层到普通层的下方。,8.2 运动引导层动画的制作,取消运动引导层,【方法】 方法1：右击，弹出快捷菜单，将“引导层”前的“”去掉。 方法2：右击，弹出快捷菜单，选属性，弹出【图层属性】对话框，将【类型】由引导层改为一般。,8.2 运动引导层动画的制作,创建运动路径,引导层只是建立了两个层之间的引导和被引导的关系，引导层设置好后，还要在引导层上画引导线，这样电脑才能按照设计者的要求制作出丰富多彩的动画。 可以用直线工具、铅笔工具和圆形工具等画线工具来画引导线。也就是说，应该根据所画引导线的形状来使用画线工具，如果是画直线，则用直线工具，画曲线则用铅笔工具，画圆形或椭圆形的线条则用画圆工具。 绘制的引导线必须是开放的路径，即必须有两个端点：开始点和结束点。 如果要制作沿环型运动的动画，可以先绘制环型路径，再用橡皮擦工具在环型路径上擦出一个缺口。,8.3 运动引导层动画实例,运动的小球,制作一个简单的引导线动画。,8.3 运动引导层动画实例,运动的小球,在【图层】面板中双击“图层1”，将“图层1”名称改为“小球” 单击时间轴窗口左下角的“添加运动引导层”按钮，这样就为“小球”层添加了一个运动引导层。,【添加图层】,8.3 运动引导层动画实例,运动的小球,选中“小球”层的第1帧，然后选择工具栏中的【椭圆】工具，做如下设置：【笔触颜色】设置为“无” ，【填充色】为放射性渐变 使用【椭圆】工具绘制一个大小适中的正圆（按照Shift键） 选中舞台中的小球，单击菜单栏中的【修改】【转换为元件】命令，或者按键盘上的【F8】键，将小球转换为图形元件,【绘制小球】,8.3 运动引导层动画实例,运动的小球,单击运动引导层第1帧，选择工具栏中的【铅笔】工具，设置为【平滑】模式。在舞台上任意画出小球的运动运动引导层（引导线）,【绘制引导线】,8.3 运动引导层动画实例,运动的小球,【移动小球至引导线的开始点】,选择工具栏中的【选择】工具，在【选项】工具栏中单击磁铁图标，开启“贴紧至对象”功能。选择“小球”层的第一帧，将小球移动至引导线的开始点，。（在移动过程中可以看到小球元件的中间多了一个圆点，而且这个圆点总是自动吸附到引导线上，这是Flash中一个特殊的辅助功能贴紧至对象。在创建按路径运动的运动动画时一定要确保此功能是打开的，否则对象将不会按照预定的路径运动）。,8.3 运动引导层动画实例,运动的小球,【小球与引导线开始点的关联】,选择工具栏中的【选择】工具，在【选项】工具栏中单击磁铁图标，开启“贴紧至对象”功能。 选择“小球”层的第一帧，将小球移动至引导线的开始点,提示：在移动过程中可以看到小球元件的中间多了一个圆点，而且这个圆点总是自动吸附到引导线上，这是Flash中一个特殊的辅助功能贴紧至对象。在创建按路径运动的运动动画时一定要确保此功能是打开的，否则对象将不会按照预定的路径运动）。,8.3 运动引导层动画实例,运动的小球,【小球与引导线结束点的关联】,同时选中“小球”层和“引导”层的第40帧，按【F8】插入关键帧。 利用【选择】工具，选择“小球”层的第40帧，将小球移动至引导线的结束点。,8.3 运动引导层动画实例,运动的小球,【创建补间动画】,选择“小球”层的第140帧中的任意一帧，单击右键，选择【创建传统补间】。,8.3 运动引导层动画实例,制作雪花飘飘动画,用“引导线”功能，让雪花不停的飘呀飘,8.3 运动引导层动画实例,制作雪花飘飘动画,【创建雪花元件】,按Ctrl+F8新建一个组件，类型为“影片剪辑”，命名为“雪花”。在它的正中用“椭圆”工具画一个圆，然后用“颜料桶工具”将它填上白色到透明的放射状渐变,8.3 运动引导层动画实例,制作雪花飘飘动画,【创建雪花飘落元件】,用Ctrl+F8建一个组件，类型为“影片剪辑”，命名为“前层” 将组件“雪花”拖到其中，用“选定工具”中的“比例”功能把它缩小（小技巧：先用“放大镜”将它放大，然后再用“比例”功能，可缩得更小），在第80帧上“插入关键帧”，在“图层1”上用鼠标右键的“添加引导线”功能，在新增加的“引导线：图层1”的第1帧上，从“雪花”开始，画一条弯曲的曲线。将第80帧上的“雪花”沿曲线从头拖到曲线的末尾。然后在“图层1”的第1帧上点鼠标右键，选“创建补间动画”功能 插入图层，将第2步重复做几次,8.3 运动引导层动画实例,制作雪花飘飘动画,【再创建雪花飘落元件】,按上面的步骤，重复创建雪花飘落元件，不同之处是组件的命名分别为“中层”和“后层”。“雪花”的大小和“引导线”的路径不要一样。这是为了多做几个图层，看起来效果细腻一点。,8.3 运动引导层动画实例,制作雪花飘飘动画,【制作雪花飘落的场景】,现在回到场景1中，插入6个图层，分别命名为“后层1”、“后层2”、“中层1”、“中层2”、“中层3”、“中层4”、“前层1”、“前层2” 在对应的层上拖入对应的组件，并适当的调整时间轴，让雪花飘得连贯起来,8.3 运动引导层动画实例,制作小蜜蜂飞舞动画,制作小蜜蜂飞舞动画,8.3 运动引导层动画实例,【步骤】 打开“课堂实例第八章辛勤的蜜蜂.fla”文件 选择“背景”层的第85帧，插入帧 在“背景”图层上方创建新层“蜜蜂”，将【库】面板中的“蜜蜂”元件拽到舞台上 选择“蜜蜂