第8章 运动引导层动画

1、教师：杨萌教师：杨萌QQ：229781818Email：xian_ 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）在选中的图层上单击鼠标右键，从弹出的快捷菜单中）在选中的图层上单击鼠标右键，从弹出的快捷菜单中选择选择“引导层引导层”命令，即可将普通图层变为普通引导层。命令，即可将普通图层变为普通引导层。

4、8.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就由一般层变为普通引导层。就由一般层变

7、为普通引导层。 1.13Flash动画设计与制作动画设计与制作 将普通图层拖拽到一般引导层的下一层，此时一般引导将普通图层拖拽到一般引导层的下一层，此时一般引导层的图标变为运动引导层图标，但图层的名称不变层的图标变为运动引导层图标，但图层的名称不变8.2 运动引导层动画的制作运动引导层动画的制作 1.14Flash动画设计与制作动画设计与制作 8.2 运动引导层动画的制作运动引导层动画的制作 将被引导的普通图层拖拽到运动引导层的上一层，此时将被引导的普通图层拖拽到运动引导层的上一层，此时运动引导层的图标变为一般引导层图标，但图层的名称不变运动引导层的图标变为一般引导层图标，但图层的名称不变 1

8、.15Flash动画设计与制作动画设计与制作 8.2 运动引导层动画的制作运动引导层动画的制作【步骤步骤】单击层面板中的插入图层按钮两次，新建单击层面板中的插入图层按钮两次，新建2 2个图层。个图层。鼠标右击图层鼠标右击图层3 3，选，选“引导层引导层”，将图层，将图层3 3转化为普通引转化为普通引导层。导层。1.1. 鼠标右击图层鼠标右击图层2 2，在弹出的快捷菜单里选择，在弹出的快捷菜单里选择“属性属性”项目，项目，在弹出的在弹出的“图层属性图层属性”对话框里将图层的对话框里将图层的“类型类型”更改更改为为“被引导被引导”。 1.16Flash动画设计与制作动画设计与制作 8.2 运动引导

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

10、法方法2 2：右击，弹出快捷菜单，选属性，弹出右击，弹出快捷菜单，选属性，弹出【图层属性图层属性】对话框，将对话框，将【类型类型】由引导层改为一般。由引导层改为一般。 1.18Flash动画设计与制作动画设计与制作 8.2 运动引导层动画的制作运动引导层动画的制作 引导层只是建立了两个层之间的引导和被引导的关系，引导层只是建立了两个层之间的引导和被引导的关系，引导层设置好后，还要在引导层上画引导线，这样电脑才能引导层设置好后，还要在引导层上画引导线，这样电脑才能按照设计者的要求制作出丰富多彩的动画。按照设计者的要求制作出丰富多彩的动画。 可以用直线工具、铅笔工具和圆形工具等画线工具来画可以用直

11、线工具、铅笔工具和圆形工具等画线工具来画引导线。也就是说，应该根据所画引导线的形状来使用画线引导线。也就是说，应该根据所画引导线的形状来使用画线工具，如果是画直线，则用直线工具，画曲线则用铅笔工具，工具，如果是画直线，则用直线工具，画曲线则用铅笔工具，画圆形或椭圆形的线条则用画圆工具。画圆形或椭圆形的线条则用画圆工具。 绘制的引导线必须是开放的路径，即必须有两个端点：绘制的引导线必须是开放的路径，即必须有两个端点：开始点和结束点。开始点和结束点。 如果要制作沿环型运动的动画，可以先绘制环型路径，如果要制作沿环型运动的动画，可以先绘制环型路径，再用橡皮擦工具在环型路径上擦出一个缺口。再用橡皮擦工

12、具在环型路径上擦出一个缺口。 1.19Flash动画设计与制作动画设计与制作 8.3 运动引导层动画实例运动引导层动画实例制作一个简单的引导线动画。制作一个简单的引导线动画。 1.20Flash动画设计与制作动画设计与制作 8.3 运动引导层动画实例运动引导层动画实例在在【图层图层】面板中双击面板中双击“图层图层1”1”，将，将“图层图层1”1”名称改名称改为为“小球小球”单击时间轴窗口左下角的单击时间轴窗口左下角的“添加运动引导层添加运动引导层”按钮，这按钮，这样就为样就为“小球小球”层添加了一个运动引导层。层添加了一个运动引导层。【添加图层添加图层】 1.21Flash动画设计与制作动画设

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

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

