background 渐变_这10个渐变色网站真香,直接拿来用太方便了!

1662f2340d8ab572400c74669ee56011.gif

b2c407fd16fce88980bc8ec31c1993c8.png 近几年渐变色越来越流行,手机外壳都应用了渐变色。在做 PPT 的时候,很多小伙伴也想尝试渐变色,却经常出现雷人的效果。 今天,小叶邀请到晓公子给我们分享 10 个渐变色配色网站,直接可以取用,再也不用担心自己的渐变配色难看了~建议马上收藏! 本文作者:忘吃药的晓公子 来源:忘吃药的晓公子(ID:CRAZYPPTer) 本文编辑:洁洁、璐璐

说到渐变,其实我个人以前是很讨厌渐变的,特别是用在 PPT 中的那些渐变,总觉得难看到不忍直视。

那些年老师们钟爱的大字加粗渐变,真是晃的我头晕。

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

所以呢以后大家做 PPT,就可以直接从下面这些网站中,寻找合适又恰当的渐变搭配拿来用。

站在巨人的肩膀上一切都变得那么简单,至少我们就很难出错。

01 Lstore Graphics

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

9921f00647ab9b498b8fe1bb51b5e82a.png

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

609a073a9ae98c338a862450868af7b0.png

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

3784486c71b48904da0fad3fe2c80694.png

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

5750a2f614614638cc4c871dbe686193.png

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

0e60e00e3fb7bd8315701b549babb2dc.png

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

02 Gradienta

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

a6452e250039d1fa1e39a50cf26444f8.png

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

d0757a2e628fb7b485e855c76f10c92a.png

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

a0a3717d327f4f1a9e04d5e0492d79e3.png

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

d9db3a27481c95c3c786e006d0f84366.png

15972b0c0786883b22e1f8a4fe86f17f.png

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

03 Gradientsguru

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

e35f062f7c95b9bf7b3bf4f1486d47dd.png

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

8a5552817846b7c0ec36bc6521f08b5f.png

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

c401897cee6f5103d094da3051ba5f13.png

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

df1f3138cc3e33e56402b4ee7ceb8f48.png

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

9288aebdb89d9cd76bac322d0f4ce520.png

04 Eggradients

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

92054e036c7cf64e161b4fde52884346.png

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

d4c65753a7b4ab781112d5cf59159461.png

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

fb36da043c5d603b15917dc35bcb83f4.png

05 Grabient

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

aae7fd077929f97fdb90a6d8aa594a6f.png

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

cf655538e61fb306cef62b9dcaa19ef0.png

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

a87cc11a5ede7a3c67dbcc5f407ad42c.png

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

06 ColorKit

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

e060e0cb88b4769af3573a9d754d4be6.png

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

c66aa7825ec8cb2fc679c1de55150b91.png

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

613a0456e7ede1fd7216bfcbfa6c1338.png

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

07 CSS Gradient

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

c34353a9171e0ede5bf3b5d3be6297e7.png

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

1290a30366a97f36fad35bfff983ebc2.png

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

0b2ba449f5df72db18654b38c97b8d6f.png

08 Blend

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

798dd969dd12127e642cacf2951355da.png

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

61762565a0ed008425efd75621faa0e2.png

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

5711a050037b49dacab69e31ed735a13.png

09 GradPad

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

092582954b4b5f40fbf4e9b01943f089.png

c6f2f90b94e578321893d3a051311a7f.png

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

f9a55d284a28d2e8e11c0e77461c69c6.png

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

10 ColorSpark

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

b21a9f2e55d46ebb85e04556efeea3c0.png

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

83999e9380982a027463fd14aa586cc8.png

那以上就是我给大家整理的渐变方案或素材网站,就公子个人而言的话,每一个都很喜欢,希望你们可以找到适合自己,并且用起来方便的~

如有收获,记得点 在看:) 7944e05ff01e3ee34ba6e8802f0e8ff3.png adfc07a16b7f2bef22ad4bf8d0600d95.png 想要系统学习 PPT 的基础知识?小叶推荐你们入手《和秋叶一起学 PPT》网课! 页面美化、段落排版、人物海报、图片处理……带你提高设计审美、掌握高频技巧、提高制作效率。 你会发现,PPT 中的技巧并不难,而且关键时刻立马能用上!
课程有录屏演示,完整观看老师操作过程,不用担心按钮找不到; 遇到问题,有专属学员群解答,再也不用一个人苦苦挠破头!
今天特地为你们申请了   30  元优惠 ,到手价仅需  139 元~ 优惠券限今天前 50 名,数量有限,先到先得! 9b6e5d0d03e9378ff27d10f50ffd3337.png

↑↑↑现在扫码,还可免费试看!

购课再赠送超 3G 的 PPT 大礼包,各种素材、模板、插件应有尽有!有任何疑问可以在公众号后台对话框回复【人工客服】,咨询小姐姐噢~ 2c385ffef1cbc43ef458f606a4a54655.png 8de3abf2465624e172bdaaaf05df5850.png b194a124b513997ee014aebf7afcd1b2.png d2a01ac67d3dfe3caf1edafc9a1f9694.png

秋叶 PPT 视频号,每天 3 分钟

有趣的办公室小剧场等你来看

让 Office 学习变得简单有趣~

↓↓↓

09a511755b27a90e26a122a85cba0733.png

注:微信视频号仍在内测,扫码不成功就是暂未开放功能噢~ 点个在看 让好文被更多人看到 8fe6c485e197bf62e73441909552cca6.png
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值