只需加一层渐变蒙版,竟能让PPT化腐朽为神奇!

作者:信息资讯

问题:渐变大都呈现相近色之间的过渡,从一个色彩缓慢过渡到另一个相近的色彩,比如蓝紫色和蓝色,黄绿色和蓝色,营造出一种神秘浪漫的气息。n如何才能调配出专业的渐变色呢?n

图片 1

前两天收到一个朋友的留言,问我下图这种渐变色是如何制作的?

回答:漂亮的PPT渐变色,立马提升你的PPT颜值

封面

看来大家对于渐变色还是有很多不懂的地方,所以今天,我打算系统的说一说PPT中的渐变色。

  1. 如何设置渐变色?

谈到「渐变」,大多数小伙伴的脑海里可能会闪过类似这样画面……

虽然在PPT中渐变的实现特别简单,但是说句不好听的,很多人做的渐变并不好看,甚至可以说巨丑。

在PPT页面里,单击右键---设备背景格式,将会跳出如下界面:

图片 2

01

图片 3

1

渐变色的三个可控变量

在PPT中,要想设置渐变色,只需要打开设置形状格式的属性栏就可以,操作也很简单,选中形状,然后右键设置形状格式,在右侧可以看到设置形状格式中的填充选项里就有一个渐变填充。

渐变色的设置主要通过三个变量的调整,分别是渐变类型,渐变方向还有渐变光圈。

渐变类型主要有四种,分别是线性渐变、射性渐变、矩形渐变、路径渐变。

线性渐变:从起点到终点颜色从内到外进行圆形渐变。

射线渐变:从起点到终点颜色进行顺序渐变,也就是一条直线。

这是在PPT中使用较广的两种渐变类型,除此之外,还有矩形渐变和路径渐变。

渐变方向和渐变角度其实是一个意思,这个在操作上很简单,直接调整角度的数值就可以了。

渐变光圈是渐变最重要的部分,它包含渐变的颜色、位置、透明度和亮度。我们可以在渐变光圈上增加和减少颜色的控点,以此来影响渐变的效果。

点击预设渐变,系统将会有30个模板渐变:

这些「土味弥漫」的幻灯片相信大家也不喜欢,而渐变如果能够用好,绝对是化腐朽为神奇的秘密武器:

02

图片 4

图片 5

相近色渐变

如果我们想要制作出高品质的渐变色,那么在颜色的选择上就要非常谨慎了,最好选取相近的颜色,或者同一色系的颜色。

通过这种方法,我们调制出的配色给人的感觉就非常舒服,赏心悦目。

下面几个案例,一个是蓝色单色系的渐变,一个是紫色单色系的渐变,还有一个是绿色和黄色的相近色渐变。

如果你不喜欢系统预设,那么你可以通过点击渐变光圈,设置你喜欢的颜色,同时可以通过设置位置、透明度、亮度等来设置成我们喜欢的颜色:

2

03

图片 6

图片 7

渐变蒙版

蒙版我们都知道,就是半透明的色块,那么渐变蒙版就很好理解了,就是半透明的渐变色。

这种半透明的渐变色近两年在网页设计中非常火,你经常可以看到。

我们可以看到,上面这个渐变蒙版总共有两层,最小面是图片,在上面的是一个半透明的渐变色块。

这是一个蓝色到紫色的相近色渐变,只是我们在渐变光圈下调整了颜色的透明度,这样我们就可以若隐若现的看到背景的图片。

GIF图:

3

04

图片 8

是不是已经心动了?经过对比以及看到这样的作品,或许你心中会产生疑问:

利用渐变处理图片

当我们的图片过亮或者图片尺寸太小不能过铺满屏幕时,这个时候我们就可以利用渐变来处理图片。

比如下面这个案例,我们看到图片的亮度太高,而且尺寸与整个版面不符,如果直接输入文字的话,图片对于文字的干扰很大。

这个时候,我们可以给图片添加一半透明渐变蒙版,其中光圈的左侧一端设置透明度为100%,右侧一端不设置透明度,然后我们在中间再加入一个光圈,也不布置透明度。

通过设置之后,我们就可以得到下图的效果了。

  1. 如何运用到背景里?

什么是渐变蒙版?

如何添加渐变蒙版?

不懂配色怎么做出高大上的渐变?

那就一起开始接下来的学习吧!

05

当我们设置好我们的配色后,我们可以点击全部应用,把背景色应用到我们的PPT模板里:

01、什么是渐变蒙版?

我们在前面讲半透明蒙版时提到过,半透明蒙版其实就是在图片上添加一层半透明的色块,而渐变蒙版则是颜色逐渐发生过渡的色块。

渐变蒙版可以分为单色渐变以及多色渐变等形式:

图片 9

4

渐变色配色网站

如果你对色彩的感知度很低,不知道用什么颜色好,这个时候就需要多看一些好的配色方案。

