怎么做遮罩层

导读：　怎么做遮罩层篇一《一定要看：flash遮罩层全》 ...

以下是中国招生考试网www.chinazhaokao.com为大家整理的《怎么做遮罩层》，希望大家能够喜欢！更多资源请搜索成考报名频道与你分享！

怎么做遮罩层篇一
《一定要看：flash遮罩层全》

初学者关于遮罩的话题问的较多，下面我将遮罩的一些常见问题进行一下归纳。

1、请问遮罩的原理是什么？

[效果

]

1.swf (3.97 KB)

遮罩层好比黑夜中的一支手电筒，照在哪儿（指被遮罩层）哪儿就显现。

第一步：创建两个图层，命名，一个是遮罩层，一个是被遮罩层；

第二步：在被遮罩层图层输入文字“闪吧，我的最爱”；

第三步：在遮罩层随便画一个形状，例如一个圆；

第四步：此步最关键。点击遮罩层图层，右键选择“遮罩层”，如图1（1）

2、我想让遮罩层运动起来，就象探照灯一样的效果，应如何做？

[效果

] 2.swf (4.08 KB)

第一步：把上面的圆转换为图形元件；

第二步：在第15帧处插入关键帧，选中元件，把它放在场景的最右端，在两帧之间右键选择“创建补间动画”，选中第1帧，右键选择“复制帧”，在第30帧处粘贴帧，在第15帧和第30帧处右键选择“创建补间动画”；

第三步：把被遮罩层的帧延长到第30处；

[源文件

] (22.5 KB)

3、我想让遮罩层随鼠标移动而移动应怎样做？

[效果

] (4.11 KB)

第一步：选中问题1的遮罩层，右键选择“遮罩层”，去掉前面的勾，此时取消了遮罩；选中

圆，右键选择“转换为元件”，在弹出的对话框中选择“影片剪辑”，在主场景中给它个实例名mask_mc。

第二步：选中被遮罩层上的文字，同样转换为影片剪辑元件，实例名为_mc

第三步：新建图层，名为“动作”，选中第一帧，写如下代码：

_mc.setMask(mask_mc);//设置_mc被mask_mc遮罩

mask_mc.onEnterFrame = function() {

//mask_mc在运行每一帧时执行函数

this._x = _xmouse;

this._y = _ymouse;

//mask_mc的坐标等于鼠标的坐标

};

[源文件

] (24 KB)

4、我想让遮罩层随鼠标移动有缓冲的效果应如何做？

[效果

] (4.14 KB)

把问题3的第三步代码改为

_mc.setMask(mask_mc);

var speed:Number = 5;//申明变量

mask_mc.onEnterFrame = function() {

this._x += (_xmouse-this._x)/speed;//让遮罩层缓冲运动

this._y += (_ymouse-this._y)/speed;

};

[源文件

] 4.fla (24 KB)

5、某对象的边框一闪而过的效果怎么做？

[效果

1]

5（1）.swf (33.09 KB)

[效果

2]

(2.55 KB)

下面以效果2为例详解其制作过程

第一步：创建三个图层，从上到下名称分别为“边框”、“矩形”、“文字”。

第二步：在“文字”图层上输入文字：“闪吧”，延长帧到第40帧处。

第三步：选中“文字”图层的第一帧复制帧，粘贴帧到“边框”图层的第一帧上；将文字按住Ctrl+B,连按两次把文字打散；选中右侧“工具”栏中的“墨水瓶工具”，在打散的文字边上点击进行描边；在该帧上用鼠标进行点击（即全选该帧上的所有对象），然后把鼠标移到右侧“工具”栏中的“填充色”上点击，再把鼠标移到弹出对话框中的右上角，将填充色设置为无；选

中刚才描出的边线，在属性中将其笔触高度设置为1.5。具体设置和效果见图1：

第四步：选中“边线”，选择“修改”→“形状”→“将线条转换为填充”；把帧延长到第40帧处。（此步是关键，不能用线条作遮罩层，应转换为填充）具体设置见图2：

第五步：创建图形元件，在该元件编辑场景中画一个矩形，从上到下进行线形渐变，具体设置见图3；把该元件从库中拉入到主场景中“矩形”图层上的第一帧上，其位置在文字的上方；在第40帧处插入关键帧，把该元件的位置移到文字的下方；在第1帧和第40帧处右键选择“创建补间动画”。

第六步：选中“边框”图层，右键选择“遮罩层”。

[源文件

]

(49 KB)

6、如何做出渐变、半透明、羽化遮罩效果？

[渐变效果

] (3.99 KB)

第一步：创建两个图层，从上到下名称分别是“遮罩”、“渐变”。

第二步：在“遮罩”图层中输入文字“闪吧，我的最爱！”。

第三步：在“渐变”图层中画一个矩形，填充渐变色。

