PPT太丑了?手把手教你“变”好看!

PPT太丑了?手把手教你“变”好看!

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

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

那么,什么是渐变色呢?

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

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

PPT太丑了?手把手教你“变”好看!

PPT太丑了?手把手教你“变”好看!

PPT太丑了?手把手教你“变”好看!

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

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

PPT太丑了?手把手教你“变”好看!

01. 怎么找

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

方法一:

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

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

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

PPT太丑了?手把手教你“变”好看!

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

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

PPT太丑了?手把手教你“变”好看!

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

PPT太丑了?手把手教你“变”好看!

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

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

1)grabient

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

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

PPT太丑了?手把手教你“变”好看!

2)materialui

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

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

PPT太丑了?手把手教你“变”好看!

02.怎么用

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

-1. 背景使用渐变色

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

PPT太丑了?手把手教你“变”好看!

PPT太丑了?手把手教你“变”好看!

PPT太丑了?手把手教你“变”好看!

-2. 色块使用渐变色

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

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

PPT太丑了?手把手教你“变”好看!

PPT太丑了?手把手教你“变”好看!

PPT太丑了?手把手教你“变”好看!

-3. 文字使用渐变色

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

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

PPT太丑了?手把手教你“变”好看!

PPT太丑了?手把手教你“变”好看!

-4. 线条使用渐变色

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

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

PPT太丑了?手把手教你“变”好看!

PPT太丑了?手把手教你“变”好看!

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

03. 怎么设计

-1. 渐变使用注意要点

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

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

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

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

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

PPT太丑了?手把手教你“变”好看!

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

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

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

PPT太丑了?手把手教你“变”好看!

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

PPT太丑了?手把手教你“变”好看!

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

-2. 实操案例拆解

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

PPT太丑了?手把手教你“变”好看!

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

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

PPT太丑了?手把手教你“变”好看!

PPT太丑了?手把手教你“变”好看!

第二步 :进行案例拆解。

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

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

PPT太丑了?手把手教你“变”好看!

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

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

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

PPT太丑了?手把手教你“变”好看!

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

PPT太丑了?手把手教你“变”好看!

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

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

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

PPT太丑了?手把手教你“变”好看!

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

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

PPT太丑了?手把手教你“变”好看!

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

PPT太丑了?手把手教你“变”好看!

写在最后

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

1. 好看的渐变色怎么找

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

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

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

-1. 背景使用渐变色

-2. 色块使用渐变色

-3. 文字使用渐变色

-4. 线条使用渐变色

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

-1. 渐变色使用注意要点

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

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

-2. 带着文中学习到的知识,进行案例拆解。

通过拆解,了解到想调整渐变方向,可以通过角度来实现;

想改变颜色在整个渐变光圈的占比,可以通过滑块进行位置调整;

想调整双色至多色,可以通过添加渐变光圈来实现。

如果本期干货对你有协助的话,记得给我点个赞和关注吧~

© 版权声明
THE END
如果内容对您有所帮助,就支持一下吧!
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容