关于渐变色的使用,我推荐两个网站,一个是WebGradients,一个是uigradients。这两个网站都收录了非常多的渐变色案例,在你没有灵感的时候,可以去看看。

以上就是利兄最近研究的内容,希望你喜欢。

BY 利兄

(全文完)

图片 10

02、渐变蒙版的添加方法

插入矩形,选中矩形,点击鼠标右键,【设置形状格式】填充,渐变填充。

图片 11

5

在知道如何插入渐变蒙版之后,我们需要再了解一下渐变填充的一些小知识,包括类型,方向与渐变光圈。

渐变的类型包括:线性渐变,射线渐变,矩形渐变,路径渐变。

最常用的类型主要是线性渐变,所以我们以线性渐变的使用方法为例,通过给下面这张灰色的图添加渐变蒙版,来具体了解一下渐变色的变化规律。

图片 12

6

线性渐变是指颜色沿着一条轴线过渡,从起点到终点颜色进行顺序渐变(从一边拉向另一边)。每一种类型都已经有预设好的角度和方向:

图片 13

7

调节角度有什么作用呢?来对照看一下:

图片 14

8

渐变光圈默认的有 4 个,颜色渐变按照渐变光圈从左至右的顺序。

一般情况下,只需两个渐变光圈即可。比如我们设置【类型】为线性渐变,【方向】从左至右。

色值参考:

光圈 1 位置为 0,RGB 为(255,107,107),透明度为 20%

光圈 2 位置为 100,RGB 为(85,98,112),透明度为 50%

图片 15

9

将蒙版覆盖到图片上面,就可以使这张灰色的图大变模样:

图片 16

10

对比一下,是不是有很大的改善?

图片 17

11

了解了线性渐变,对于射线渐变就好理解了。

射线渐变的方向主要有以下 5 种:

图片 18

12

可以发现,颜色的过渡都是从某一个点开始发散的。我们用一个案例来看看线性渐变与射线渐变的区别。

线性渐变:

图片 19

13

射线渐变:

图片 20

14

你在看这两张图的时候,注意力有没有变化?

由于渐变的一种引导作用,我们在看图 1 的时候,更多会将注意力放在图片上,而看图 2 的时候,我们会更关注文案。

同样是渐变,但是不同类型的渐变有不同的使用方式。所以,我们在使用渐变的时候,要根据实际需要来选择类型与方向。

3. 漂亮的PPT渐变色,是如何设置的?

03、小白不懂配色如何做出高大上的渐变**

渐变色能迅速提升设计感,时尚的配色又能吸引年轻人的喜欢,所以越来越多的互联网科技公司的官网网页上,特别喜欢使用渐变色:

图片 21

15

图片 22

16

显然,操作其实并不复杂,最难的地方在于怎么调节配色。

《配色原理》这本书籍提到过,一般情况下,我们可以通过视觉获取各种信息,其中色彩是十分重要的信息之一,色彩是被誉为一种能够激发情感,刺激感官的元素。

色彩信息传递的速度非常的快,在进入眼球的瞬间即可在人的大脑中形成一种印象。而渐变的引入可以比单色更加有趣,并且充满活力。

大多数互联网公司,正是应用不同色彩所带来的不同感受,利用颜色的渐变来营造出一种年轻,青春的气息,符合大多数受众人群的偏好。

而作为一个没有任何设计基础的小白来说,如何调出和上图一样的漂亮渐变色彩呢?

接下来给大家安利 3 个渐变色设计网站。

❶ uigradients.com

里面都是已经搭配好的渐变色,我们只需直接取用即可。

图片 23

17

另外点击左上角的【show all gradients】可以看见所有已经搭配好的颜色列表,有了这上百种颜色的搭配,基本上可以满足所有渐变色的需求了。

图片 24

18

图片 25

19

该网站一共提供了 30 种现成的渐变背景,建议大家直接下载 PNG 图片格式,就可以直接当做背景使用啦。

❸ webgradients.com

图片 26

20

该网站一共提供了上百种现成的渐变色配色方案,左下角有色号,右上角点击下载可以直接下载渐变图片。

有了这 3 个渐变色配色神器,PPT 小白也能马上使用高大上的渐变色彩啦~

图片 27

04、小补充

如果觉得输入色号比较麻烦,也可以通过取色器实现取色。

第一种方法,截图到 PPT 中,用取色器直接取色:

图片 28

21

第二种方法,用NT插件的取色器直接在 PPT 外取色:

图片 29

22

好啦,一起来回顾一下今天的内容:

什么是渐变蒙版?

通俗来说就是颜色逐渐发生过渡的色块

渐变蒙版如何添加?

【设置形状格式】→【渐变填充】,渐变类型主要是线性渐变和射线渐变,主要调节参数是光圈、角度和透明度

如何调节出高大上的渐变?

uigradients.com、Coolhue、webgradients.com

本文首发于「秋叶PPT」,如需转载请联系秋叶PPT。

图片 30

本文由杏彩发布,转载请注明来源

关键词: