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

原创 admin  2019-01-14 19:59 

大家好,我是洁洁!

刚刚过去的 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 更多干货!

写文不易

点个「好看」再走呗👇

本文地址:http://www.17xiuwang.com/2019/01/14/%e5%b0%8f%e7%99%bd%e4%b9%9f%e8%83%bd%e5%ad%a6%e4%bc%9a%e7%9a%84%e6%b8%90%e5%8f%98%e6%95%99%e7%a8%8b%ef%bc%8c%e6%89%8b%e6%8a%8a%e6%89%8b%e6%95%99%e5%ad%a6%ef%bc%8c%e4%bd%a0%e5%80%bc%e5%be%97%e6%8b%a5/
关注我们:请关注一下我们的微信公众号:扫描二维码,公众号:aiboke112
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

发表评论


表情