第七章  动画大师——Flash 5
第六节 各行其道——图层的应用 [9-6]
学习任务：
1.掌握插入图层的方法。
2.了解图层的有关操作。
3.了解引导图层的应用。

目标一  用形状补间动画制作日环食
步骤：
1.新建文件，影片背景色改为天蓝色（#0066CC）。
2.保存文件为“日环食”，为后面使用“恢复”功能做准备。
3.单击“橢圆工具”，单击“描绘颜色”，选择“无色”，单击“填充颜色”，选择“白色（#FFFFFFF）”，按下“Shift”键，同时拖动鼠标在舞台中央画一个圆，表示太阳。


4.单击“填充颜色”，选择“黑色（#000000）”，按下“Shift”键，同时拖动鼠标在太阳右边画一个稍小的圆，表示月亮。


5.单击时间轴上的第20帧，单击“插入（I）” → “关键帧（K）”，太阳和月亮自动复制了过来，并且处于选择状态。
6.单击“箭头工具”，在工作区的任意空白位置单击，取消图形选择。
7.鼠标指针指向黑色的月亮，按下左键不放，把它拖动到太阳的左边，放开左键。


8.单击第1帧，再单击“修改（M）” → “帧数（A）...”，打开“帧”面板，选择“形状补间动画”。关闭“帧”面板。
9.播放，结果太阳变成了月亮，月亮变成了太阳。日食没有发生，制作失败。


目标二  用移动补间动画制作日环食

知识收藏夹
1.形状补间动画的关键帧必须是“图形”，移动补间动画的关键帧必须是“元件的一个实例”。特别注意，只是一个实例！实例多了不行，有图形存在也不行。
2.对于制作“日环食”来说，如果把月亮转换成元件，那么太阳怎么处理？看来在目前的情况下用“移动补间动画”也不行。
3.在Flash 5 中，当不同的对象有不同的动画效果时，可以把各个对象放在不同的图层中，使它们各行其道，互不影响。

制作步骤：
1.单击“文件（F）”→  “恢复（T）”，重新制作“日环食”。
2.单击“橢圆工具”，单击“描绘颜色”，选择“无色”，单击“填充颜色”，选择“白色（#FFFFFFF）”，按下“Shift”键，同时拖动鼠标在舞台中央画一个圆，表示太阳。
3.单击“插入（I）” →“图层（L）”（也可以单击时间轴左下方的“插入图层”按钮），时间轴上出现“图层2”，并且“图层2”成为成为当前图层，反白显示，处于编辑状态。
         

4.单击“填充颜色”，选择“黑色（#000000）”，按下“Shift”键，同时拖动鼠标在太阳右边画一个稍小的圆，表示月亮。
5.单击“图层1”的第20帧，单击“插入（I）” →“帧（F）”，第1帧的太阳延续了过来。
6.单击“图层2”的第20帧，单击“插入（I）” →“关键帧（K）”，月亮自动复制了过来。
7.鼠标指针指向黑色的月亮，按下左键不放，把它拖到太阳的左边，放开左键。
8.单击“图层2”的第1帧，再单击“修改（M）” →“帧数（A）...”，打开“帧”面板，选择“形状补间动画”。关闭“帧”面板。
9.播放。


10.保存文件。

技能检查站

试一试，使用两个图层，应用“ 移动补间动画”制作“日环食”。

技巧展示台

“图层1”是太阳，只有一个关键帧，是静止不动的太阳；“图层2”应用了“形状补间动画”，是从右向左移动的月亮。太阳和月亮虽然行为不同，但处于两个图层，所以各行其道，互不影响。

目标三  了解图层的有关操作

知识收藏夹

1.当前图层——处于反白显示状态。此时，绘制图形、对象设置等一切操作仅在该图层有效，其他图层中的对象不受影响。

2.隐藏图层——隐藏该图层内的所有对象。此时，不能选择或修改该图层的对象。

3.锁定图层——图层锁定后，该图层内的对象不能修改。此时，不能选择或修改该图层的对象。
 

技能检查站

1.单击“图层1”的“隐藏图层”，看看有什么效果；再单击“图层1”的“隐藏图层”，看看又有什么效果。
2.单击“图层2”的“显示轮廓”，看看有什么效果；再单击“图层2”的“显示轮廓”，看看又有什么效果。
3.单击“锁定所有图层”，看看有什么效果；再单击“锁定所有图层”，看看又有什么效果。

技巧展示台

1.用鼠标拖动图层可以改变图层的排列次序。
2.双击图层名称，可以为图层重新命名。

目标四  引导图层的应用

能不能制作一个动画，使“地球绕着太阳跑”呢？在“日环食”动画中，我们知道，单纯使用“移动补间动画”，只能使元件实例从初始位置沿直线移动到终止位置。但是，地球是沿着“橢圆”轨迹绕太阳转的！怎么办？
想改变运动路径为曲线或折线，必须配合使用“引导图层”。

操作步骤：
1.新建文件，影片背景色设置为深蓝色（#003399）。
2.单击“橢圆工具”，单击“描绘颜色”，选择“无色”，单击“填充颜色”，选择“浅红色（#FF6666）”，按下“Shift”键，同时拖动鼠标在舞台中央画一个圆 。（图7-6-8）

（图7-6-8）  
（图7-6-9）

3.单击“描绘颜色”，选择“浅蓝色（#0099FF）”，单击“填充颜色”，选择“无色 ”，在舞台中央画一个空心橢圆。（图7-6-9）

4.双击“图层1”的名称，为图层重命名为“太阳”。（图7-6-10）

