background 渐变_10个非常高级的渐变素材案例网站

f37c112786cf9fb84c376ddb17b9f77b.png
我想这就是后来我开始喜欢上“渐变”的原因吧

c06e554d05cc7ef8d40cd631de44e780.png

​经常有小伙伴说喜欢公子的模板配色,其实呢这里面有很多窍门,比如我就会经常会逛一些配色网站找合适的案例,直接拿来用它不香吗!

那要说到渐变的话,其实我个人以前是很讨厌渐变的,特别是用在PPT中的那些渐变,总觉得难看到不忍直视,那些年老师们钟爱的大字加粗渐变真是晃的我头晕。

但后来我才发现并不是渐变不香而是我们不会运用而已,尤其是在见识了以下这些例子,果然是打开了新世界的大门。

所以呢以后大家做PPT就可以直接从下面这些网站中,寻找合适又恰当的渐变搭配拿来用,站在巨人的肩膀上一切都变得那么简单,至少我们就很难出错,Show Time!


01.Lstore Graphics

LS Graphics提供了100种渐变,每一幅都好看到没朋友,我想很多小伙伴是知道的。

5d0a8ee6bb6b467b7da8d0ea4c72a9d7.png

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

627b0503cdec20ea58028a98a580e2fd.png

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

8ff21114e7e8f4d6016266e9fc57b2a5.png

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

8a030f22edb6e521b3170cdd7ce745a2.png

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

d03b94d63ae4493554e99f071c48bc30.png

这样好的素材不存到电脑里我是不会安心的,拿来用的时候也方便。


​02.Gradienta

这是美丫老师之前推荐的渐变素材网站,设计师Shahadat Rahman和Zonayed共同创建。

dd9335336681a4f97ed6a705630f19bb.png

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

8ae05ce6e2ad2d602bb0caca284bbf65.png

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

384ada2a556e32bf3f4759411f2c0e25.png

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

ef02d317eb35b1fdbf4e23d41397ce0a.png

e3ecfae1f98eceb216c4f6459fbc3e35.png

现在大部分PPT都是16:9,所以我们可以选择这个比例用作背景,当然也有4:3。


03.Gradientsguru

Gradientsguru分为两种渐变分类:Cool和Strong,前一种会浅一些,我个人是更喜欢的,偏小清新。

55ad4a655ce6cde4e6887c9ac1c65939.png

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

d850756df9c65b700aa7e1448676df9c.png

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

8b915ebbfcab24fd49b8353c6c37ec0f.png

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

2bd71083b55d9a4e1cc80fe367f638e5.png

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

6cc9cbbfd49c6ba9efe7c99466fd4aee.png

04.Eggradients

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

bbc14009035933926214093b8423759a.png

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

dbd58d6d3875498140628447edeb46fb.png

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

b0832ab7667e6ff892d7ab4df81ea47c.png

05.Grabient

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

dee3881d8a04ab75503227572242f775.png

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

1dc2912a25937105a1078e75566f7975.png

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

98dac1a85fb7013387b98cc6588dcb74.png

所以案例虽然不多,但胜在了灵活性。


06.ColorKit

ColorKit有点不同,并不是直接给到你渐变案例,而是需要我们来探索。

5df884ee27e6e7634142237de56e1601.png

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

6bc4b874d5a4c1a4d7703b6b121784e3.png

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

v2-f901cbda755b5cbb6b3709768a074854_b.jpg

有时我会这样用:比如说根据logo定下了PPT的主色调,那通过ColorKit就可以探索出其中有没有什么过度色可用。


07.CSS Gradient

CSS Gradient可能你乍一看没什么了不起,但如果你选择background就会知道它的神奇了。

bc85bcf5c5f918390bc9585e98887609.png

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

2ef91d066ba6ad586bed5b2f5ec1ef84.png

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

baed4144b33c55b3acf66f4e94810fc8.png

08.Blend

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

adaf1a8b29a0fcd309d64b9301fb8028.png

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

4127f722eb08f90f38a9ee0fa756ff89.png

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

26bad91778d155c078fb9753b8883a86.png

09.GradPad

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

1c197a9a3b48d0dd7faff78f5ba8967f.png

563f9400dd6374657a6c3e646779732d.png

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

8ac40e8f85130291b9fc766134cab74c.png

拖拽它们更改混合的比例和方向。


10.ColorSpark

最后的ColorSpark就更有趣了,因为它是完全随机的。

cfe5fac6ce6b53142e7151bb20a0d723.png

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

ea27fbd991ca21e86ad89518bfa6680d.png

那以上就是公子给大家整理的渐变方案或素材网站,就公子个人而言的话每一个都很喜欢,但希望你们会找到适合并用起来方便的,毕竟每做PPT之前都要逛一遍也不用做什么了。

也希望你们对渐变会有所改观,就像公子一样不要被“那个年代”的PPT留下心理阴影,渐变用的漂亮真的会增色不少。

这周的投票目前又出现了让我意外的黑马,建筑师风格介绍紧追易烊千玺,完了完了公子又慌了,但凡遇到这种票数很接近的情况,你们知道的我就会焦虑。总之不管哪个胜出明天就要开工了,有什么建议或想法记得提前告诉我,或者下周要给公子留什么作业,通通抛向我吧!

OK,那今天就这样了,Good Luck

我想这就是后来我开始喜欢上“渐变”的原因吧​mp.weixin.qq.com
e9735bb46b95729b8c212cee42e115e5.png

abcdf6a92977421c6f282d983e908599.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值