第四步：选中“遮罩”图层，右键选择“遮罩层”。

[源文件

] (48 KB)

[羽化效果

] (91.55 KB)

第一步：创建两个图层，从上到下名称分别是“遮罩”、“图片”。

第二步：在“图片”图层上导入一张图，并转换为影片剪辑元件，实例名为tp_mc，延长帧到第40帧；在其属性面板中勾选“使用运行时位图缓存”。

第三步：在“遮罩”图层上画一个小圆，转换为影片剪辑元件，实例名为mask_mc；选择属性面板中的“滤镜”里的“模糊”，输入模糊值均为100；在第40帧处插入关键帧，把圆放大；创建补间动画。

第四步：在“动作”图层的第一帧上写代码：

tp_mc.setMask(mask_mc)

[源文件

] (137.5 KB)

半透明遮罩：把你半透明的遮罩层复制到上层即可

7、我用静态文字作遮罩层或作为被遮罩时怎么没有效果？

方法①将文字连按两次Ctrl+B，把文字打散。

方法②更改该文字的属性，不采用“使用设备字体”。

方法③把文字转换为影片元件，实例名为wz_mc；把遮罩转换为影片元件，实例名为mask_mc；在帧上写代码wz_mc.setMask(mask_mc)

8、动态文本设置被遮罩怎么没有效果？

方法①把动态文本转换为影片元件，实例名为wz_mc,创建遮罩影片元件，实例名为mask_mc；然后在帧上写代码：wz_mc.setMask(mask_mc)

方法②选择嵌入，在弹出的对话框中出现的“包含这些字符”里输入动态文本中要显示的文字。（但这种方法会使文件体积变大）

[效果]

8.swf (686 Bytes)

9、怎样让遮罩层沿着引导层上的任意路径运动？

[效果

] (91.17 KB)

[要点]

把遮罩先做成沿引导层上路径运动的影片剪辑，再把该影片剪辑设为遮罩层

[步骤]

第一步：创建图形元件，名称为“圆”，画一个圆。

第二步：创建影片剪辑元件，名称为“运动的圆”，把图形元件“圆”拖入；让圆沿引导层上的曲线运动起来。如图9：

第三步：在主场景中创建两个图层，从上到下名称分别为“遮罩”、“背景”；把“运动的圆”拖入到主场景中的“遮罩”图层上；在“背景”图层上导入一张图片；选中“遮罩”图层，右键选择“遮罩层”。

10、一般右键选择设置“遮罩层”时只能遮罩一个图层，那多个图层怎么做？

方法①把没有被遮罩的图层拖入到已经被遮罩和遮罩层之间，再调整图层顺序。

方法②用鼠标按住没有被遮罩的图层不放，然后往上推，当出现灰色的虚线时释放鼠标即可。如图10：

11、空心圆做遮罩怎么中间的空白处也作了遮罩？

[效果

] 11.swf (90.98 KB)

[方法]把空心圆不能做成影片剪辑元件，但可以是图形元件。

怎么做遮罩层篇二
《神奇的遮罩层》

评委1评语：对教材内容和学生学习起点分析明确，呵护实情。教学实例的选取具有鲜明的特色，前后有

合理的层次和阶梯性，而且问题设计能顺利衔接前后环节。案例的可读性很强。评委2评语：教学任务设计的层次性很强，有基础任务，也有进阶任务，充分考虑了学生的差异，学生还可以根据自己的喜好进行选择。教师还特意“制造”了几个“问题”，让学生通过问题分析、解决，自然

理解遮罩并掌握遮罩效果的制作方法。

神奇的遮罩层

一、教学内容分析

本节课内容是高中选修课教材《多媒体技术应用》（教育科学出版社）第四章第三节“计算机动画制作”的部分内容。教材上主要是以制作 “心系奥运，放飞梦想”为主题的动画作品为主线贯穿整个flash动画制作的教学，把动作补间，形状补间以及遮罩动画等概念全部融入到这个大的作品中，这样难免容易造成学生对各个概念的理解泛而不深，杂而不精。因此，在不背离教材要求掌握相关知识点的前提下，我对教材做了一定的调整——将遮罩效果的内容安排成一课时。遮罩是Flash许多具有眩目神奇效果的动画作品。

二、学生情况分析

（1）本节课的教学对象是高一的学生，由于我校学生大部分来自城市，整体基础相对较好。（必修）中，学生对flash中再次接触到flash

四、教学重点、难点：

(1)教学重点：遮罩层的概念，遮罩层与被遮罩层的关系以及遮罩效果的制作方法

(2)教学难点：遮罩效果的分析及其制作方法

五、课前准备

（1） 自制教具，事先准备一块纸板，并将纸板中间挖一个适当大小的圆形窟窿

（2）用屏幕录像专家做一个两张图片之间切换效果的视频教学辅助文件

