新视野-遮罩层

2014-04-23

　　遮罩层

　　遮罩层：可以将与遮罩层相链接的图形中的图像遮盖起来。用户可以将多个层组合放在一个遮罩层下，以创建出多样的效果。

　　2014年网页设计中，遮罩层运用广泛，出现大小焦点图页面加载等，预计2015年遮罩层讲继续延续。

　　1.概述

　　基本含义

　　flash制作软件中的一种功能.

　　遮罩层必须至少有两个图层，上面的一个图层为“遮罩层”，下面的称“被遮罩层”；这两个图层中只有相重叠的地方才会被显示。也就是说在遮罩层中有对象的地方就是“透明”的，可以看到被遮罩层中的对象，而没有对象的地方就是不透明的，被遮罩层中相应位置的对象是看不见的。

　　也可以制作多层遮罩动画，就是指一个遮罩层同时遮罩多个被遮罩层的遮罩动画。通常在制作时，系统只默认遮罩层下的一个图层为被遮罩层。

　　原理

　　在LightBox中，遮罩层的作用是把焦点限制在高亮层上，通过一个绝对定位的层（通常使用div），设置它的宽度和高度以致能覆盖整个屏幕（包括缩放和滚动浏览器的情况下），再给它设置一个比较高的zIndex来层叠在原有内容之上（但要比高亮层小），这样用户就只能点到这个层之上的内容了。

　　它的原理是：上面一层是遮罩层，下面一层是被遮罩层。遮罩层上的图，自己是不显示的。它只起到一个透光的作用。假定遮罩层上是一个正圆，那么光线就会透过这个圆形，射到下面的被遮罩层上，只会显示一个圆形的图形。如果遮罩层上什么都没有，那么光线就无法透到下面来，那么下面的被遮罩层什么也显示不出来。

　　作用

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

　　2.遮罩层的创建

　　创建方法

　　创造一个普通图层,并在其上创造一个对象.此处导入一个图象。

　　在选中刚刚创建的图层,在单击时间轴左下角的新建图层按钮,在选中的普通图层的上边建立一个新的普通图层。

　　在新建的普通图层上绘制图形与输入文字,作为遮罩层中挖空区域。

　　将鼠标指针移到遮罩的名字处,单击鼠标右建,调出图层快捷菜单,单击该快捷菜单中的"遮罩层"菜单命令.此时,选中的普通图层的名字会向右缩进,表示已经被它上面的遮罩层所联系,成为被遮罩图层。

　　设置遮罩后

　　遮罩层就会为图形提供一个区域（图形所占的区域，比如一个圆所占的区域就是这个圆），提供这个区域能使人看到被遮罩层的元素。而在区域外是看不到被遮罩层上的图形元素的（可以说被蒙住了，所以也有把遮罩说成蒙版的）

　　应用遮罩时的技巧

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

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

　　不能用一个遮罩层试图遮蔽另一个遮罩层。

　　遮罩可以应用在gif动画上。

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

　　在被遮罩层中不能放置动态文本。