那些惊艳的PPT渐变色,原来是这样调出来的

您所在的位置:网站首页 animate颜色渐变怎么调上蓝下黑 那些惊艳的PPT渐变色,原来是这样调出来的

那些惊艳的PPT渐变色,原来是这样调出来的

2023-09-30 04:19| 来源: 网络整理| 查看: 265

0 分享至

用微信扫码二维码

分享至好友和朋友圈

  在还不会做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中影响渐变方向的是角度,我们可以根据设计需求进行角度的设置,达到不同效果。

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

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

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

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

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

  如果本期干货对你有帮助的话,记得给我点个赞

特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。

Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.

/阅读下一篇/ 返回网易首页 下载网易新闻客户端


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3