细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

基础入门 1年前 (2020) 一六视觉
128 2 1

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

图:@MEGDIEL LOPEZ

文:一六视觉 张二木

— — — — — —

全文共7010字 69图

# 细节猎人 #

#细节猎人#的03期,我简单介绍一下这个专栏:

  • 每一期针对不同的细节问题做选题,全面、深度的发掘PPT设计当中值得被留意的细节问题。

  • 为小白学PPT打好设计基础,掌握设计基本原则甚至是进阶型设计手法

  • 深度好文,通俗易懂,用众多的案例去辅助文章选题,让你对选题更加深刻。

今天的选题是

PPT蒙版

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

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

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

啊,好像有点骂人啊,哈哈(希望不会撞到叫建造的人...)

渐变蒙版)

(造光蒙版)

(遮瑕蒙版)

(纯色蒙版)

(材质蒙版)

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

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

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

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

5个蒙版的高级用法:

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

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

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

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

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

(文案纯属调侃,DC粉别打我)

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

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

谁说,蒙版就一定得是方方正正的?拜托!可以多一点玩法的嘛。

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

02.渐变蒙版适用场景:活力,潮流。

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

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

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

03.渐变过渡要自然

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

小总结:

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

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

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

5个蒙版的高级用法:

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

01.投射光

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

02.聚焦光

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

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

03.各种光

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

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

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

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

(有意思吧,这事我干的!)

04.造光蒙版的注意事项

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

小总结

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

5个蒙版的高级用法:

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

01.处理不完整的背景图

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

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

Tip1:

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

Tip2:

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

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

   ![](https://mpt.135editor.com/mmbiz_png/X1EoAHyvhyDoFuibfbpJJP8j9ylthuMn6mA8DBSVbZlfrJIc1HDNicTa2O35LJPG4pG1F86re8zq4jI9hk45UCKQ/640?wx_fmt=png)

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

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

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

这一招,你学会了吗?

02.去除受到干扰的背景

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

当然了,我是建议你在这次微课之后,拿到我的案例源文件,自己动手试一下,加深对这个技巧手法的认识。

03.局部遮瑕

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

依旧是这张古风的配图,通过局部遮瑕,我们能很简单的把渔夫图给去掉,你可别说直接上面盖个形状填充一下颜色就行了啊,不然的就跟下图一样,一眼就看的出问题来了:

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

局部遮瑕能达到类似PS抠图去图的效果,怎么用呢?吊一下你的胃口,只要你去打开我的案例源文件你就能知道了。

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

5个蒙版的高级用法:

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

01,对背景做降噪处理

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

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

5个蒙版的高级用法:

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

01,胶片颗粒

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

02,虚化效果

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

03,其他材质

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

渐变蒙版

造光蒙版

遮瑕蒙版

纯色蒙版

材质蒙版

”建造这蠢材”

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

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

蒙版的二八法则

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路 细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

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

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

额外知识点

不同背景下的蒙版取值

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

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

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

细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

最后,文章案例源文件获取方式:

step 1:点亮右下角的「在看」

step 2: 公众号后台回复关键词「蒙版」

作者有话说:

我是二木,一个喜欢分享设计方法论的UI设计师,PPT设计师,如果此文真的对你学习有帮助,麻烦多多分享喜欢+留言~

7000多字的文章,我就问你长不长!我写的累不累!救救孩子的阅读量吧,我要涨粉发家致富啊!

写方法论的文章,会比写具体操作的教程要难写,希望努力分享会被看得见~

END

未经允许,禁止转载

配图部份来源网络,侵联删

原创不易

喜欢分享评论请一条龙

下篇文章继续爱你~


原文链接:细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路

版权声明:一六视觉 发表于 2020年3月31日 上午8:30。
转载请注明:细节猎人03期 | 你绝对没听过这PPT蒙版的5个设计套路 | AboutPPT导航

相关文章

2 条评论