10个非常高级的渐变素材案例网站
我想这就是后来我开始喜欢上“渐变”的原因吧


经常有小伙伴说喜欢公子的模板配色,其实呢这里面有很多窍门,比如我就会经常会逛一些配色网站找合适的案例,直接拿来用它不香吗!
那要说到渐变的话,其实我个人以前是很讨厌渐变的,特别是用在PPT中的那些渐变,总觉得难看到不忍直视,那些年老师们钟爱的大字加粗渐变真是晃的我头晕。
但后来我才发现并不是渐变不香而是我们不会运用而已,尤其是在见识了以下这些例子,果然是打开了新世界的大门。
所以呢以后大家做PPT就可以直接从下面这些网站中,寻找合适又恰当的渐变搭配拿来用,站在巨人的肩膀上一切都变得那么简单,至少我们就很难出错,Show Time!
01.Lstore Graphics
LS Graphics提供了100种渐变,每一幅都好看到没朋友,我想很多小伙伴是知道的。

不是单纯的线性或径向,大部分为不规则路径。

但所有都为浅色系渐变,这点点稍稍有些局限,我个人是非常喜欢的,就看你们了。

虽然可以单幅下载,但建议直接打包下载所有源文件。

一键打包的话,所有渐变的png、jpg、eps等格式都会给到,奈斯!

这样好的素材不存到电脑里我是不会安心的,拿来用的时候也方便。
02.Gradienta
这是美丫老师之前推荐的渐变素材网站,设计师Shahadat Rahman和Zonayed共同创建。

相比之下我肯定是更喜欢LS Graphics的渐变,但因为这里面涉及到很多深色系,所以用来互补还不错。

明显会更“艳丽”一些,我个人是至今还没用到,但这种素材肯定是多多益善了!

Gradienta的渐变可商用,而且下载像素也很高,这点就很友好了。


现在大部分PPT都是16:9,所以我们可以选择这个比例用作背景,当然也有4:3。
03.Gradientsguru
Gradientsguru分为两种渐变分类:Cool和Strong,前一种会浅一些,我个人是更喜欢的,偏小清新。

看来公子偶尔也是有些“少女心”的,至少在渐变这件事情上。

我们可以旋转渐变角度,复制颜色代码等。

很有趣的一点是,选中并点击一个渐变模式,可以上传图片。

这样你上传的图片就会按照这个渐变模式变成双色调,右侧有相关参数可做细微调整。

04.Eggradients
我之前喜欢叫它“美妆蛋”,因为它就是用鸡蛋的形状来展示各种渐变的,很有意思。

有超过200种渐变方案,每一种都很漂亮,建议马住。

总觉得从开始逛这些配色类网站,才发觉原来颜色的世界过于奇妙。

05.Grabient
我觉得Grabient和上一个“美妆蛋”还是有很多小伙伴比较熟悉的,都是很简单清晰地展示渐变案例。

但Grabient的案例明显没有“美妆蛋”多就是了。

优势在于它可以调整每个渐变的路径方向、光圈数量和颜色占比等,这点就很人性化了。

所以案例虽然不多,但胜在了灵活性。
06.ColorKit
ColorKit有点不同,并不是直接给到你渐变案例,而是需要我们来探索。

选择并给出两端的颜色,你就会看到它们之间是如何过度的。

还可以调整要通过多少个颜色来过度混合,是否足够自然。

有时我会这样用:比如说根据logo定下了PPT的主色调,那通过ColorKit就可以探索出其中有没有什么过度色可用。
07.CSS Gradient
CSS Gradient可能你乍一看没什么了不起,但如果你选择background就会知道它的神奇了。

其实我觉得它的设计方式和PPT很像,点击即添加光圈,然后调整颜色、路径、透明度等。

和Gradientsguru一样可以上传图片,不同的是它是根据图片解析出渐变,而不是制作双色调效果。

08.Blend
Blend是根据我们键入两种不同的色值,然后混合出渐变效果。

有线性和径向两种混合模式,线性的话角度可以调整。

因为不能下载图片,那可以复制代码也是一样的。

09.GradPad
GradPad由浅至深会给出一些渐变案例,但并不多。


有趣的是我们可以调整每个渐变,甚至自己DIY,光圈的颜色可以随意更改之外,你还会看到两个类似手柄的控点。

拖拽它们更改混合的比例和方向。
10.ColorSpark
最后的ColorSpark就更有趣了,因为它是完全随机的。

每点击一下生成一个渐变方案,不实用却很好玩就对了。

那以上就是公子给大家整理的渐变方案或素材网站,就公子个人而言的话每一个都很喜欢,但希望你们会找到适合并用起来方便的,毕竟每做PPT之前都要逛一遍也不用做什么了。
也希望你们对渐变会有所改观,就像公子一样不要被“那个年代”的PPT留下心理阴影,渐变用的漂亮真的会增色不少。
这周的投票目前又出现了让我意外的黑马,建筑师风格介绍紧追易烊千玺,完了完了公子又慌了,但凡遇到这种票数很接近的情况,你们知道的我就会焦虑。总之不管哪个胜出明天就要开工了,有什么建议或想法记得提前告诉我,或者下周要给公子留什么作业,通通抛向我吧!
