第12章 引导层动画和遮罩层动画.ppt

在第4章中，学习了Flash中图层的相关内容，了解了5种不同的图层类型，分别是一般、遮罩层、被遮罩、文件夹、引导层。之前学习的都是关于图层在绘制中的作用，本章将要着重介绍引导层、遮罩层和被遮罩层在动画方面的使用方法。 12.1、引导层动画概述 “引导层”，顾名思义，就是“引导”物体运动轨迹的图层。 一般情况下，需要使用线条，在引导层中绘制处运动轨迹，再将其他图层中的物体绑定在该线条上，调节动画以后，物体就会沿着该线条绘制出的运动轨迹进行运动。 一个引导层可以引导多个图层中的物体，而引导层中的物体不会被导出，因此不会显示在发布的SWF文件中。 12.1.1、引导层动画基本操作 接下来将通过一个实例来介绍下引导层动画的基本操作。 本实例的制作过程请参考本书，最终效果如下。 12.1.2、引导层动画常见问题及解决方法 初学者对于引导层动画的操作总会出现一些问题，归根结底还是操作不够明确，现在针对一些常见问题来进行说明。 1、物体没有沿着引导线运动，而是自身做直线运动，如左图所示。 这是物体没有绑定到引导线上的问题，正确的方法是：使用选择工具，先选中物体，这时物体中间会出现一个小圆点，把鼠标放在该小圆点上，再使用选择工具移动物体到引导线处，该小圆点会自动吸附到引导线上，只有吸附上去以后，物体才算是和引导线绑定在了一起，才可以沿着引导线运动，如右图所示。 2、物体确定已经绑定在了引导线上，但是依然没有沿着引导线运动，还是自身做直线运动，如左图所示。 观察一下引导层最左侧的图标，正常情况下应该是一条虚线的曲线，这表明引导层和被引导层之间是有联系的，但是如果图标不是曲线，而是一个向左倾斜的小锤子，这就表明引导层没有和被引导层建立正确的关系。 解决的方法就是重新调整一下图层的顺序：首先将引导层拽到物体图层的下方，然后再将物体图层拽到引导层的下方，这样操作以后，就会看到引导层最左侧的小图标变成了正确的曲线图标，如右图所示。 3、物体确定已经绑定在了引导线上，而且引导层和物体图层也已经建立好了联系，但是物体依然还是自身做直线运动 这种情况极有可能是引导线出了问题，仔细观察引导线是否有断开的情况，如果有，那这就是问题的所在，解决的方法也很简单，把引导线断开处连接在一起即可，如右图所示。 12.2、遮罩层动画概述 在第6章中，介绍了Flash中遮罩层的用法，而本节所要讲述的“遮罩层动画”，顾名思义，就是遮罩层在动画方面的使用，也就是让遮罩层动起来。 与引导层一样，参与遮罩层动画的图层也有遮罩层和被遮罩层两种，接下来将通过一个实例，来具体介绍一下遮罩层动画的使用方法。 12.2.1、遮罩层动画基本操作 本节的案例是来制作一个箭射穿箭靶的效果。 打开配套光盘中“源文件”文件夹中的“12-2-箭射穿箭靶-素材.fla”文件，会看到舞台中有一支箭和一个箭靶，两个物体都已经转换为元件，并分别单独放置在图层当中，且图层都重新命名，如左图所示。 要制作的效果，是箭把箭靶射穿，其中箭的后半部分在箭靶左侧，而箭头部分则穿过箭靶，从后面露出来。如果不用遮罩层动画的方法做，那么箭穿过箭靶，而被箭靶挡住的那一部分就无法隐藏，如右图所示。 接下来使用“遮罩层动画”的方法来解决这个问题。 本实例的制作过程请参考本书，最终效果如下。 12.2.2、遮罩层动画实例——文字叠现 上一节中的实例，实际上是被遮罩层进行的动画设置，本节的实例来制作一下遮罩层的动画制作方法。 本实例的制作过程请参考本书，最终效果如下。 12.2.3、遮罩层动画实例——手绘效果 在动画中经常会出现“一张画在画面中被一笔笔绘制出来”的效果，这种效果传统的制作方式是使用逐帧动画的方式，一帧一帧绘制出来，这种方法在在第10章“10.3、时间轴逐帧动画实例——花的生长”中，曾经介绍过。 本节将要介绍的，是一笔一笔将一张图绘制出来的手绘动画效果，同样还是使用遮罩的方式来进行制作。 本实例的制作过程请参考本书，最终效果如下。 12.3、遮罩层和引导层综合使用实例——太阳系运动动画 本实例的制作过程请参考本书，最终效果如下。 本章小结： 本章主要针对Flash的引导层和遮罩层，以及它们能够实现的动画效果进行了介绍。这两种动画形式都是Flash的制作特色，经常在动画制作中使用到。它们的技术并不复杂，但是初学的时候可能会遇到小问题，从而导致制作失败。要注意到的一些制作要点都已经在本章中一一讲到，如果制作失败可以逐条确认。 练习题： 1、使用引导层，制作树叶