前排提示

周五晚7点半,弎十二老师给大家直播讲解AI时代下普通人的弯道超车机会

有兴趣的小伙伴赶紧预约哦

Hello,大家好,这里是硬核PPT。

在还不会做ppt的时候,每每看到优秀的作品总是让人惊艳。这些好的作品,除了版式独特之外,还有我们绝对不能忽视的颜色

而在制作ppt的时候,我们常用的配色有纯色和渐变色。

那么,什么是渐变色呢?

渐变色是指某个物体的颜色从明到暗,或由深转浅,或是从一个色彩过渡到另一个色彩,充满变幻无穷的色彩。

了解了渐变色的定义,可能很多小伙们会好奇,用渐变色做出来的作品到底是什么样子的呢?我们先来欣赏几个案例。

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

以上图源网络,侵删

怎么样,是不是觉得很好看呢?那么到底在ppt里面怎么使用渐变色呢?这次见面,我们就来聊一聊。

本文从三个方面进行分享,具体内容如下:

打开网易新闻 查看精彩图片

01.怎么找


我们都知道,对于不是设计出身的小伙伴们想要自己配出好看的色彩,确实是一件困难的事情。但我们可以换种角度,找到好看的配色直接拿来使用。那要怎么找好看的渐变色呢?

方法一:

我们可以从自己认为的优秀作品中提取它的配色方案,也就是所谓的“偷色”。

具体怎样设置渐变色呢,操作方法如下:

第一步 :在ppt里面插入图片,插入形状,点击渐变填充。

打开网易新闻 查看精彩图片

以上图源网络,侵删

第二步 :点击渐变光圈,使用吸管工具在已选好的作品上面进行取色。作品中渐变色的方向是从左上到到右下,那我们在吸取颜色的时候就从左上角开始。

点击第一个渐变光圈,选取左上角的淡绿色,就把吸管工具放在这里,鼠标单击一下就可以。以此方法,从右下角选取第二个渐变光圈的颜色。

打开网易新闻 查看精彩图片

这样子渐变的两个色值就选取好了,我们来看下效果。

打开网易新闻 查看精彩图片

方法二:

除了上面所讲的方法之外,还有一种便捷的方式帮助我们找到合适的配色——渐变色网站

如下我选了比较常用的两个渐变色配色网站,供大家参考。

grabient

网址:https://www.grabient.com

推荐理由:网站里面的色值可以是双色,也可以增加到多色,甚至可以调整渐变的方向和调整色值百分比,可选择性比较广,适用性强。

打开网易新闻 查看精彩图片

以上图源网络,侵删

materialui

网址:https://materialui.co/colors/

推荐理由:网站界面有各种颜色的渐变色值推荐,点击任意一个色值可进行复制,色值比较全面,使用时比较方便。

打开网易新闻 查看精彩图片

以上图源网络,侵删

02.怎么用


学会了怎么去找好看的渐变色,我们就来看看在ppt中渐变色的几种使用类型。

  • 背景使用渐变色

通常我们对背景使用渐变手法时,主要是用来营造氛围,对页面中的主体起到烘托的作用,使我们一下子就可以看到需要表达的内容,让页面中的主体更突出

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

以上图源网络,侵删

  • 色块使用渐变色

在页面中,我们通常会用色块来对页面进行修饰,或者将色块作为承载文字信息、承载图片的载体,起到一个视觉引导的作用。

而对色块填充渐变色后,除了上述效果外,则会使画面更加有质感,视觉感也会更加丰富。

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

以上图源网络,侵删

  • 文字使用渐变色

想让页面更加具有设计感,除了独特的版式、好看的配色及形状的运用外,文字的处理也是我们不能忽视的。

通常我们说作品好看,其中一点就在于细节的处理。对文字使用渐变色处理,会使页面多了一些细节,营造出一种空间感,使层级更加分明

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

以上图源网络,侵删

  • 线条使用渐变色

线条在ppt中使用时,通常具有一定的指向性,比如我们会用来指向所表达的文字内容,也会用来指向具体的形状。

而除了指向性外,也有一定的修饰作用,比如浪漫的星空,我们常用线条来表示流星划过。

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

以上就是几种渐变的使用类型,了解之后我们可以实际用到案例当中,去看看如何使用渐变色去设计页面。

03. 怎么设计


  • 渐变使用注意要点

在实操之前,我们先来看看使用渐变有什么点需要注意。

相信大家在看完上述作品时,就会发现作品中渐变的方向有些不同。

