运动引导层动画.ppt

第8章运动引导层动画,教师：杨萌QQ：229781818Email：,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帧，插入帧在“背景”图层上方创建新层“蜜蜂”，将【库】面板中的“蜜蜂”元件拽到舞台上选择“蜜蜂”图层，单击鼠标右键，选【添加传统运动引导层】选中“引导层”，在舞台上用【铅笔工具】绘制引导线,制作小蜜蜂飞舞动画,8.3 运动引导层动画实例,【步骤】确定【工具】面板中的“吸附”按钮被激活，使用【选择工具】将“蜜蜂”的中心点与引导线左端对齐，比例调整为50%85帧处，中心点与引导线右端对齐，比例调整为100%1-85帧之间的任意一帧处，单击右键，选【创建传统补间】编辑缓动，使得“蜜蜂”飞舞过程有停留在花上采蜜的效果,