运动引导层动画ppt课件

1、教师：杨萌教师：杨萌：229781818：xian_ameng163 1.2Flash动画设计与制作动画设计与制作 8.1 运动引导层动画的基本概念运动引导层动画的基本概念8.2 运动引导层动画的制作方法运动引导层动画的制作方法8.3 运动引导层动画实例运动引导层动画实例8 运动引导层动画运动引导层动画 1.3Flash动画设计与制作动画设计与制作 8.1 运动引导层动画的基本概念运动引导层动画的基本概念 1.4Flash动画设计与制作动画设计与制作 8.1 运动引导层动画的基本概念运动引导层动画的基本概念 1.5Flash动画设计与制作动画设计与制作 8.1 运动引导层动画的基本概念运动引导

2、层动画的基本概念 1.6Flash动画设计与制作动画设计与制作 8.1 运动引导层动画的基本概念运动引导层动画的基本概念 1.7Flash动画设计与制作动画设计与制作 8.1 运动引导层动画的基本概念运动引导层动画的基本概念1 1、至少要创建两个图层，一个是绘制运动对象的普通图层，、至少要创建两个图层，一个是绘制运动对象的普通图层，另一个是编辑运动路径的运动引导层另一个是编辑运动路径的运动引导层2 2、运动引导层与下面的普通图层相关联、运动引导层与下面的普通图层相关联3 3、一个普通层只能对应一个引导层，一个引导层可以对应、一个普通层只能对应一个引导层，一个引导层可以对应多个普通层多个普通层【

3、制作条件】【制作条件】 1.8Flash动画设计与制作动画设计与制作 在时间轴窗口选中某一图层，右击，在弹出的快捷菜单在时间轴窗口选中某一图层，右击，在弹出的快捷菜单中选择中选择“引导层引导层”，这样就将该层转换为一个普通的引导层，这样就将该层转换为一个普通的引导层创建普通引导层的具体操作步骤如下：创建普通引导层的具体操作步骤如下：（1 1选中需要创建普通引导层的图层。选中需要创建普通引导层的图层。（2 2在选中的图层上单击鼠标右键，从弹出的快捷菜单中在选中的图层上单击鼠标右键，从弹出的快捷菜单中选择选择“引导层引导层命令，即可将普通图层变为普通引导层。命令，即可将普通图层变为普通引导层。8.

4、2 运动引导层动画的制作运动引导层动画的制作 1.9Flash动画设计与制作动画设计与制作 在时间轴窗口选中某一图层，右击，在弹出的快捷菜单在时间轴窗口选中某一图层，右击，在弹出的快捷菜单中选择中选择“引导层引导层”，这样就将该层转换为一个普通的引导层，这样就将该层转换为一个普通的引导层创建运动引导层的操作步骤如下：创建运动引导层的操作步骤如下：（1 1单击选中要为其建立运动引导层的图层。单击选中要为其建立运动引导层的图层。（2 2单击时间轴面板左下角的单击时间轴面板左下角的“添加运动引导层添加运动引导层按钮，按钮，或在此图层上单击鼠标右键，在弹出的快捷菜单中选择或在此图层上单击鼠标右键，在弹

5、出的快捷菜单中选择“添添加引导层加引导层命令，均可以在选中图层的上方创建一个运动引命令，均可以在选中图层的上方创建一个运动引导层，并且建立了两者之间的连接。导层，并且建立了两者之间的连接。8.2 运动引导层动画的制作运动引导层动画的制作 1.10Flash动画设计与制作动画设计与制作 8.2 运动引导层动画的制作运动引导层动画的制作 1.11Flash动画设计与制作动画设计与制作 8.2 运动引导层动画的制作运动引导层动画的制作【步骤】【步骤】1.1.单击层面板中的插入图层按钮二次，新建单击层面板中的插入图层按钮二次，新建2 2个新图层个新图层2.2.右击图层右击图层2 2，弹出快捷菜单，选，

