如何实现遮罩层
更新日期：2024.05.07
问题1：遮罩层与被遮罩层是什么关系？ 解决思路
了解遮罩层和被遮罩层的关系，对于我们掌握遮罩动画是非常关键的。遮罩动画在Flash技术里面起到了重要作用，一些非常优秀的效果就是通过遮罩动画来实现的。例如：著名的“水面涟漪”效果，就是通过遮罩完成的，非常逼真。下面我们就通过不同的制作方法了解遮罩的原理，在实践中领会遮罩的奥妙。 具体步骤
1、运行Flash MX 2004，文档属性默认。
2、单击【文件】|【导入】|【导入到舞台】命令，导入一幅位图图片，并调整适当尺寸。
3、更改图层1为“闪吧桌面”，并锁定；
4、新建图层2命名为“遮罩层”，在遮罩层的第1帧单击文本工具键入“FLASH8.NET”，颜色黑色。
5、单击“遮罩层”选择右键菜单中的【遮罩层】命令，把这个普通图层转换为遮罩层。如图2.1.19所示。
2.1.4-1.fla
注 意 ——如果用文字作遮罩层的话，尽量选用线条比较粗壮的字体，这样才能够更好的表现遮罩效果。
提 示 ——◎区分遮罩层和被遮罩层的标准就是你想要显现的形状的图层就是遮罩层。例如在上例中，想要显示的
是 “FLASH8.NET”的字形，所以就把这个图层确定为遮罩层。 ◎对于遮罩层的颜色对于最后的遮罩效果来说是没有作用的。
技 巧 ——除了利用移动渐变动画来作遮罩效果以外，我们还可以利用形状渐变动画来制作遮罩效果。 试一试 ——要想理解遮罩的原理，我们就要通过反复的实践来了解。朋友们不妨把上例中的遮罩层和被遮罩层换一下位置，看看有
什么效果？
分 析——遮罩的原理很简单，但是往往初学的朋友对这个道理很难理解。我们不要先研究复杂的遮罩效果，从上例中我们就清晰地了解了遮罩的原理。综合利用这个原理，我们就可以制作出炫目的效果。
特别提示
遮罩效果的实现最关键在于创作者要区分清楚遮罩层和被遮罩层的关系。弄不清遮罩层的关系，头脑中就不会有这方面的想象，从而使自己的创作源泉干涸。通过简单遮罩效果的反复实践，清楚这两者之间的关系，为我们以后的FLASH创作打好坚实的基础。 特别说明
上例制作动态遮罩效果的时候把位图图片转换为图形元件的原因是，此图片是经过缩小的，所以如果不转为元件的话，做移动渐变动画就会有错误，这也是我们在制作过程中应该注意到的。除了文档可以作遮罩效果以外，我们还可以利用图形来制作这个效果。 相关问题
◎一个遮罩层可以遮罩两个或者更多的层吗？ 对于这个问题的回答是肯定的。一个遮罩层是可以对两个或更多的图层进行遮罩的。如图2.1.21所示。
图2.1.21 遮罩两个图层
此效果中就是遮罩了两个图层，一个图层从左向右移动，另一个图层由右向左移动。如图2.1.22所示。
2.1.4-2.fla。
◎可不可以把动画效果制作在遮罩层里面？
这个效果就是把移动动画效果制作在遮罩层里面的，如图2.1.23所示。
2.1.4-3.fla。
◎可以用影片剪辑制作遮罩层吗？ 影片剪辑的特点是独立与时间线运行，这样的特性可以制作遮罩层吗？我们通过实践得知，影片剪辑是可以制作遮罩层的。如图2.1.24所示。
图2.1.24 利用影片剪辑制作遮罩层 请参考源文件2.1.4-4.fla。
问题2：半透明的遮罩层遮罩图片以后可以实现半透明的遮罩效果吗？
解决思路
这个问题问得非常好，因为根据遮罩层的特点，它是显示这个图层内形状的，对于这个形状里面的填充颜色它是不承认的，所以按照正常的制作思路是无法实现的。但是我们可以通过改变遮罩的另一个关键图层---被遮罩层的透明度来实现这个效果。 具体步骤
1、运行Flash MX 2004，文档属性默认。
2、单击文本工具在舞台中键入“《专家门诊》—清华大学出版社”，并分离使之成为矢量图形，设置混色器颜色，线性填充，左边黑色透明100%，右边黑色透明0%。如图2.1.25所示。
图2.1.27 半透明文字遮罩效果 请参考源文件2.1.4-5.fla
7、 如何制作出具有透明感的遮罩效果呢？我们把思维方式反过来，遮罩层的文字我们不进行改变，把被遮罩层的透明度进行调整，看看能否实现我们想要的效果。
8、 新建一个Flash MX 2004文档，属性默认。
9、把图层1命名为“文字”，同样输入上述的文字，转化为图形元件。
10、新建图层2，命名为“透明渐变”。在这个图层里面绘制一个从左至右逐渐渐变的矩形，朋友们可以参考上面的步骤。 11、在文字层创建遮罩效果。如图2.1.28所示。
2.1.4-6.fla
注 意 ——当遮罩层与被遮罩层不对应的时候，在场景中是看不到遮罩层的形状的。
提 示 ——因为遮罩层显露的是被遮罩层的内容，所以才可以实现这个效果。
试一试 ——上一例中制作的时候渐显的遮罩效果，朋友们可以把被遮罩层的矩形元件反转过来，制作一个逐渐消失的遮罩效果。 分 析——这种效果的实现其实和上一个问题的知识没有区别，只是增加了透明度，原理都是同样的。
特别提示
此例中的遮罩效果在Flash文字动画中经常可以看到，利用被遮
罩层的速度、节奏的改变，在视觉上给人以冲击。从另一个角度来讲，这种效果也打破了文字渐显移动动画的局限性。 特别说明
图2.1.32 遮罩MC的效果
下面是把“遮罩mc”拖动到舞台中，并创建遮罩效果。如图2.1.33所示。
图2.1.33 嵌套遮罩效果
最终显露的遮罩效果只是场景中的效果。请参考一下源文件2.1.4-8。
18057115127 :ae里画一个遮罩怎么可以遮下变的所有图层?
后纪贩1241 :答：您可以使用 AE 中的“预合成”功能来将多个图层合并为一个单独的图层，然后在此单独的图层上应用遮罩，以实现遮住下面所有图层的效果。以下是一些步骤：选择您要合并的图层，并在菜单栏中选择“层”>“预合成”（或按快捷...
18057115127 :AE中如何将一个图层设置为另一个图层的遮罩层
后纪贩1241 :答：在AE中将一个图层设置为另一个图层的遮罩层，可以通过多种方式实现。首先，在图层上右键单击，然后选择“创建遮罩”来将当前图层设置为所选图层的遮罩。其次，也可以直接在时间轴上将需要作为遮罩的图层拖动到想要作为遮罩对象...
18057115127 :在ppt中怎样制作遮罩效果
后纪贩1241 :答：在ppt中制作遮罩效果步骤图7 看了在ppt中怎样制作遮罩效果的人还看 1. ppt2013如何制作遮罩效果 2. 在ppt中怎样制作遮罩效果 3. ppt如何制作遮罩动画效果 4. ppt如何实现透明遮罩效果 5. ppt中怎么制作遮罩效果 6....
18057115127 :如何在浏览器窗口上添加一个遮罩层
后纪贩1241 :答：当我们要实现一个模式弹窗时（模式弹窗，即是说出现弹窗时，页面其它地方不可点击），通常的做法是用一个div将整个页面窗口遮挡住。 实现 下面，我们一步步地实现一种较为简洁有效的遮罩层： Step 1: 首先我们要考虑定义一...
18057115127 :css如何实现鼠标移至图片上显示遮罩层及文字
后纪贩1241 :答：方法一：鼠标移至图片上显示遮罩层及文字 1、先看下html，一个img图片控件，和一个有mask样式的div，里面有文字，这个就是遮罩层。2、然后看下样式定义，先看下图片容器和图片的样式，如图，其中要注意的是img_container...
18057115127 :如何用ae做移动遮罩
后纪贩1241 :答：将您想要应用遮罩的图层拖动到遮罩图层下面，并将其设置为“Alpha Matte”。这样，遮罩层将控制图层的可见性，从而实现移动遮罩的效果。需要注意的是，移动遮罩时，您可以将遮罩路径的位置和形状进行调整，以达到您想要的效果。
18057115127 :PR里的遮罩怎样做?
后纪贩1241 :答：pr怎样制作遮罩 第一步，先打开premiere，然后把你要遮罩的视频放到视频一轨道。接着新建出一个静态的字幕，通过字幕来实现遮罩效果。如图，在字幕板里面设置好形状，左边就是形状工具，如图所示，小编我就设置了一个圆形的...
18057115127 :在FLASH8.0中怎么解决遮罩层问题?怎么能更好的运用遮罩层??希望能得 ...
后纪贩1241 :答：比如，我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。 要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。 可以用“AS”动作语句建立遮罩，但这种情况下只能有一个“被遮罩层”，同时，不能设置_alpha属性。 不...
18057115127 :js如何实现点击图片弹出窗口并放大这张图片,弹出的窗口有半透明遮罩层...
后纪贩1241 :答：通过JS代码 document.getElementById('divID').style.etElementById('divID').style.display = 'none'。函数可以实现。1、遮罩层： ，即作为背景层，覆盖整个页面。弹出层：，即背景层上的一层，此层可根据#form{top...
18057115127 :前端制作遮罩与蒙版
后纪贩1241 :答：修改 canvas 的渲染规则。比如后写的盖住前面的，改成后写的放到低层之类的。这些规则中有一个 source-in，就能实现 遮罩 （按黑白色来判断显隐）。如果你用的 strokeRect 和 fillText 那绘制出来的也是相应效果哟。
了解遮罩层和被遮罩层的关系，对于我们掌握遮罩动画是非常关键的。遮罩动画在Flash技术里面起到了重要作用，一些非常优秀的效果就是通过遮罩动画来实现的。例如：著名的“水面涟漪”效果，就是通过遮罩完成的，非常逼真。下面我们就通过不同的制作方法了解遮罩的原理，在实践中领会遮罩的奥妙。 具体步骤
1、运行Flash MX 2004，文档属性默认。
2、单击【文件】|【导入】|【导入到舞台】命令，导入一幅位图图片，并调整适当尺寸。
3、更改图层1为“闪吧桌面”，并锁定；
4、新建图层2命名为“遮罩层”，在遮罩层的第1帧单击文本工具键入“FLASH8.NET”，颜色黑色。
5、单击“遮罩层”选择右键菜单中的【遮罩层】命令，把这个普通图层转换为遮罩层。如图2.1.19所示。
2.1.4-1.fla
注 意 ——如果用文字作遮罩层的话，尽量选用线条比较粗壮的字体，这样才能够更好的表现遮罩效果。
提 示 ——◎区分遮罩层和被遮罩层的标准就是你想要显现的形状的图层就是遮罩层。例如在上例中，想要显示的
是 “FLASH8.NET”的字形，所以就把这个图层确定为遮罩层。 ◎对于遮罩层的颜色对于最后的遮罩效果来说是没有作用的。
技 巧 ——除了利用移动渐变动画来作遮罩效果以外，我们还可以利用形状渐变动画来制作遮罩效果。 试一试 ——要想理解遮罩的原理，我们就要通过反复的实践来了解。朋友们不妨把上例中的遮罩层和被遮罩层换一下位置，看看有
什么效果？
分 析——遮罩的原理很简单，但是往往初学的朋友对这个道理很难理解。我们不要先研究复杂的遮罩效果，从上例中我们就清晰地了解了遮罩的原理。综合利用这个原理，我们就可以制作出炫目的效果。
特别提示
遮罩效果的实现最关键在于创作者要区分清楚遮罩层和被遮罩层的关系。弄不清遮罩层的关系，头脑中就不会有这方面的想象，从而使自己的创作源泉干涸。通过简单遮罩效果的反复实践，清楚这两者之间的关系，为我们以后的FLASH创作打好坚实的基础。 特别说明
上例制作动态遮罩效果的时候把位图图片转换为图形元件的原因是，此图片是经过缩小的，所以如果不转为元件的话，做移动渐变动画就会有错误，这也是我们在制作过程中应该注意到的。除了文档可以作遮罩效果以外，我们还可以利用图形来制作这个效果。 相关问题
◎一个遮罩层可以遮罩两个或者更多的层吗？ 对于这个问题的回答是肯定的。一个遮罩层是可以对两个或更多的图层进行遮罩的。如图2.1.21所示。
图2.1.21 遮罩两个图层
此效果中就是遮罩了两个图层，一个图层从左向右移动，另一个图层由右向左移动。如图2.1.22所示。
2.1.4-2.fla。
◎可不可以把动画效果制作在遮罩层里面？
这个效果就是把移动动画效果制作在遮罩层里面的，如图2.1.23所示。
2.1.4-3.fla。
◎可以用影片剪辑制作遮罩层吗？ 影片剪辑的特点是独立与时间线运行，这样的特性可以制作遮罩层吗？我们通过实践得知，影片剪辑是可以制作遮罩层的。如图2.1.24所示。
图2.1.24 利用影片剪辑制作遮罩层 请参考源文件2.1.4-4.fla。
问题2：半透明的遮罩层遮罩图片以后可以实现半透明的遮罩效果吗？
解决思路
这个问题问得非常好，因为根据遮罩层的特点，它是显示这个图层内形状的，对于这个形状里面的填充颜色它是不承认的，所以按照正常的制作思路是无法实现的。但是我们可以通过改变遮罩的另一个关键图层---被遮罩层的透明度来实现这个效果。 具体步骤
1、运行Flash MX 2004，文档属性默认。
2、单击文本工具在舞台中键入“《专家门诊》—清华大学出版社”，并分离使之成为矢量图形，设置混色器颜色，线性填充，左边黑色透明100%，右边黑色透明0%。如图2.1.25所示。
图2.1.27 半透明文字遮罩效果 请参考源文件2.1.4-5.fla
7、 如何制作出具有透明感的遮罩效果呢？我们把思维方式反过来，遮罩层的文字我们不进行改变，把被遮罩层的透明度进行调整，看看能否实现我们想要的效果。
8、 新建一个Flash MX 2004文档，属性默认。
9、把图层1命名为“文字”，同样输入上述的文字，转化为图形元件。
10、新建图层2，命名为“透明渐变”。在这个图层里面绘制一个从左至右逐渐渐变的矩形，朋友们可以参考上面的步骤。 11、在文字层创建遮罩效果。如图2.1.28所示。
2.1.4-6.fla
注 意 ——当遮罩层与被遮罩层不对应的时候，在场景中是看不到遮罩层的形状的。
提 示 ——因为遮罩层显露的是被遮罩层的内容，所以才可以实现这个效果。
试一试 ——上一例中制作的时候渐显的遮罩效果，朋友们可以把被遮罩层的矩形元件反转过来，制作一个逐渐消失的遮罩效果。 分 析——这种效果的实现其实和上一个问题的知识没有区别，只是增加了透明度，原理都是同样的。
特别提示
此例中的遮罩效果在Flash文字动画中经常可以看到，利用被遮
罩层的速度、节奏的改变，在视觉上给人以冲击。从另一个角度来讲，这种效果也打破了文字渐显移动动画的局限性。 特别说明
图2.1.32 遮罩MC的效果
下面是把“遮罩mc”拖动到舞台中，并创建遮罩效果。如图2.1.33所示。
图2.1.33 嵌套遮罩效果
最终显露的遮罩效果只是场景中的效果。请参考一下源文件2.1.4-8。
后纪贩1241 :答：您可以使用 AE 中的“预合成”功能来将多个图层合并为一个单独的图层，然后在此单独的图层上应用遮罩，以实现遮住下面所有图层的效果。以下是一些步骤：选择您要合并的图层，并在菜单栏中选择“层”>“预合成”（或按快捷...
后纪贩1241 :答：在AE中将一个图层设置为另一个图层的遮罩层，可以通过多种方式实现。首先，在图层上右键单击，然后选择“创建遮罩”来将当前图层设置为所选图层的遮罩。其次，也可以直接在时间轴上将需要作为遮罩的图层拖动到想要作为遮罩对象...
后纪贩1241 :答：在ppt中制作遮罩效果步骤图7 看了在ppt中怎样制作遮罩效果的人还看 1. ppt2013如何制作遮罩效果 2. 在ppt中怎样制作遮罩效果 3. ppt如何制作遮罩动画效果 4. ppt如何实现透明遮罩效果 5. ppt中怎么制作遮罩效果 6....
后纪贩1241 :答：当我们要实现一个模式弹窗时（模式弹窗，即是说出现弹窗时，页面其它地方不可点击），通常的做法是用一个div将整个页面窗口遮挡住。 实现 下面，我们一步步地实现一种较为简洁有效的遮罩层： Step 1: 首先我们要考虑定义一...
后纪贩1241 :答：方法一：鼠标移至图片上显示遮罩层及文字 1、先看下html，一个img图片控件，和一个有mask样式的div，里面有文字，这个就是遮罩层。2、然后看下样式定义，先看下图片容器和图片的样式，如图，其中要注意的是img_container...
后纪贩1241 :答：将您想要应用遮罩的图层拖动到遮罩图层下面，并将其设置为“Alpha Matte”。这样，遮罩层将控制图层的可见性，从而实现移动遮罩的效果。需要注意的是，移动遮罩时，您可以将遮罩路径的位置和形状进行调整，以达到您想要的效果。
后纪贩1241 :答：pr怎样制作遮罩 第一步，先打开premiere，然后把你要遮罩的视频放到视频一轨道。接着新建出一个静态的字幕，通过字幕来实现遮罩效果。如图，在字幕板里面设置好形状，左边就是形状工具，如图所示，小编我就设置了一个圆形的...
后纪贩1241 :答：比如，我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。 要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。 可以用“AS”动作语句建立遮罩，但这种情况下只能有一个“被遮罩层”，同时，不能设置_alpha属性。 不...
后纪贩1241 :答：通过JS代码 document.getElementById('divID').style.etElementById('divID').style.display = 'none'。函数可以实现。1、遮罩层： ，即作为背景层，覆盖整个页面。弹出层：，即背景层上的一层，此层可根据#form{top...
后纪贩1241 :答：修改 canvas 的渲染规则。比如后写的盖住前面的，改成后写的放到低层之类的。这些规则中有一个 source-in，就能实现 遮罩 （按黑白色来判断显隐）。如果你用的 strokeRect 和 fillText 那绘制出来的也是相应效果哟。
