别再问我“蒙版”怎么用了！简单5招，让你的PPT轻松甩同事一条街！

大家好，我是秋小叶~

我们在给大家分享 PPT 技巧时，经常会提到一个词——「蒙版」。很多小伙伴都不知道蒙版是什么，一听就觉得好像很复杂的样子。

其实，蒙版不仅不复杂，还可以为 PPT 增色。很多看起来很高级的 PPT，都离不开蒙版的功劳。

今天我们邀请到设计师老 Lin，为我们分享 5 个「PPT 蒙版」的设计套路。相信学会之后，你的 PPT 可以脱胎换骨，一起来看看吧~本文作者：老 Lin本文来源：一六视觉(ID：yiliushijue)本文编辑：美文、璐璐

今天的主题是——PPT 蒙版。

这次分享，我总结了 5 种「PPT 蒙版」的设计套路，掌握这些套路，将会帮助你塑造更高级的 PPT，也就是常说的 PPT 的精致感。 为了方便大家记忆，我提取 5 个蒙版的第一个词，编成记忆口诀「建造这蠢材」：

建（渐变蒙版）造（造光蒙版）这（遮瑕蒙版）蠢（纯色蒙版）材（材质蒙版）

啊，好像有点骂人啊，哈哈（希望不会撞到叫建造的人...） 

这 5 个蒙版分别有什么设计套路，又可以怎么运用到我们的 PPT 设计当中呢？接下来逐一攻破，把这些设计套路学会吧~

我得提醒一下啊，这次分享的干货比较足，建议是看完之后呢，做个复盘笔记会更好，不然吸收会少很多。最好是能收藏一下，方便以后有用时随时查看。

那我们首先来看第一个问题：

什么是蒙版呢？

在 360 百科中说到，蒙版可以理解为「蒙在上面的板子」，那换做在 PPT 上，也就是在页面的上面，叠加一个板子。 接下来，我们聊聊 5 个蒙版的高级用法~

渐变蒙版 

渐变蒙版在设计领域中使用非常广泛，例如说网页设计、UI 设计、PPT 设计等等。那它有什么作用，使用的时候需要注意什么呢？让我们接着往下看~ 

▋渐变蒙版可用来塑造场景感 例如自古红蓝出 CP 的基友渐变，在 PPT 可以怎么用呢？

我找到了一张背景图，尝试通过渐变蒙版的手法，塑造出更加明显的对弈博弈的场景感：

首先呢，在图片上叠加一个矩形，并且「填充颜色」改为「渐变色」，接着把「渐变属性」改为下图这样：

这样就实现了渐变蒙版的叠加。接着，我们在页面上添加其他的排版元素，即可完成一页 PPT 封面的制作。 

（文案纯属调侃，DC 粉别打我）

在这页 PPT 的背景上，通过渐变蒙版加强了整个画面的对弈感，当然了，这其中肯定是还有一点点排版能力的。

如果你真的没有一点排版基础，是做不出这样的排版效果的，但我们今天毕竟不是一个案例实操课，更多的是讲讲不同类型蒙版的区别和作用。

同时我们要有个思维转变：

谁说，蒙版就一定得是方方正正的？拜托！可以多一点玩法。

例如下面这几张，通过不同形状的蒙版，达到的场景化效果：       

▋渐变蒙版适用场景：活力，潮流

因为渐变蒙版是 2 种颜色以上的蒙版效果，多种颜色的混搭通常会传达出一种青春活力、潮流时尚的感觉，有活跃气氛的作用。

所以渐变蒙版，大多会出现在一些购物网页、偏艺术类的设计以及嘻哈潮流风的使用上。

▋渐变过渡要自然

说到渐变过渡，就不得不提起渐变光圈这玩意儿，但大部分人对于渐变光圈是有个误区的，认为光圈越多越好。

但实际上一般的渐变光圈设置为 2 到 4 个就行了，而且想要过渡自然，光圈之间就不能挨的太近，例如这样一个反面的案例：       

▋小总结：

❶ 渐变蒙版可用来塑造场景感❷ 渐变蒙版适用于偏活力，潮流，以及比较艺术概念化的设计中❸ 渐变的过渡要自然，渐变光圈尽量控制在 2-4 个之内

造光蒙版

怎么样，关于渐变蒙版，稍微理解了些吧？接着我们要分享的是第二个蒙版，叫造光蒙版，这个词儿一听，就很厉害，造，使劲造。 ▋投射光 造光蒙版从字面意思上理解是创造光源的意思，那在 PPT 当中可以怎么用呢？我之前做了一个非常典型的案例，利用造光蒙版，做出了投射光的效果。 