6、弹出快捷菜单，选“添加传统运动引导层添加传统运动引导层”3.3.这样，就为所选图层图层这样，就为所选图层图层2 2添加了一个运动引导层添加了一个运动引导层4.4.建立引导层时。必须先指定哪个图层被引导本例中为图建立引导层时。必须先指定哪个图层被引导本例中为图层层2 2） 1.12Flash动画设计与制作动画设计与制作 8.2 运动引导层动画的制作运动引导层动画的制作【步骤】【步骤】选择上例中的图层选择上例中的图层3 3，单击鼠标右键，从弹出的菜单中选择，单击鼠标右键，从弹出的菜单中选择“引导层引导层” ” 。 此时，图层此时，图层3 3就由一般层变为普通引导层。就由一般层变为普通引导层。 1.

7、13Flash动画设计与制作动画设计与制作 8.2 运动引导层动画的制作运动引导层动画的制作 1.14Flash动画设计与制作动画设计与制作 8.2 运动引导层动画的制作运动引导层动画的制作 将被引导的普通图层拖拽到运动引导层的上一层，此时将被引导的普通图层拖拽到运动引导层的上一层，此时运动引导层的图标变为一般引导层图标，但图层的名称不变运动引导层的图标变为一般引导层图标，但图层的名称不变 1.15Flash动画设计与制作动画设计与制作 8.2 运动引导层动画的制作运动引导层动画的制作【步骤】【步骤】单击层面板中的插入图层按钮两次，新建单击层面板中的插入图层按钮两次，新建2 2个图层。个图层。

8、鼠标右击图层鼠标右击图层3 3，选，选“引导层引导层”，将图层，将图层3 3转化为普通引导层。转化为普通引导层。鼠标右击图层鼠标右击图层2 2，在弹出的快捷菜单里选择，在弹出的快捷菜单里选择“属性属性工程，工程，在弹出的在弹出的“图层属性图层属性对话框里将图层的对话框里将图层的“类型类型更改更改为为“被引导被引导”。 1.16Flash动画设计与制作动画设计与制作 8.2 运动引导层动画的制作运动引导层动画的制作【方法】【方法】方法方法1 1：鼠标右击被引导层上例中为图层：鼠标右击被引导层上例中为图层2 2），在弹出的快），在弹出的快捷菜单里选择捷菜单里选择“属性属性工程，在弹出的工程，在弹出

9、的“图层属性图层属性对对话框里将图层的话框里将图层的“类型类型更改为更改为“普通普通” ” 。方法方法2 2：拖动被引导层到普通层的下方。：拖动被引导层到普通层的下方。 1.17Flash动画设计与制作动画设计与制作 8.2 运动引导层动画的制作运动引导层动画的制作【方法】【方法】方法方法1 1：右击，弹出快捷菜单，将：右击，弹出快捷菜单，将“引导层引导层前的前的“”“”去去掉。掉。方法方法2 2：右击，弹出快捷菜单，选属性，弹出【图层属性】：右击，弹出快捷菜单，选属性，弹出【图层属性】对话框，将【类型】由引导层改为一般。对话框，将【类型】由引导层改为一般。 1.18Flash动画设计与制作动

10、画设计与制作 8.2 运动引导层动画的制作运动引导层动画的制作 引导层只是建立了两个层之间的引导和被引导的关系，引导层只是建立了两个层之间的引导和被引导的关系，引导层设置好后，还要在引导层上画引导线，这样电脑才能引导层设置好后，还要在引导层上画引导线，这样电脑才能按照设计者的要求制作出丰富多彩的动画。按照设计者的要求制作出丰富多彩的动画。 可以用直线工具、铅笔工具和圆形工具等画线工具来画可以用直线工具、铅笔工具和圆形工具等画线工具来画引导线。也就是说，应该根据所画引导线的形状来使用画线引导线。也就是说，应该根据所画引导线的形状来使用画线工具，如果是画直线，则用直线工具，画曲线则用铅笔工具，工具

11、，如果是画直线，则用直线工具，画曲线则用铅笔工具，画圆形或椭圆形的线条则用画圆工具。画圆形或椭圆形的线条则用画圆工具。 绘制的引导线必须是开放的路径，即必须有两个端点：绘制的引导线必须是开放的路径，即必须有两个端点：开始点和结束点。开始点和结束点。 如果要制作沿环型运动的动画，可以先绘制环型路径，如果要制作沿环型运动的动画，可以先绘制环型路径，再用橡皮擦工具在环型路径上擦出一个缺口。再用橡皮擦工具在环型路径上擦出一个缺口。 1.19Flash动画设计与制作动画设计与制作 8.3 运动引导层动画实例运动引导层动画实例制作一个简单的引导线动画。制作一个简单的引导线动画。 1.20Flash动画设计

