【教程】如何做遮罩？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
教程说明：
在开始教程之前，先说下怎么导入遮罩。
首先，什么是遮罩？请自行百度„„
会会自带了很多遮罩，如果要导入自己做的遮罩，点
+
，选择
做好的遮罩，点确定。
（会不会
还有人以为像导入素材那样导入
遮罩呢？）
因为我这个教程是写做遮罩的，
而遮罩有无穷多，
我不可能
枚举。
为了使教程具有通用性
（这
也是
我喜欢的一种风格，
一个教程提供一种通用方法解决一类问题启发读者想出遇上的相似<
/p>
问题的解决方案）
，我整理了约
300<
/p>
个经典的有代表性的遮罩作为样本：
（请不要留邮箱求发，
本贴不是资源
贴！
）
然后，
从这些样本里抽象出遮罩
的几个基础类别，
大部分的遮罩可以归为这几个基础类别之一或某几个基础类别的叠加。
这几个基础类别为：
1
、
形状硬边类遮罩
2
、
渐变柔边类遮罩
3
、
抠像轮廓类遮罩
4
、
画笔纹理类遮罩
下面对这几个基础
类别的遮罩分别进行详细的介绍，并给出
PowerPoint
和
Photoshop
的制
作思路。<
/p>
回复
3
楼
2013-06-19 12:12
举报
|
文剑木然
会影巨人
9
一、形状硬边类遮罩
这类遮罩使用范围较广，也相对较为容易理解与掌握。
首先，什么是形状，大家在小学就熟知的矩形、三角形、圆形等等，都是形状，
PowerPoin
t
里提供了非常丰富的形状：<
/p>
其中还有任意多边形和曲线的绘制，更加丰富了形状的内容。
有许多遮罩就是由这些形状组成的，
也就是可以分解为这些形状
，
通常这类遮罩是硬边，
故
归作形状硬
边类遮罩。
这里需要提一点的是，
文字也是一种形状，
故而文字遮罩也并作此类。
会会本身也可以
做文
字遮罩，输入文字然后快照即可。
PPT
< br>也可以做文字遮罩，并且
PPT
里有艺术字。举个简单<
/p>
的例子说明：
回复
4
楼
2013-06-19 12:13
举报
|
文剑木然
会影巨人
9
===
案例
1===
插入矩形
（不一定要全屏，
看需要）
，
设为黑色
（
形状填充设为黑色，
形状轮廓也设为黑色）
：
< br>
插入文本框，输入文字，设置字体，文字颜色为白色：
选择形状层，右键“另存为图片”
好了，文字遮罩就这么简单。给一段视频应用文字遮罩，比如
火焰，是不是很有趣？
回复
5
楼
2013-06-19 12:17
举报
|
文剑木然
会影巨人
9
===
案例
2===
先讲个简单的入门，使用一个形状制作遮罩，例如这样的心形遮罩：
插入矩形，设为黑色；
插入形状，选择心形，设为白色；
同时选中心形和矩形，右键另存为图片即可。
回复
7
楼
2013-06-19 12:19
举报
|
文剑木然
会影巨人
9
===
案例
3===
掌握了基础的做法，复杂的也是同样的道理。
例如像胶片这种遮罩：
分析一下，就是白色的背景，然后加上一些黑色方块，做法如
下：
插入矩形，设为白色（形状填充和形状轮廓都要改为白
色）
；
插入矩形，就是黑色小方块
（比例为正方形时会有吸附的，自己感觉）
，设为黑色；
按住
Sh
ift
键可以限制为水平和垂直方向移动，按住
Ctrl
移动可以复制出一个。小普及下
PS
：在
PS
里，按住
Shift
< br>键为限制为
45
度增量角度移动，按住
< br>Alt
键移动拷贝。在移动过
程中有智能包参考线，方便
操作。
复制了一排，下面一排可以偷下懒，把一排都选中；
然后按住
Ctrl
键复制到下面。
当然，<
/p>
PowerPoint
里还有编组的功能，例如可以把上面的一排
小方块编为一组，下面的一
排小方块也编为一组，把两排小方块的两个组又可以再编组。
右键，选择“组合”
，即可把
选中的对象进行编组。
（这个在
Photoshop
里也经常用到，就是
把一些图层放在图层组里
~
）
这样看起来是不是要整洁点？
然后同时选中组“小方块”和白色背景（就是刚才插入的大的
白色矩形）
，右键另存为图片
即可„„
不过，
事实往往可能没有那么理想。
如果有小矩形的边超出了白色背景矩形的边，
那么超出
的部分也会在保存的图片里的。
当然修改方法也很简单，
直接调整边上的小矩形即可。
当然
也可以放到画图里打
开，然后裁剪。
回复
8
楼
2013-06-19 12:23
举报
|
文剑木然
会影巨人
9
===
案例
4===
下面介绍在
PS
里的做法，大家可以对照着学习。
新建文档，背景白色；
选择矩形工具，前景色设为黑色；
类型：形状，填充：黑色，描边：
无（或黑色）
；
按住
Shift
键画一个正方形；
选择移动工具，
按住
Shift
和
Alt
键移动并复制小正方形，
复制出一排，
然后把上面一排全
选，复制到下面，和
PowerPoint
操作类似，然后建立图层组；
< br>
看到这里，你是否觉得<
/p>
PowerPoint
和
Photosh
op
有那么一点点相像呢？
回复
9
楼
2013-06-19 12:27
举报
|
文剑木然
会影巨人
9
二、渐变柔边类遮罩
很多时候，我们看到的遮罩并非硬边，而是柔和的边缘，比如下面这个例子：
对于这类遮罩，我们很容易想到用
渐变来做（但这并不是唯一的方法）
，它们具有柔和的边
缘，故
归为渐变柔边类遮罩。
回复
10
楼
2013-06-19 12:28
举报
|
文剑木然
会影巨人
9
===
案例
5===
这里我们不妨先看下
Photosh
op
如何制作本例：
新建文档，背景白色；
新建图层，
选择渐变工具，渐变颜色：黑色到透明，渐变类型：线性渐变，按住
Shift
键绘
制渐变；
为了保证四边的渐变一致，我们选择这个渐变层，按
Ctrl+J
三次，复制出三层，然后将它
们放
置到四边（按
Ctrl+T
自由变换，右键可以选择旋转或翻转
）
；
如此就完成了。
其实在
PowerPoint
里也可以类似操作，下面介绍
PowerPoint
里的渐变。
回复
11
楼
2013-06-19 12:30
举报
|
文剑木然
会影巨人
9
===
案例
6===
插入矩形，设为白色，用作背景；
再插入一个矩形，如图：
点击这个小箭头，展开“设置形状格式”
；
填充选择“渐变填充”
预设渐变是预设的一些渐变；
“类型”
：渐变类型，一般常用的有线性渐变和射线渐变，这
个比较容易理解，不明白的可以都试下。方向和角度也比较简单，不讲。注意这里的“渐变
光圈”
，熟悉
Photoshop
的友友自然可以联想到
Photoshop
里的
渐变条。渐变条上的三个滑
块，姑且称之为“色标”吧，右边两个按钮分别为添加色标和
删除色标，不过类似于
Photo
shop
里的操作，将色标拽出渐变带即删除色标，在渐变带边缘单击即添加色标。下面的颜
色、
位置、
透明度、
亮度为色标的属性
，
选择一个色标，
即可对该色标的这些属性进行设置。
这里为完成类似上一例的效果，使用三个色标，位置如图中所示，三个色标的亮度都是
0%
，
颜色都是黑色，第一个和第二个色标透明度
都是
100%
，第三个色标的透明度是
0%
。
然后下面的“线条”设置为
“无线条”
（不要忘了哦
~
）
；
然后按住
Ctrl
键复制一个到下面来，旋转；
同样复制两个旋转后分别放到两侧；
左右两边的超出了背景的范围，调整矩形；
最后同时选中四周的矩形和背景的矩形，另存为图片即可。
如果上一步操作调整矩形没有做，
那么另存为图片后也可以用画图打开，选择保留的区域，
然后裁剪；
回复
12
楼
2013-06-19 12:33
举报
|
文剑木然
会影巨人
9
===
案例
7===
其实想想，
Photoshop
里也可以对形状添加渐变，这里再使用
Photoshop
用上述类似的方法
制作；
新建文档，背景白色；
选择矩形工具，类型：形状，填充：渐变，描边：无；
选择第二个渐变，
把上面的第一个不透明度色标往右拉一点，
下面的黑色颜色色标也往右拉
一点，
如图中所示（其实上例中第一个色标是不需要的，
但为了方便理解，
故使用了三个色
标）
。
仔细看下，画红色横线的地方，左边为渐变类
型，右边为角度，是不是感觉和
PowerPoint