只不过我在这里，用的是多个光源去创造的造光蒙版，这个效果怎么做的呢？也很简单。我们就做一个光源试一下，在灰色的画布上，新建一个旋转过的梯形。 

然后把「填充色」改为「渐变填充」，注意渐变的角度。这时候，做好跟上图一样的效果之后，其实，造光的感觉就已经有了。再把梯形的边缘稍微柔化一下就完美啦！

▋聚焦光

接着关于造光蒙版，咱要分享的是第二个小类，叫聚焦光，就举个例子来说啊：

比如上图这种颁奖 PPT 页面，经常有甲方爸爸要求做出那种在大舞台上颁奖的感觉，最好还要有类似于聚光灯那种 duangduangduang 的效果。

那这个时候，你该怎么合理地用 PPT 制作一个聚焦灯呢？ 

好了，区别于你跟高级设计师之间的一个大问题来了：也就是会不会留意设计细节问题。

来，考验一下你对生活细节留意的如何，回答一下下面 3 张图中，哪个聚焦灯的设计是正确的？  

我想，你应该不会选第一个这种直直的光效吧？生活常识还是得有一点滴，光包含部分散光效果。

所以光是类似梯形这种由小到大的形状的，这也是为什么，在第一个透射光中，我说要新建的一个梯形，而不是矩形。

其次，光是有明暗过渡的，那肯定就是得用渐变填充才行啊~不然的话就非常违背常理了。

在这里咱插播一段话：

大部分的设计，还是要扎根于现实生活，例如你做个 PPT 画面，总不能云放下面，草地放上面吧。

PPT 设计偏平面设计，在搭建一些跟实际生活类似的场景的时候，需尽量结合实际生活的场景。

▋各种光

分享到这里，你应该也清楚，所谓的不同类型的蒙版，说到底，就是个矩形，可以加点渐变，加点透明度，改变一下形状，而形成的不同设计效果。

之所以分类为造光蒙版，就是这个蒙版的作用，主要是用来塑造光源的。光源的类型这么多，我们姑且把第 3 种造光蒙版称为各种光。 以下呢，就是关于各种光的一些好玩的玩法： 

（有意思吧，这事我干的！）

▋造光蒙版的注意事项 

说到造光蒙版的注意事项，就得先知道生活中的光是什么样子的。

总结来说，光具有不同的形状，明暗的过渡，以及在最靠近光源的地方，亮度最高。留意这些生活小细节，对我们做设计的帮助也是很大的。 

上图就是一个造光蒙版的错误案例，可能你会说，谁会这么傻把光做成这种方方正正的样子啊。确实很少有人会这样。

但是，就算你认为是理所当然的东西，你有去探究过，它为什么会是这样的吗？ 做设计，需要的就是我们多对身边的设计作品，不管是人为的，还是大自然的，多提出一些为什么，积极去探索规律。 

▋小总结

以上就是对造光蒙版的分析，它主要分为 3 种光：

❶ 投射光❷ 聚焦光❸ 各种光

常用的是投射光和聚焦光。同时我们做这些从现实生活抽象而来的设计，一定要遵循现实的规则，不能违背常理。      

遮瑕蒙版

说完造光蒙版，我们接着说第 3 种蒙版类型，它叫遮瑕蒙版。遮瑕，遮住瑕疵，大概能知道这一类蒙版是干嘛的了吧~ 

▋处理不完整的背景图

如何运用遮瑕蒙版，处理不完整的背景图？

举个例子来说，我们经常会找到一张明显比正常 PPT 要宽很多，但是又特别喜欢，想用在 PPT 上的图，那可以怎么用呢？         Tip 1：第一种，是我们经常用的方式，把图片铺满屏幕，让图片的高度跟画布高度一样，然后裁剪掉多余部分。

但是，这种方式很容易出现一个问题，就是如果原图不是很高清的情况下，再去放大，那无疑最后裁剪过的图片会是非常模糊的，怎么办呢？

Tip 2：第二种方法，用遮瑕蒙版，就能相对完美的解决这个问题。

跟第一种方法不同的是，先将素材图的宽度，拉到跟画布一样大小，你可以看到，第二种方法对于原图的放大是比较小的，所以相对不会出现图片太模糊的问题。

但是，现在只是铺满了半个画布，可以看得到，素材图跟底部背景之间的过渡非常生硬，怎么办呢？ 

这时候，只需要添加一个含 2 个渐变光圈的遮瑕蒙版，处理掉素材图跟底部背景之间生硬的过渡就行了。

仔细看上面的操作图，有个细节是，渐变光圈的位置，刚好是卡在素材图跟背景过渡的地方，这样的话，就解决了过渡生硬的问题。 通过这样的方式，我们能够将更多喜欢、但又不能 100%铺满画布的素材图，更合理地运用到 PPT 当中：  