12、与制作动画设计与制作 8.3 运动引导层动画实例运动引导层动画实例在【图层】面板中双击在【图层】面板中双击“图层图层1”1”，将，将“图层图层1 1名称改名称改为为“小球小球”单击时间轴窗口左下角的单击时间轴窗口左下角的“添加运动引导层添加运动引导层按钮，这按钮，这样就为样就为“小球小球层添加了一个运动引导层。层添加了一个运动引导层。【添加图层】【添加图层】 1.21Flash动画设计与制作动画设计与制作 8.3 运动引导层动画实例运动引导层动画实例选中选中“小球小球层的第层的第1 1帧，然后选择工具栏中的【椭圆】帧，然后选择工具栏中的【椭圆】工具，做如下设置：【笔触颜色】设置为工具，做如下设

13、置：【笔触颜色】设置为“无无” ” ，【填，【填充色】为放射性渐变充色】为放射性渐变运用【椭圆】工具绘制一个大小适中的正圆按照运用【椭圆】工具绘制一个大小适中的正圆按照ShiftShift键）键）选中舞台中的小球，单击菜单栏中的【修正】选中舞台中的小球，单击菜单栏中的【修正】【转换【转换为元件】命令，或者按键盘上的【为元件】命令，或者按键盘上的【F8F8】键，将小球转换】键，将小球转换为图形元件为图形元件【绘制小球】【绘制小球】 1.22Flash动画设计与制作动画设计与制作 8.3 运动引导层动画实例运动引导层动画实例单击运动引导层第单击运动引导层第1 1帧，选择工具栏中的【铅笔】工具，帧，

14、选择工具栏中的【铅笔】工具，设置为【平滑】方式。在舞台上任意画出小球的运动运设置为【平滑】方式。在舞台上任意画出小球的运动运动引导层引导线）动引导层引导线）【绘制引导线】【绘制引导线】 1.23Flash动画设计与制作动画设计与制作 8.3 运动引导层动画实例运动引导层动画实例【移动小球至引导线的开始点】【移动小球至引导线的开始点】选择工具栏中的【选择】工具，在【选项】工具栏中单选择工具栏中的【选择】工具，在【选项】工具栏中单击磁铁图标，开启击磁铁图标，开启“贴紧至对象贴紧至对象功能。选择功能。选择“小球小球层的第一帧，将小球移动至引导线的开始点，。（在移层的第一帧，将小球移动至引导线的开始点

15、，。（在移动过程中可以看到小球元件的中间多了一个圆点，而且动过程中可以看到小球元件的中间多了一个圆点，而且这个圆点总是自动吸附到引导线上，这是这个圆点总是自动吸附到引导线上，这是FlashFlash中一个特中一个特殊的辅助功能殊的辅助功能贴紧至对象。在创建按路径运动的运贴紧至对象。在创建按路径运动的运动动画时一定要确保此功能是打开的，否则对象将不会动动画时一定要确保此功能是打开的，否则对象将不会按照预定的路径运动）。按照预定的路径运动）。 1.24Flash动画设计与制作动画设计与制作 8.3 运动引导层动画实例运动引导层动画实例【小球与引导线开始点的关联】【小球与引导线开始点的关联】选择工具

16、栏中的【选择】工具，在【选项】工具栏中单击磁铁图标，选择工具栏中的【选择】工具，在【选项】工具栏中单击磁铁图标，开启开启“贴紧至对象贴紧至对象功能。功能。选择选择“小球小球层的第一帧，将小球移动至引导线的开始点层的第一帧，将小球移动至引导线的开始点提示：在移动过程中可以看到小球元件的中间多了一个圆点，而且这个圆点提示：在移动过程中可以看到小球元件的中间多了一个圆点，而且这个圆点总是自动吸附到引导线上，这是总是自动吸附到引导线上，这是FlashFlash中一个特殊的辅助功能中一个特殊的辅助功能贴紧至对贴紧至对象。在创建按路径运动的运动动画时一定要确保此功能是打开的，否则对象象。在创建按路径运动的

