今天的选题是

PPT蒙版

这次分享，总结了我在关于「PPT蒙版」上的5个高级设计手法，这是5个非常有用的设计套路，掌握这些套路，将会帮助你塑造更高级的PPT，也就是常说的，PPT中的精致感。

 

这5个蒙版，分别是渐变蒙版，造光蒙版，遮瑕蒙版，纯色蒙版，以及材质蒙版。

 

为了方便大家记忆，我提取5个蒙版的第一个词，编成记忆口诀“建造这蠢材”

 

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

 

建（渐变蒙版）

造（造光蒙版）

这（遮瑕蒙版）

蠢（纯色蒙版）

材（材质蒙版）

 

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

我得提醒一下啊，这次分享的干货比较足，建议是看完之后呢，做个复盘笔记会更好，不然吸收会少很多。

 

好了，张二木狗子课堂要开课了啊，那我们首先来看第一个问题：

什么是蒙版呢？

在360百科中说到，蒙版可以理解为“蒙在上面的板子”，那换做在PPT上，也就是在页面的上面，叠加一个板子。

 

1.渐变蒙版

渐变蒙版在设计领域中使用非常广泛，例如说网页设计，UI设计，PPT设计等等，关于渐变蒙版，它有什么作用，以及使用的时候需要注意什么呢？下面的这些你一定要瞪大眼睛看。

 

01.渐变蒙版可用来塑造场景感

例如自古红蓝出CP的基友渐变，在PPT可以怎么用呢？

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

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

 

 

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

 

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

 

在这页PPT的背景上，通过渐变蒙版加强了整个画面的对弈感，当然了，这其中肯定是还有一点点的排版能力的，如果你真的没有一点排版能力是干不来像这样子的排版，但我们今天毕竟不是一个案例实操课，更多的是讲讲不同类型蒙版的区别和作用。

 

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

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

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

02.渐变蒙版适用场景：活力，潮流。

 

因为渐变蒙版是2种颜色以上的蒙版效果，多种颜色的混搭通常会传达出一种青春活力，比较活跃的气氛，所以通常渐变蒙版，大多会出现在一些购物网页，偏艺术类的设计，以及嘻哈潮流风的使用上。

 

当然了，设计技巧并不是100%绝对的事情，你别这场微课学完之后跑出去就跟别人说，你看，二木那个锁仔（靓仔的意思）教我，渐变蒙版就是用来塑造活力和潮流的气氛的。

我跟你讲， 你要这么去理解，那我打死不承认是我教的。你要学会灵活运用呀，设计技巧并不是全通用的套路。

 

 

03.渐变过渡要自然

 

说到渐变过渡，就不得不提起渐变光圈这玩意儿，但大部分人对于渐变光圈是有个误区的，认为光圈越多越好，但实际上一般的渐变光圈设置为2到4个就行了，而且想要过渡自然，那么，光圈之间就不能挨的太近，例如这样一个反面的案例：

 

 

小总结：

1，渐变蒙版可用来塑造场景感

2，渐变蒙版适用于偏活力，潮流，以及比较艺术概念化的设计中

3，渐变的过渡要自然，渐变光圈尽量控制在2-4个之内

 

 

 

2.造光蒙版

怎么样，关于渐变蒙版，稍微理解了些吧？如果你觉得渐变蒙版讲的有点垃圾，没关系，后面还有精彩的呢，接着我们要分享的是第二个蒙版，叫造光蒙版，这个词儿一听，就很厉害，造，使劲造。

 

01.投射光

造光蒙版从字面意思上理解是创造光源的意思，那在PPT当中可以怎么用呢？我之前做了一个非常典型的案例，利用造光蒙版，做出了投射光的效果。

 

 

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

 

 

然后把填充色改为渐变填充，注意渐变的角度啊。这时候，做好跟上图一样的效果之后，其实，造光的感觉就已经有了。那还差什么呢？还差一个柔化边缘，把梯形的边缘稍微柔化一下就好啦！

02.聚焦光

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

某一天，老板拿着一页制作非常精美，由超级无敌靓仔的设计师张二木，设计的颁奖PPT页面，跟你说，我觉得这个锁仔做的页面不行，没有那种大舞台上颁奖的感觉，没有duangduangduang的特效。那这个时候，你该怎么合理的用PPT制作一个聚焦灯呢？

 

好了，区别于你跟高级设计师之间的一个大问题来了：也就是会不会留意设计细节问题？来，考验一下你对生活细节留意的如何，回答一下下面3张图中，哪个聚焦灯的设计是正确的？

 

 

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

所以光是类似梯形这种由小到大的形状的，这也是为什么，在第一个透射光中，我说要新建的一个梯形，而不是矩形，其次，光是有明暗过渡的，那肯定就是得用渐变填充才行啊~不然的话就非常违背常理了。

 

在这里咱插播一段话，大部分的设计，还是要扎根于现实生活的，例如你做个PPT画面，总不能云放下面，草地放上面吧，PPT设计偏平面设计，在搭建一些跟实际生活类似的场景的时候，其实是有点偏轻合成的，那你要是做的违背了生活常识，可就看起来怪怪的了。

 

在PPT中搭建场景化的画面，需尽量结合实际生活的场景。

 

03.各种光

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

之所以分类为造光蒙版，就是这个蒙版的作用，主要是用来塑造光源的。

光源的类型这么多，我们姑且把第3种造光蒙版称为各种光，

 

以下呢，就是关于各种光的一些好玩的玩法：

 

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

 

04.造光蒙版的注意事项

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

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

 

 

上图就是一个造光蒙版的错误案例，可能你会说，谁会这么傻把光做成这种方方正正的样子啊，确实少有人会这样，但是，就算你认为是理所当然的东西，你有去探究过，它，为什么会是这样的吗？

 