有从上到下的,也有从左往右的,或者其它方向。

这就是我们需要注意的第一点,渐变的角度调整

在设置渐变的时候,渐变光圈的上方有一个角度,我们可以在这里进行选择。通常文子在做ppt时经常用到的就是下面三种角度。

打开网易新闻 查看精彩图片

我们可以看到,角度不同,所呈现的效果也是不同的。而角度的选择主要还是依据大家的设计需求进行调整。

另外,影响渐变效果的不单单是角度,还有一个点需要注意,那就是要过渡自然。很多小伙伴在做渐变时经常会忽略这一点。

尤其是设置多个渐变光圈时,色彩过渡不自然,会使效果显得比较生硬,比如下面这种情况。

打开网易新闻 查看精彩图片

其实在进行色彩过渡时,我们只要掌握好色彩之间的距离,就可以有效的避免这种情况。下面我们做个对比看一下。

打开网易新闻 查看精彩图片

比如上图,我们使用多色渐变时,就可以在渐变光圈的两端各放置一个滑块,在中间位置放置一个滑块,过渡就会显得较为自然。

  • 实操案例拆解

好了,熟知注意要点后,带着上面学习到的知识,我们开始进入实操环节。首先看下案例。案例中我在背景、文字和色块上面都用到了渐变色。

打开网易新闻 查看精彩图片

具体该怎么操作呢,我们接着来看。

第一步 :先确定配色。在做ppt之前,首先要选好配色。配色的方法在上面已经提到,这里就不再叙述了。本次案例我选取的配色方案如下。

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

第二步 :进行案例拆解。

首先,案例中在背景的颜色上面我使用了渐变色填充(色值分别为F1F3F4 、DFE8F6);

第一个渐变光圈的位置设置在10%,以此来对色彩的比例进行调整。渐变的角度设置为45度,方向从左上到右下的渐变。具体参数如下图:

打开网易新闻 查看精彩图片

其次,背景颜色设置好后,进行了主标题文字的设置。

文字同样填充了渐变色(两个色值分别为000000、162F45)。

但两个渐变光圈的位置分别在17%87%(顺序从左到右),并且对第二个渐变光圈的颜色设置了20%的透明度。渐变的角度也调整为90度,从上到下的渐变。

打开网易新闻 查看精彩图片

而英文字母则是对文本框进行了多色的渐变填充,每个渐变滑块的颜色都设置了30%的透明度,渐变的角度也设置为90度,从上到下的渐变。

打开网易新闻 查看精彩图片

然后,在页面中放置色块来承载正文文字信息。

这里我重点对小标题下面的形状色块和图标使用了渐变色处理,通过渐变来营造层次感,层级更加分明的同时使页面更加饱满。

不同的是,形状色块采用了多色渐变,从双色到多色,添加渐变光圈后就可以实现。另外,渐变的角度设置为0度,详细参数见下图:

打开网易新闻 查看精彩图片

而图标的颜色上采用了双色渐变(色值分别为:4F8EF0、E058BE)。

渐变的角度设置为90度,具体参数设置见下图:

打开网易新闻 查看精彩图片

最后,填充好所有的文字信息,加上一些细节的修饰,整个页面就完成了。我们再来看下效果。

打开网易新闻 查看精彩图片

以上就是今天分享的主要内容,让我们来回顾一下。

1.好看的渐变色怎么找

  • 从自己认为的优秀作品中提取它的配色方案,色彩用ppt里面的吸管工具进行吸取。

  • 渐变色网站去找合适的配色拿来使用,文中推荐了两个常用的配色网站可供参考。

2. PPT中渐变的几种使用类型

  • 背景使用渐变色

  • 色块使用渐变色

  • 文字使用渐变色

  • 线条使用渐变色

3. PPT中使用渐变色设计页面

  • 渐变色使用注意要点

ppt中影响渐变方向的是角度,我们可以根据设计需求进行角度的设置,达到不同效果。

另外在使用渐变色时,一定要使渐变的颜色过渡自然,避免生硬带来不好的视觉感受。

双十一·AI智能知识储备节的第三场直播也要开始了哦

由弎十二老师为大家讲解AI时代下普通人的弯道超车机会!!

你以为结束了?悄悄告诉你,参与活动的同学还可以有机会拿到价值699的华为耳机哦。

当然礼物肯定不止这一个,参与直播还有更多AI干货等你来拿!!!

感兴趣的小伙伴别忘了扫码参与呢!