17、运动动画时一定要确保此功能是打开的，否则对象将不会按照预定的路径运动）。将不会按照预定的路径运动）。 1.25Flash动画设计与制作动画设计与制作 8.3 运动引导层动画实例运动引导层动画实例【小球与引导线结束点的关联】【小球与引导线结束点的关联】同时选中同时选中“小球小球层和层和“引导引导层的第层的第4040帧，按【帧，按【F8F8】插入关键帧。】插入关键帧。利用【选择】工具，选择利用【选择】工具，选择“小球小球层的第层的第4040帧，将小球移动至引导帧，将小球移动至引导线的结束点。线的结束点。 1.26Flash动画设计与制作动画设计与制作 8.3 运动引导层动画实例运动引导层动画实例【

18、创建补间动画】【创建补间动画】选择选择“小球小球层的第层的第140140帧中的任意一帧，单击右键，选择【创建帧中的任意一帧，单击右键，选择【创建传统补间】。传统补间】。 1.27Flash动画设计与制作动画设计与制作 8.3 运动引导层动画实例运动引导层动画实例 用用“引导线引导线功能，让雪花不停的飘呀飘功能，让雪花不停的飘呀飘 1.28Flash动画设计与制作动画设计与制作 8.3 运动引导层动画实例运动引导层动画实例【创建雪花元件】【创建雪花元件】按按Ctrl+F8Ctrl+F8新建一个组件，类型为新建一个组件，类型为“影片剪辑影片剪辑”，命名为，命名为“雪花雪花”。在它的正中用在它的正中

19、用“椭圆椭圆工具画一个圆，然后用工具画一个圆，然后用“颜料桶工具颜料桶工具将它将它填上白色到透明的放射状渐变填上白色到透明的放射状渐变 1.29Flash动画设计与制作动画设计与制作 8.3 运动引导层动画实例运动引导层动画实例【创建雪花飘落元件】【创建雪花飘落元件】用用Ctrl+F8Ctrl+F8建一个组件，类型为建一个组件，类型为“影片剪辑影片剪辑”，命名为，命名为“前层前层”将组件将组件“雪花雪花拖到其中，用拖到其中，用“选定工具选定工具中的中的“比例比例功能把它缩小小功能把它缩小小技巧：先用技巧：先用“放大镜放大镜将它放大，然后再用将它放大，然后再用“比例比例功能，可缩得更小），功能，

20、可缩得更小），在第在第8080帧上帧上“插入关键帧插入关键帧”，在，在“图层图层1 1上用鼠标右键的上用鼠标右键的“添加引导线添加引导线功能，在新增加的功能，在新增加的“引导线：图层引导线：图层1 1的第的第1 1帧上，从帧上，从“雪花雪花开场，画一条开场，画一条弯曲的曲线。将第弯曲的曲线。将第8080帧上的帧上的“雪花雪花沿曲线从头拖到曲线的末尾。然后在沿曲线从头拖到曲线的末尾。然后在“图层图层1 1的第的第1 1帧上点鼠标右键，选帧上点鼠标右键，选“创建补间动画创建补间动画功能功能插入图层，将第插入图层，将第2 2步重复做几次步重复做几次 1.30Flash动画设计与制作动画设计与制作 8

21、.3 运动引导层动画实例运动引导层动画实例【再创建雪花飘落元件】【再创建雪花飘落元件】按上面的步骤，重复创建雪花飘落元件，不同之处是组按上面的步骤，重复创建雪花飘落元件，不同之处是组件的命名分别为件的命名分别为“中层中层和和“后层后层”。“雪花雪花的大小的大小和和“引导线引导线的路径不要一样。这是为了多做几个图层，的路径不要一样。这是为了多做几个图层，看起来效果细腻一点。看起来效果细腻一点。 1.31Flash动画设计与制作动画设计与制作 8.3 运动引导层动画实例运动引导层动画实例【制作雪花飘落的场景】【制作雪花飘落的场景】现在回到场景现在回到场景1 1中，插入中，插入6 6个图层，分别命名为个图层，分别命名为“后层后层1”1”、“后层后层2”2”、“中层中层1”1”、“中层中层2”2”、“中层中层3”3”、“中层中层4”4”、“前层前层1”1”、“前层前层2”2”在对应的层上拖入对应