这一招，你学会了吗？

▋去除受到干扰的背景

说句实话啊，从接触设计到现在，我明白了很多东西，其中一个就是，不要奢求一张图能够 100%不做修改，不做剪裁，就能为你所用。这样的图，可遇不可求。

所以大部分情况下，我们都需要掌握那么几个图片处理小技巧，例如说，上面这页古诗 PPT，最大的问题是背景图的山太明显了，导致文案识别困难。

那就需要对背景图做处理，于是常见的方式是什么样呢？是像下图这样运用纯色蒙版，直接对整个背景图做蒙版叠加处理：  

不是说这样的方式不好，只是运用遮瑕蒙版，把背景图的山遮住，我们的页面效果会更加有古风的味道。

不信你看下面这页 PPT，保留了底下的渔夫图，是不是更加有味道呢？，操作也很简单，把渐变光圈，移到对应的位置就行了。 

▋局部遮瑕

依旧是这张古风的配图，通过局部遮瑕，我们能很简单的把渔夫图给去掉。如果直接在上面盖个形状填充一下颜色，就会就跟下图一样，一眼就看得出问题： 

▋小总结

我们来做个小总结哈~遮瑕蒙版有 3 个作用：

❶ 处理不完整的背景图❷ 去除受到干扰的背景❸ 局部遮瑕

纯色蒙版

接着，就是我们用的最多的蒙版类型：纯色蒙版。那它有什么用呢？

▋对背景做降噪处理

在上面的古诗案例中，其中之一就是直接用白色的纯色蒙版做叠加，弱化了整个背景的存在感，借此来突出我们中间的重点文案。

这样的处理方式，简单粗暴又好用，直接搞定背景太花的问题。 

在这种直接遮罩的基础上，我们还可以叠加其他的玩法，例如将主体抠出来，然后在主体跟背景图之间叠加纯色蒙版，降低背景图的存在感，强调主体。        

▋蒙版并非只有黑白两色

接着我们说到第二点，纯色蒙版并非只有黑白两色。比如下面这样的图，对比一下，你觉得是蓝色蒙版有感觉一点，还是黑色蒙版？ 

叠加了纯色蒙版的图，是不是很像摄影里面添加的滤镜呢？大部分情况下，黑白两色的蒙版就够了，但有时候，其他颜色的蒙版用得好，也会给你的页面加分哦。 

▋小总结

关于纯色蒙版：

❶ 对背景做降噪处理❷ 蒙版并非只有黑白两色    

材质蒙版

咱们已经分享了 4 种蒙版的高级用法，最后一个材质蒙版，其实是我们很少用得上的，因为它受主题的局限性非常大。 

例如像上面这张幼儿园开学典礼的 PPT 封面，底部的背景图，其实就是上面一直重复在用的配图，然后叠加了一个铅笔素描的艺术效果。 

▋胶片颗粒

对，没错，这里的材质蒙版，指的就是叠加了艺术效果的图片！而不是形状。

在艺术效果里，有很多的预设效果，例如常用的胶片颗粒效果，在 PS 中又可以理解为添加杂色。

叠加了这种效果之后会有颗粒感，可以给页面或元素，带来很大的质感提升。  

例如我之前做过的一套党政风格的 PPT 模板，背景图就是采用了胶片颗粒的效果，这种小细节的叠加，真的能增加作品的质感。 

▋虚化效果 

虚化效果也是我们最常用的艺术效果之一，使用了虚化效果的图，一般来说是作为陪衬的。

例如上面这张图，把原背景图直接放到画面会显得文案不突出，重点不明显，当叠加了虚化效果这种材质蒙版之后，文案立马就明显了很多。

同时，大部分情况下材质蒙版还会跟其他的蒙版一起叠加使用，例如下图，在虚化效果的基础上，再叠加深绿色的纯色蒙版，使得背景图带有偏绿色的滤镜效果： 

▋其他材质

艺术效果共有 23 个效果选项。巧妙合理地在不同主题上使用这些效果，将会让你的 PPT 更加有设计感。

▋小总结

材质蒙版的 3 种效果：

❶ 胶片颗粒❷ 虚化效果❸ 其他材质

以上，就是我今天要分享的 5 种 PPT 蒙版类型，为了方便大家记忆，我取个记忆口诀，叫「建造这蠢材」： ❶ 渐变蒙版❷ 造光蒙版❸ 遮瑕蒙版❹ 纯色蒙版❺ 材质蒙版  以上的 5 个内容，一次性消化下来是比较难的，所以在阅读结束之后，可以做一个简单的笔记复盘，加深学习印象。最好能够收藏这篇文章，方便需要时随时查看。