六、教学过程

环节一：创设情境，激发学习动机。展示三个遮罩动画作品。

按住Ctrl键点击此处浏览动画效果 1 按住Ctrl键点击此处浏览动画效果2

（1）以美观又实用的动画效果吸引学生的注意力，激发学生参与、创作的热情。

（2）给学生一个直观的感受：三个作品都是透过“窗口”看下一图层的内容。从而自

然而然可引出遮罩的概念。

环节二：实验演示，使抽象的“遮罩”概念具体化。教材并没有对遮罩层的概念进行详细的解说，只演示在普通图层上单击鼠标右键，选择“遮罩”命令，从而完成遮罩效果，而直接对遮罩动画的定义为：“遮罩动画是指在遮罩层上绘制一个形状范围（遮色片），该图层下面的被遮罩图层上的内容只显示在该形状范围内。而超出形状范围的内容就无法显示。”如若只是照搬教材宣读给学生听，学生较难真正弄清楚什么是遮罩层，什么是遮罩动画。对遮罩概念没理解透彻，那么接下来遮罩动画效果的制作容易造成学生因不懂遮罩原理而照搬教师操作步骤、依葫芦画瓢的局面。因此，为帮助学生理解“遮罩”的含义，我事先准备一块跟教科书一般大小的纸板，并将纸板中间挖一个圆形窟窿。利用自制的教具和教科书（封按住Ctrl键点击此处浏览动画效果3

面）模拟遮罩效果演示给学生看。

设计意图：通过实验形象引入遮罩概念，使学生对抽象的“遮罩”概念有一个具体的认识，为后续环节中引导学生对遮罩层的应用打下基础。

环节三：实例验证遮罩的原理

1．静态遮罩

遮罩层标志

教师具体演示与操作，并着重引导学生观察：

（1）教师如何将普通图层转换成遮罩层

（2）“遮罩层”和“被遮罩层”的标志

（3）比较文字图层作为普通图层和作为遮罩层两种不同情况下文字颜色的变化。

通过观察，学生容易掌握普通图层与遮罩层的转换方式，并对遮罩效果有更进一步的理解：遮罩层上的形状（内容）镂空，被遮罩层的内容只显示在遮罩层被镂空的形状范围内。而超出形状范围的内容就无法显示。

此实例最后，教师帮助学生得出结论：应用遮罩效果后，由于遮罩层上的形状是被“镂空”的，因此最终显示出来的颜色是被遮罩层的颜色，与遮罩层的颜色无关。所以，可通过辨别色彩（或显示内容）的来源来确定哪一层为被遮罩层。

设计意图：

帮助学生理解遮罩在flash中的初步应用，并学会通过已知实例来判断遮罩层与被遮罩层的设定，从而实现对教学重点的突破。

2．动态遮罩（从静态到动态，知识由浅入深，循序渐进，符合学生的认知规律） 按住Ctrl键并点击此处浏览动画效果

引导学生分析：

（1）

（2） 自下而上运动？（由于上一实例已帮助

（3）

设计教学“意外”。在演示过程中“忘记”把实心椭圆所在的普通图层设为“遮罩层”，并开始测试影片。（效果如下图）

大家可观察到测试影片结果，“椭圆”并没有被“镂空”。此时请学生帮忙分析并找出演示不成功的原因。遮罩层，但仍有部分同学没能及时分析出原因，

教师与学生共同解决完操作过程中出现的问题后，提出疑问：①如果想添加一个与被“镂空”的椭圆一样大小的椭圆“边框”来衬托遮罩效果，应该如何实现这样的效果？从而自然过渡到第四环节中任务1（图片滚动效果）边框处理的问题上。（解决方法：在遮罩层上方新建一个普通图层，将遮罩层中的形状复制到新建的这一图层中当前位置，并删掉填充颜色，只剩一个边框，因此播放影片时，普通图层的“边框”就能显示出来了）②既然被遮罩层可以是静态的（如第一个实例）也可以是动态的（如第二个实例），那么大家想一想，遮罩层除了是静态的情况，可不可以也有动态的情况？（以此自然过渡到对第四环节中任务2（放大镜）的分析）

设计意图：

（1）以学生熟悉的诗词“水调歌头· 明月几时有”和具有相应词意的图片做素材，这

怎么做遮罩层篇三
《制作遮罩层动画》

怎么做遮罩层篇四
《制作遮罩动画》

怎么做遮罩层篇五
《【教程】如何做遮罩？PPT与PS的PK盛宴》

【教程】如何做遮罩？全了！PPT与PS的PK盛宴

只看楼主

文剑木然 会影巨人

9

快速升级神器

一楼送度娘。

