第三章 动画基础
第五节 遮罩动画(1)www.goodsgy.com

在Flash的作品中，我们常常看到很多眩目神奇的效果，而其中不少就是用最简单的“遮罩”完成的，如水波、万花筒、百页窗、放大镜、望远镜……等等。www.goodsgy.com

那么，“遮罩”如何能产生这些效果呢？www.goodsgy.com

在本节，我们除了给大家介绍“遮罩”的基本知识，还结合我们的实际经验介绍一些“遮罩”的应用技巧，最后，提供二个很实用的范例，以加深对“遮罩”原理的理解。www.goodsgy.com

1．遮罩动画的概念

（1）什么是遮罩www.goodsgy.com

遮罩动画是Flash中的一个很重要的动画类型，很多效果丰富的动画都是通过遮罩动画来完成的。在Flash的图层中有一个遮罩图层类型，为了得到特殊的显示效果，可以在遮罩层上创建一个任意形状的“视窗”，遮罩层下方的对象可以通过该“视窗”显示出来，而“视窗”之外的对象将不会显示。www.goodsgy.com

（2）遮罩有什么用www.goodsgy.com

在Flash动画中，“遮罩”主要有2种用途，一个作用是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，另一个作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。www.goodsgy.com

2．创建遮罩的方法

（1）创建遮罩www.goodsgy.com

在Flash中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。你只要在某个图层上单击右键，在弹出菜单中选择【遮罩层】，使命令的左边出现一个小勾，该图层就会生成遮罩层，“层图标”就会从普通层图标变为遮罩层图标，系统会自动把遮罩层下面的一层关联为“被遮罩层”，在缩进的同时图标变为，如果你想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就行了，如图3-5-1所示。www.goodsgy.com

www.goodsgy.com

图3-5-1 多层遮罩动画www.goodsgy.com

（2）构成遮罩和被遮罩层的元素www.goodsgy.com

遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。www.goodsgy.com

被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。www.goodsgy.com

（3）遮罩中可以使用的动画形式www.goodsgy.com

可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。www.goodsgy.com

3．应用遮罩时的技巧

l         遮罩层的基本原理是：能够透过该图层中的对象看到“被遮罩层”中的对象及其属性（包括它们的变形效果），但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。比如，我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。www.goodsgy.com

l         要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。www.goodsgy.com

l         可以用“Actions”动作语句建立遮罩，但这种情况下只能有一个“被遮罩层”，同时，不能设置_Alpha属性。www.goodsgy.com

l         不能用一个遮罩层试图遮蔽另一个遮罩层。www.goodsgy.com

l         遮罩可以应用在gif动画上。www.goodsgy.com

l         在制作过程中，遮罩层经常挡住下层的元件，影响视线，无法编辑，可以按下遮罩层时间轴面板的显示图层轮廓按钮，使之变成，使遮罩层只显示边框形状，在种情况下，你还可以拖动边框调整遮罩图形的外形和位置。www.goodsgy.com

l         在被遮罩层中不能放置动态文本。www.goodsgy.com

或许你读了上面的描述，还有点模糊，那么，通过一些范例，相信你会感受到遮罩动画的神奇！www.goodsgy.com

4．实例1——红星闪闪

实例简介www.goodsgy.com

你一定还记得，以前“八一电影制片厂”的片头总有个红五星加动态光芒的效果，如图3-5-2所示。www.goodsgy.com

本范例就是用遮罩来模仿这种效果，本范例的源文件：“闪闪红星.fla”在光盘的相关目录中。www.goodsgy.com

www.goodsgy.com

图3-5-2 红星闪闪www.goodsgy.com

www.goodsgy.com

[1] [2] [3] [4] [5] [6]  下一页