做设计，需要的就是我们多对身边的设计作品，不管是人为的，还是大自然的，多提出一些为什么，积极去探索规律。

小总结

以上呢，就是第二种光，造光蒙版的分析，常用的是投射光和聚焦光，当然还有其他各种光就没一一列举，同时我们做这些从现实生活抽象而来的设计中，一样是要遵循现实的规则，不能违背常理。

 

 

3.遮瑕蒙版

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

 

01.处理不完整的背景图

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

举个例子来说，我们经常会找到一张明显比正常PPT要宽很多，但是又特别喜欢，想用在PPT上的图，那可以怎么用呢？ 

 

Tip1：

第一种，是我们经常用的方式，把图片铺满屏幕，让图片的高度跟画布高度一样，然后裁剪掉多余部分。

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

Tip2：

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

 

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

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

 

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

仔细看上面的操作图，有个细节是，渐变光圈的位置，刚好是卡在素材图跟背景过渡的地方，这样的话，就解决了过渡生硬的问题啦

 

通过这样的方式，我们能够将更多喜欢，但是又不能100%铺满画布的素材图，更合理的运用到PPT当中：

这一招，你学会了吗？

02.去除受到干扰的背景

 

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

 

 

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

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

 

不是说这样的方式不好，当前来说，运用遮瑕蒙版，把背景图的山遮住，我们的页面效果会更加有古风的味道，不信你看一下下图，但是保留了底下的渔夫图，是不是更加有味道呢？，操作也很简单，把渐变光圈，提到对应的位置就行了。

 

当然了，我是建议你阅读这篇文章之后，自己动手试一下，加深对这个技巧手法的认识。

 

03.局部遮瑕

 

依旧是这张古风的配图，通过局部遮瑕，我们能很简单的把渔夫图给去掉。

 

4.纯色蒙版

接着，就是我们用的最多的蒙版类型：纯色蒙版。

01，对背景做降噪处理

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

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

 

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

 

 

02，蒙版并非只有黑白两色

接着我们说到第二点，纯色蒙版并非只有黑白两色，说真的啊，很多人用纯色蒙版，不是黑色，就是白色，那下面这样的图？对比一下，你觉得是蓝色蒙版有感觉一点，还是黑色蒙版？

 

 

照我说啊，两个蒙版都有感觉，哈哈，是不是很想打我？其实，你不觉得叠加了纯色蒙版的图，很像摄影里面的添加滤镜吗？对吧，大部分情况下，黑白两色的蒙版就够了，少部分时候，运用其他颜色的蒙版，会给你的页面加分不少哦。

 

 

5.材质蒙版

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

 

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

 

 

01，胶片颗粒

 

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

在艺术效果里，有很多的预设效果，例如常用的胶片颗粒效果，在PS中又可以理解为添加杂色，叠加了这种效果之后会有一颗颗的颗粒感，会给页面或元素，带来很大的质感提升。

 

 

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

 

02，虚化效果

 

虚化效果也是我们最常用的艺术效果之一，使用了虚化效果的图，一般来说是作为陪衬的，例如上面这张图中，把原背景图直接放到画面会显得文案不突出，重点不明显，当叠加了虚化效果这种材质蒙版之后，文案立马就明显了很多。

 

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

 

 

 

03，其他材质

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

 

以上，就是我今天要分享的5种PPT蒙版类型，稍微回顾一下，他们分别是渐变蒙版，造光蒙版，遮瑕蒙版，纯色蒙版，材质蒙版。为了方便大家记忆，我取个记忆口诀，叫“建造这蠢材”。

 

 

渐变蒙版

造光蒙版

遮瑕蒙版

纯色蒙版

材质蒙版

 

”建造这蠢材”

 

 

以上的5个内容，一次性消化下来是比较难的，所以最好在阅读结束之后，做一个简单的笔记复盘，加深学习印象。

 

同时呢，还有另外2个关于PPT蒙版的附加设计技巧，是我额外赠送给大家的知识福利。

 

额外知识点

蒙版的二八法则

相信大家都听过不同行业的二八法则，在PPT的蒙版使用中，同样也有二八法则，即为PPT蒙版不透明度的取值最低20%，最高80%。

 

 

上面这张叠加了渐变蒙版的图，三个渐变光圈的透明度，都是20%，这种情况下，图不会太明显，又不至于看不清楚。

20%的取值，让观众将眼光聚焦在文案本身。

 

而这第二张图，用的就是二八法则中的八，蒙版的不透明度是80%。这样，即起到了蒙版叠加的效果，又不至于原图丢失了细节。

与20%不同的是，80%的取值，更多是让观众视觉聚焦在图片上。

 

PPT蒙版二八法则的总结，并不是100%的通用，但在一定程度上，给我们的蒙版取值，找到了一定的规律。

 

 额外知识点

不同背景下的蒙版取值

最后是一个比较小的设计细节，在不同颜色的背景下，蒙版的渐变取值，是有讲究的。

这里我就不过多累赘的去讲，但这个，是非常有用的设计细节，我们拿图来做对比吧。

 

大家看上面两张图，PPT蒙版的渐变取值不同之处在于，渐变光圈的末端都是100%的不透明度，但是，一个是灯光本身的黄色，另一个是背景的黑色，可以很明显的发现，渐变光圈颜色是背景色的黑色图中，灯光的效果更加自然。

 

这也就是我最后要说的一点，如果你的蒙版是需要从有到无的渐变，类似灯光效果这样的，那末端的取值，最好是你的背景色。

 

以上呢，就是我今天关于PPT 5种蒙版的分享啦，干货很多，一次性应该是吃不下的，最后我整理了一个脑图方便大家记忆。

 

文章首发于公众号【一六视觉】，想了解更多，请移步。