本贴主要介绍遮罩的几个基础类别，并给出用PowerPoint和Photoshop的遮罩制作方法，通过十余个案例的学习，相信大家能对遮罩的制作提升一个层次。为了方便对涉及的案例的提问和回答，我将案例都编好了序号。请不要插楼！请勿在教程所在楼层的楼中楼回复！ PPT和PS，镇楼！

6

回复 1楼

2013-06-19 12:10

文剑木然 会影巨人

9

二楼：本贴导航

回复

2楼

2013-06-19 12:10

文剑木然

会影巨人

9

教程说明：

在开始教程之前，先说下怎么导入遮罩。 首先，什么是遮罩？请自行百度„„

会会自带了很多遮罩，如果要导入自己做的遮罩，点+，选择做好的遮罩，点确定。（会不会还有人以为像导入素材那样导入遮罩呢？）

因为我这个教程是写做遮罩的，而遮罩有无穷多，我不可能枚举。为了使教程具有通用性（这也是我喜欢的一种风格，一个教程提供一种通用方法解决一类问题启发读者想出遇上的相似问题的解决方案），我整理了约300个经典的有代表性的遮罩作为样本：

（请不要留邮箱求发，本贴不是资源贴！）然后，从这些样本里抽象出遮罩的几个基础类别，大部分的遮罩可以归为这几个基础类别之一或某几个基础类别的叠加。这几个基础类别为：

1、 形状硬边类遮罩 2、 渐变柔边类遮罩 3、 抠像轮廓类遮罩 4、 画笔纹理类遮罩

下面对这几个基础类别的遮罩分别进行详细的介绍，并给出PowerPoint和Photoshop的制作思路。

回复

3楼

2013-06-19 12:12

文剑木然 会影巨人

9

一、形状硬边类遮罩

这类遮罩使用范围较广，也相对较为容易理解与掌握。

首先，什么是形状，大家在小学就熟知的矩形、三角形、圆形等等，都是形状，PowerPoint里提供了非常丰富的形状：

怎么做遮罩层篇六
《遮罩》

怎么做遮罩层篇七
《遮罩层动画》

Flash中的遮罩层动画

授课：

一、教学目标：

1、初步学会运用Flash中遮罩层功能制作动画；

2、知道 Flash中遮罩层动画的原理；

3、通过个人探究和实例分析，提高对已有知识的综合应用能力，养成思维习惯。

二、教学重点、难点：

教学重点：遮罩层动画的创建与原理。

教学难点：如何将遮罩层效果应用于 Flash动画创意设计，实现形式为内容服务。

三、教学方法

讨论、演示、练习法教学

四、教学手段

多媒体教学，教具展示

五、教学内容及过程：

1. 课题导入

展示三个Flash遮罩动画的实例，并提问：

这种动画效果利用以往的知识是否会做？如何实现这样的动画效果呢？

2. 新课讲解

利用教具展示遮罩层动画的原理：flash中的层是一张透明的纸，当一个层转换为遮罩层后，它下面的层被称为被遮罩层。遮罩层和被遮罩层的关

系：当一个图层转换为遮罩层后，被遮罩层的内容只有通过遮罩层才可以被看得见。

讲解创建遮罩层的方法（与引导层的创建进行比较）

强调：1.flash中没有专门创建遮罩层的按钮

2.系统会自动把遮罩层下面的一层关联为被遮罩层

3. 遮罩层可以是各种图形，但不能是线条，被遮罩层不受限制。 思考：在操作中要求学生观察“层”发生的变化：

层发生了什么改变？

能否去操作尝试完成相同的操作？

3. 创建遮罩层动画（自主学习）

展示一个静态的Flash遮罩层动画的实例，要求学生利用所学的遮罩层知识，完成动画创作，并要求学生上台来演示操作过程。

再一次展示一个动态的flash遮罩动画的实例，引导提示学生完成动画设计，并为下一次课的深入掌握遮罩层动画做好准备。

4. 知识拓展

讨论：还有哪些效果可以利用遮罩体现？（一一举例）

遮罩层与被遮罩层均是静态的

遮罩层是静态的，被遮罩层是动态的：透过小孔看世界

遮罩层是动态的，被遮罩层是静态的

遮罩层与被遮罩层均是动态的，复杂，特殊的视觉效果

5. 小结

遮罩动画的原理

如何创建遮罩层动画

遮罩层与被遮罩层的关系

6. 作业

充分发挥自己的想象力：完成“爱的真谛”动画

制作“蜻蜓点水”的动画效果

六、教后记：

公开课教案

职高部：赵婷婷 2012年10月

以上就是中国招生考试网http://www.chinazhaokao.com/带给大家的精彩成考报名资源。想要了解更多《怎么做遮罩层》的朋友可以持续关注中国招生考试网，我们将会为你奉上最全最新鲜的成考报名内容哦! 中国招生考试网，因你而精彩。

相关热词搜索：flash遮罩层怎么做 ps遮罩层怎么做 html遮罩层怎么做