15、图标，开启“贴紧至对象贴紧至对象”功能。选择功能。选择“小球小球”层的第一帧，将小球移动至引导线的开始点，。（在移层的第一帧，将小球移动至引导线的开始点，。（在移动过程中可以看到小球元件的中间多了一个圆点，而且动过程中可以看到小球元件的中间多了一个圆点，而且这个圆点总是自动吸附到引导线上，这是这个圆点总是自动吸附到引导线上，这是FlashFlash中一个特中一个特殊的辅助功能殊的辅助功能贴紧至对象。在创建按路径运动的运贴紧至对象。在创建按路径运动的运动动画时一定要确保此功能是打开的，否则对象将不会动动画时一定要确保此功能是打开的，否则对象将不会按照预定的路径运动）。按照预定的路径运动）。 1.

16、24Flash动画设计与制作动画设计与制作 8.3 运动引导层动画实例运动引导层动画实例【小球与引导线开始点的关联小球与引导线开始点的关联】选择工具栏中的选择工具栏中的【选择选择】工具，在工具，在【选项选项】工具栏中单击磁铁图标，工具栏中单击磁铁图标，开启开启“贴紧至对象贴紧至对象”功能。功能。选择选择“小球小球”层的第一帧，将小球移动至引导线的开始点层的第一帧，将小球移动至引导线的开始点提示：在移动过程中可以看到小球元件的中间多了一个圆点，而且这个圆点提示：在移动过程中可以看到小球元件的中间多了一个圆点，而且这个圆点总是自动吸附到引导线上，这是总是自动吸附到引导线上，这是FlashFlash

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

18、，将小球移动至引导线的结束点。线的结束点。 1.26Flash动画设计与制作动画设计与制作 8.3 运动引导层动画实例运动引导层动画实例【创建补间动画创建补间动画】选择选择“小球小球”层的第层的第140140帧中的任意一帧，单击右键，选择帧中的任意一帧，单击右键，选择【创建创建传统补间传统补间】。 1.27Flash动画设计与制作动画设计与制作 8.3 运动引导层动画实例运动引导层动画实例 用用“引导线引导线”功能，让雪花不停的飘呀飘功能，让雪花不停的飘呀飘 1.28Flash动画设计与制作动画设计与制作 8.3 运动引导层动画实例运动引导层动画实例【创建雪花元件创建雪花元件】按按Ctrl+F

19、8Ctrl+F8新建一个组件，类型为新建一个组件，类型为“影片剪辑影片剪辑”，命名为，命名为“雪花雪花”。在它的正中用在它的正中用“椭圆椭圆”工具画一个圆，然后用工具画一个圆，然后用“颜料桶工具颜料桶工具”将它将它填上白色到透明的放射状渐变填上白色到透明的放射状渐变 1.29Flash动画设计与制作动画设计与制作 8.3 运动引导层动画实例运动引导层动画实例【创建雪花飘落元件创建雪花飘落元件】用用Ctrl+F8Ctrl+F8建一个组件，类型为建一个组件，类型为“影片剪辑影片剪辑”，命名为，命名为“前层前层”将组件将组件“雪花雪花”拖到其中，用拖到其中，用“选定工具选定工具”中的中的“比例比例”

20、功能把它缩小（小功能把它缩小（小技巧：先用技巧：先用“放大镜放大镜”将它放大，然后再用将它放大，然后再用“比例比例”功能，可缩得更小），功能，可缩得更小），在第在第8080帧上帧上“插入关键帧插入关键帧”，在，在“图层图层1”1”上用鼠标右键的上用鼠标右键的“添加引导线添加引导线”功能，在新增加的功能，在新增加的“引导线：图层引导线：图层1”1”的第的第1 1帧上，从帧上，从“雪花雪花”开始，画一条开始，画一条弯曲的曲线。将第弯曲的曲线。将第8080帧上的帧上的“雪花雪花”沿曲线从头拖到曲线的末尾。然后在沿曲线从头拖到曲线的末尾。然后在“图层图层1”1”的第的第1 1帧上点鼠标右键，选帧上点鼠

21、标右键，选“创建补间动画创建补间动画”功能功能插入图层，将第插入图层，将第2 2步重复做几次步重复做几次 1.30Flash动画设计与制作动画设计与制作 8.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”在对应的层上拖入对应的组