查看原文
其他

小白也能学会的渐变教程,手把手教学,你值得拥有!

洁洁 秋叶PPT 2019-07-31



大家好,我是洁洁!


刚刚过去的 2018 年,是个渐变色大肆流行的年份,各类设计作品中都能看到越来越多的渐变色元素被应用起来。



时尚简约高大上,是渐变色给人的第一印象。这使得渐变成为了一种富有感染力,又非常实用的设计解决方案。


而渐变色在 PPT 当中的运用也是层出不穷,过渡自然的渐变色,能让 PPT 变得更有质感、更精致。




以往我们展示过很多 PPT 中优秀的渐变作品,但是经常有小伙伴在留言区问我们,有质感的渐变色具体应该怎么来设置参数呢?



没错,尽管我们已经欣赏了很多优秀的渐变作品,但是 PPT 中的渐变效果和配色、渐变类型、渐变方向还有渐变光圈等参数的设置大有关系。


所以今天洁洁给大家带来了满满的渐变干货,手把手教学,让小白也能做出好看的渐变色!



01

渐变是这样做成滴~

◆ ◆ ◆


渐变是 PPT 当中的一种形状填充模式,指物体的颜色由深到浅、由明到暗的过渡过程,或者是从一个色彩转换到另一个色彩缓慢过渡。



渐变效果就是围绕渐变类型、渐变方向、渐变光圈等等这几个参数来变化的,做起来轻松几步就能搞定!


❶ 右键形状-选择【设置形状格式】-点击【渐变填充】:



❷ 我们可以根据需要删掉不必要的光圈,然后为光圈填充颜色,调整透明度以及亮度~



❸ 渐变的类型有线性渐变、射线渐变、矩形渐变、路径渐变四种,每一种都有不同的渐变效果~



最常用的就是【线性渐变】和【射线渐变】啦!另外,我们还可以通过调整渐变的角度/方向来控制渐变的效果~



02

颜色不会搭配?帮你搞定!

◆ ◆ ◆


一说起渐变,选颜色是最让人头痛的事情了!不会搭颜色,只能做出这样惨烈的效果:




以后你再也不用绞尽脑汁自己去配色了,因为今天我要送你一个私藏的配色神器,下次直接取用就好啦!


渐变配色网站:uigradients



这是我最常用的一个渐变配色网站,每次打开都是不一样的搭配。最最方便的是,颜色上面带有生成该渐变的两个色块,可以截图后粘贴到 PPT 中直接取用!



有了这个渐变色配色神器,高贵冷艳的渐变色,几秒钟就能搞定!


点击左上【Show all gradients】可以看见所有已经搭配好的颜根据色系区分开,大概表里有上百种颜色的搭配,基本可以满足所有渐变色的使用啦~



网址:https://uigradients.com/#Magice


颜色问题解决了,下面我们再来看看渐变在 PPT 实际场景中的运用~



03

让背景具备视觉吸引力

◆ ◆ ◆


最简单易用的渐变色使用方法,就是将图片和文本放置在有渐变色彩的背景上。


渐变色彩的背景能够呈现出更有质感的效果,特别是要突出主体部分的时候。


下面这个案例就是这么做的:



本来空旷的背景,因为渐变而变高级了!紫橙的色彩渐变让整个画面更有活力,同时渐变的方向也依照自行车倾斜的角度设置,使得整体和谐有冲击感。


添加渐变背景后,还可以在画面四周添加一些独特、有设计感的元素加以装饰~



比如苹果、锤子等发布会都喜欢用灰色渐变背景。



除了用单纯的色彩渐变来作为背景,我们还可以使用叠加的渐变色块+卡片,让页面更富层次感。




04

让平淡的图片更加出彩

◆ ◆ ◆


我们做 PPT 的时候,经常要插入配图。可是和整个 PPT 配色一致的图片很难找,而且在这样的图片上加字,看起来也非常不清晰。



这时候我们就可以加渐变蒙版啦!还是用【线性渐变】,角度设置为 90°。


值得注意的是,叠加在图片上的渐变蒙版,要根据效果调整颜色光圈和透明度哟。



加上紫色渐变的色块叠加在图片上面,是不是文字更清晰,图片和 PPT 整体也更加协调了?



叠加在图片上的渐变色彩,尤其是对于全图型的 PPT,能够增强 PPT 的整体性,同时文字也更加清晰。


在图片本身的质量并不高的时候,色彩的加持也会让整个页面更加时尚哟!



因为文字是横向排列的,我们可以根据文字的方向设置渐变的角度,在这个例子中就可以设置为 90°/270°。



那么遇到竖版文字的时候我们就可以设置左右方向的渐变,当然,突破常规也是可以哒~


同时色彩也是有情绪的,把渐变的蒙版叠加到图片上,会有赋予图片以情感的神奇效果哦!比如黄色会让人联想到活力、阳光,蓝色让人觉得精干或是忧郁。




05

在文本字体中营造焦点

◆ ◆ ◆


渐变除了可以在背景中使用,在文字中同样可以使用~



像上面的这种渐隐字就是用文字渐变做出来的效果。


首先将每个单独的文字拆分为一个文本框,然后右键文字-选择【设置形状格式】-选择【文本选项】-点击【渐变填充】。



具体参数如下~



「渐隐字」效果中,最右侧的颜色的透明度要设置为 100%,这样才有透明穿插的效果哟~


另外,将高饱和度的渐变色彩叠加到字体中,也能创造出颇为抓人眼球的设计感!不过一定要注意控制背景与文字的对比度,这样才不会过于花哨。




06

有效聚焦引导视线

◆ ◆ ◆


我们绝大多数的阅读习惯都是从上到下,从左到右的,在做 PPT 的时候,我们就可以通过渐变色彩的明暗变化来强化这种阅读习惯。


比如下面这个例子,中间亮,四周暗的渐变,形成了光照的效果。



通过渐变蒙版,很好地把视线集聚焦到了中部的 PPT 特效字体上,同也时烘托了四周阴森昏暗的氛围~



这次的渐变类型为【射线】,这种渐变的类型就像射灯一样,颜色是从一个中心点,呈圆形向外扩散的。



下面的这两个例子也是同样的道理啦~





07

让形状更加灵动

◆ ◆ ◆


除了在背景、文字中运用渐变,我们还可以在各种形状、线条中使用渐变。


例如下面这个例子中,用渐变将线条颜色设置从有到无,形成一端消失的效果,很像流星飞过。



设置起来也肥肠简单~不过要注意的是,右侧的颜色要和背景同色,才能实现流星的效果。



为了表现前端科技感,我们就可以用金属感的渐变边框+渐变文字。



我们还可以利用渐变的圆角矩形+圆形等形状的组合,作为页面的装饰,很容易让人眼前一亮!




08

小结

◆ ◆ ◆


在今天,渐变色几乎成了时尚的代名词,而渐变的效果怎么设置才更加精致好看,其实是根据不同页面的需要而变化的。


以上就是洁洁分别对应几种渐变色的使用场景,为大家做的案例演示。给出的参数仅供参考,你还可以试试别的数值所展现的渐变效果,多多摸索~



如果觉得这篇文章对你有所帮助,欢迎点好看并且推荐给你的好友哟!




扫码关注,Get 更多干货!


写文不易

点个「好看」再走呗👇

    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存