（图7-6-10）

5.单击“插入图层”按钮，插入一个新图层，重命名为“地球”。
6.单击“描绘颜色”，选择“无色”，单击“填充颜色”，选择“浅蓝色（#00CCFF）”，按下“Shift”键，同时拖动鼠标在舞台左上角画一个比太阳稍小的圆（暂时不用靠近地球轨道）。（图7-6-11）

（图7-6-11）

7.把“地球”图形转换成元件，元件命名为“地球”。
8.单击“添加引导图层”按钮，插入一个引导图层，如图7-6-12所示，新的引导图层出现在“地球”图层上方，自动命名为“引导线：地球”，同时，“地球”图层的图标和名称内缩，表示被引导，如图7-6-13所示。

（图7-6-12）

（图7-6-13）


9.单击“箭头工具”，点选地球轨道，“太阳”图层自动成为当前图层，单击“编辑（E）” →“拷贝（C）”（Ctrl+C）。
10.单击“引导线：地球”图层的第1帧，再单击“编辑（E）” →“粘贴到当前位置（N）”。现在舞台上有两个完全重合的地球轨道——空心橢圆，一个在“太阳”图层用来显示，一个在引导图层用来引导地球。
11.隐藏“太阳”图层。
12.单击“橡皮工具”，把空心橢圆左上角的一部分擦掉形成一个缺口，如图7-6-14所示（如果不隐藏“太阳”图层，会把两个橢圆同时擦掉一部分；如果只是锁定“太阳”图层，就看不出引导图层的橢圆被擦掉的效果了）。

（图7-6-14）

13.锁定引导图层。
14.单击“查看（V）”按钮，选择“贴紧对象”功能。
15.单击“箭头工具”，点选地球，地球出现中心点，再拖动地球的中心点贴紧到橢圆缺口左边一端（图7-6-15）。
（图7-6-15）

16.单击“引导线：地球”图层第60帧，单击“插入（I）” →“帧（F）”；再单击“太阳”图层第60帧，单击“插入（I）” →“帧（F）”；单击“地球”图层第60帧，单击“插入（I）” →“关键帧（K）”。（图7-6-16）

（图7-6-16）

17.点选地球，地球出现中心点，拖动地球的中心点贴紧到橢圆缺口右边一端。

18.为“地球”图层第1帧选择“移动补间动画”。
19.显示“太阳”图层。
20.播放。


21.文件保存为“太阳和地球”。

知识收藏夹
⒈引导线应该是有端点的单线条。如果是封闭或交叉的线条，那么引导路径将不确定。
⒉被引导的动画只能是移动补间动画。
⒊被引导的实例必须贴紧引导线（不必是端点，线内也行）。
⒋在发布后的电影中，是看不到引导线的。

水平测试所
判断下面说法是否正确（打“√”或“×”）：
⒈选择了某一个对象后，该对象所处的图层会自动成为当前图层。（     ）
⒉图层锁定后，其中的对像不能再修改了，但可以被选择。（     ）
⒊图层隐藏后，就没有必要再锁定了。
⒋引导线的颜色无关紧要。
⒌补间动画都可以被引导。

能力挑战场
制作动画：硬地面上，一个乒乓球，不断弹跳着，越跳越远。
提示：
乒乓球的运动轨迹是不断重复而且相连的抛物线，可以简单地用半橢圆拼接。

信息大观园
地球绕着太阳转，月亮绕着地球转——元件自身的动画
在我们以前的作品中，元件都是一帧静止的画面，它的实例在场景中不断运动形成动画。
其实，Flash 5 的元件，自身也可以是多帧、多层的动画。由这样的元件实例可以演绎出更加复杂的动画。
可以把它理解成地球和月亮的组合，在它围绕太阳公转的同时，月亮还围绕着地球公转。
在你能够熟练制作“太阳和地球”的动画后，我们来把月亮添加进去。

第一步：打开“太阳和地球”源文件。
第二步：用“箭头工具”双击地球实例，进入元件的编辑模式。这里是元件的内部，可以看到只有一个图层且只有一帧，其内容是表示地球的圆。
第三步：双击“图层1”的图层名称，为图层重命名为“地球”；锁定“地球”图层。
第四步：插入一个新图层，重命名为“月亮”。
第五步：画月亮——描绘颜色选无色，填充颜色选黄色，画一个比地球稍小的圆。
第六步：把月亮转换成元件，元件命名为“月亮”。
第七步：插入一个引导图层，在其中圈住地球画一个较小的空心橢圆表示月亮轨道。
第八步：把橢圆旋转大约45°角，再用橡皮工具在上面擦一个小缺口；锁定“引导”图层。
第九步：点选月亮，拖动月亮的中心点贴紧到橢圆缺口的一端。
第十步：在引导图层第20帧插入“帧”；在“地球”图层第20帧插入“帧”；在“月亮”图层第20帧插入“关键帧”。
第十一步：点选月亮，拖动月亮的中心点贴紧到橢圆缺口的另一端。
第十二步：为“月亮”图层第1帧选择“移动补间动画”。播放，月亮绕地球转了！
第十三步：回到场景编辑模式。地球和月亮一起绕着太阳在转，但是月亮怎么不绕地球转了呢？
第十四步：停止播放。
第十五步：测试影片。太好了，一切都如愿了。
第十六步：文件另存为“太阳地球和月亮”。


原来，当元件自身包含有动画时，必须测试影片才能看到最终效果。
说明：这只是一个示意动画，地球、月亮公转的速度和实际不相符。