islide插件

3招教你做出令人咋舌PPT渐变色!

3招教你做出令人咋舌PPT渐变色!
导读

如何调出高级感的渐变色,这篇文章来分享3个设计渐变色的方法,分别是:1、HSL渐变法;2、深浅搭配法以及3、多层渐变叠加法。我相信,看完之后,你也可以做出优秀的渐变配色!

有很多读者,在看完每一期的 PPT 案例修改之后,总会问我一个相同的问题,那就是:

『如何调整出高级感的 PPT 渐变色』?

其实这个方法有很多:

  • 有些人会搜索网上的渐变色网站;
  • 有些人会提取优秀案例的渐变色;
  • ……

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

来自Dribbble

但不得不说,这些都是别人设计的渐变色,对你来讲,虽然可以很方便的进行借鉴,但其实你还是不懂背后的方法。

因此,今天就来跟各位,分享3个设计渐变色的方法。我相信,看完之后,你也可以做出优秀的渐变配色:

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

一、HSL渐变法

它的原理,就在于保持渐变色的色调一致。

啥意思呢?先来简单科普一下 PowerPoint 软件中颜色模式,一共分为两种,分别是RGB和HSL:

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

啥叫 RGB ?啥叫 HSL 呢?很好理解,因为这都是英文缩写:

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

而如果想要保持色调不变,其实,就是只调整 H ,也就是色调的值即可。那么,关键在于,该如何调整呢?

在 PowerPoint 软件中,我们比较熟悉的,可能是 RGB ,但其实,我们切换成 HSL 面板:

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

这样,就可以很方便地调整颜色的色调。比如说拿这个橙色来说,它的色值是这样的:

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

那如果我们想用这个颜色,来创建一个渐变色,该如何调整呢?再啰嗦一遍,那就是只调整色调的值,其他两个数值不变即可。

比如说像两个颜色,各位可以看到,只是色调发生了变化:

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

然后,把这两个颜色组合起来,就可以生成这个渐变色:

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

看起来还可以,对吗?同样地,我们还可以任意调整其它色调,比如换成红色,同样能创建一个流畅的渐变色:

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

因此,以后当我们再看到这样的渐变色案例时,你是不是就知道该如何去调整了呢?

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

二、深浅搭配法

从名字就能理解,这种渐变式搭配的方法,就在于调整出一深一浅两个颜色。很多发布会的 PPT 渐变背景,都是这么调出来的:

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

那这个方法的核心,是调整什么值呢?还是回到我们刚才的 HSL 模式中:

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

颜色之所以有深浅,通俗点说,就是有明暗关系的变化,因此,我们需要调整的是亮度参数,也就是 L 值。

各位可以看下这个动态变化过程:

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

但要注意,颜色深浅的幅度不要过大,稍微有一些变化即可:

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

 

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

那这种渐变色,在 PPT 中有什么用呢?有一个我常用的场景,就是与物体的光影相契合。

啥意思呢?啥叫『与物体的光影相契合』呢?很好理解,举个例子,一束光照在一个物体上,肯定有一侧亮,一侧暗:

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

对吗?那这跟 PPT 有啥关系呢?比如像下面这个人物素材,脸部比较亮,肯定是光照面,另一侧,肯定是暗面:

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

因此,当我们进行排版时,人物底部的色块,肯定是上侧偏亮,而下侧偏暗。就像这样:

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

能明白这个使用场景了,对吗?

当然,类似的例子还有很多,而只有你理解这个知识点之后,你才能明白,别人的色块颜色,为什么要那样去调整?

比如像这个网页设计的案例,各位能看到其中的明暗关系吗?

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

同样地,还有像这个例子,光源从右上角照入,因此,色块右上角会偏亮:

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

还有我之前做的这个页面,原理都是一样的:

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

三、多层渐变叠加

这是我们今年刚研究出来的一个方法,比较适合用在面积较小的形状上。比如说就像这样的案例:

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

这里的气泡,靠一个渐变色,是调整不出来的。一般需要多个:

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

这就是多层渐变叠加的效果。同样地,这里的渐变色,也不是随便调整,同样遵循一定的方法。

拿这个例子来说:

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

因为左侧泛的是红光,右侧泛的是青光,所以,渐变的角度和色彩,也尽量能贴合光源的效果:

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

同样地,还有一些相似的案例,也跟各位分享一下。

比如像前两天的技术架构的设计案例,也是利用这个技巧完成的:

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

明白了吗?这就是我们在调整渐变色的时候,可能会用到的一些方法。在之前的文章中,我曾零零散散地分享过,今天算是一个完整复盘吧!

以上,就是我日常积累的色彩搭配经验,希望对各位有所帮助。

 

原标题:这些PPT的色彩搭配也太高级了吧!学会这3招,你也能搞定!

原作者:旁门左道PPT 微信号:pangmenzd 自媒体大咖进驻

您可能感兴趣的文章

2条回应:“3招教你做出令人咋舌PPT渐变色!”

  1. W.说道:

    请问,渐变案例里调好的颜色如何进行组合?

  2. Jia说道:

    学到了,干货。

发表评论

移动版关于我们联系我们版权声明

PPTfans.cn (PPT设计教程网) ©2012-2020 · 沪ICP备13023938号-3 · 基于Wordpress · 由peaterq设计&制作 ·网站标签 · 订阅鄂公网安备 42050602000108号

有困难加站长微信
购买咨询电话021-34551883
技术交流QQ群120381181
疑难杂症找站长遇到困难,找站长!