![f37c112786cf9fb84c376ddb17b9f77b.png](https://i-blog.csdnimg.cn/blog_migrate/d7ecf4b83512161cc7de93c8b255bb0b.jpeg)
我想这就是后来我开始喜欢上“渐变”的原因吧
![c06e554d05cc7ef8d40cd631de44e780.png](https://i-blog.csdnimg.cn/blog_migrate/54690bf2c061578c3d3bd95f241fc6e6.jpeg)
经常有小伙伴说喜欢公子的模板配色,其实呢这里面有很多窍门,比如我就会经常会逛一些配色网站找合适的案例,直接拿来用它不香吗!
那要说到渐变的话,其实我个人以前是很讨厌渐变的,特别是用在PPT中的那些渐变,总觉得难看到不忍直视,那些年老师们钟爱的大字加粗渐变真是晃的我头晕。
但后来我才发现并不是渐变不香而是我们不会运用而已,尤其是在见识了以下这些例子,果然是打开了新世界的大门。
所以呢以后大家做PPT就可以直接从下面这些网站中,寻找合适又恰当的渐变搭配拿来用,站在巨人的肩膀上一切都变得那么简单,至少我们就很难出错,Show Time!
01.Lstore Graphics
LS Graphics提供了100种渐变,每一幅都好看到没朋友,我想很多小伙伴是知道的。
![5d0a8ee6bb6b467b7da8d0ea4c72a9d7.png](https://i-blog.csdnimg.cn/blog_migrate/ecb06acf529209830ec414b79f1437c7.jpeg)
不是单纯的线性或径向,大部分为不规则路径。
![627b0503cdec20ea58028a98a580e2fd.png](https://i-blog.csdnimg.cn/blog_migrate/675f41c84e7e85af9b8d0af3f6f7a0c7.jpeg)
但所有都为浅色系渐变,这点点稍稍有些局限,我个人是非常喜欢的,就看你们了。
![8ff21114e7e8f4d6016266e9fc57b2a5.png](https://i-blog.csdnimg.cn/blog_migrate/8a94b00ec85f2c682e31a56fd2109554.jpeg)
虽然可以单幅下载,但建议直接打包下载所有源文件。
![8a030f22edb6e521b3170cdd7ce745a2.png](https://i-blog.csdnimg.cn/blog_migrate/241eddcfc1e1dc1ebdb8b0af8f2ac985.jpeg)
一键打包的话,所有渐变的png、jpg、eps等格式都会给到,奈斯!
![d03b94d63ae4493554e99f071c48bc30.png](https://i-blog.csdnimg.cn/blog_migrate/710d8e99b2d3b954a0fa1bc6c0453044.jpeg)
这样好的素材不存到电脑里我是不会安心的,拿来用的时候也方便。
02.Gradienta
这是美丫老师之前推荐的渐变素材网站,设计师Shahadat Rahman和Zonayed共同创建。
![dd9335336681a4f97ed6a705630f19bb.png](https://i-blog.csdnimg.cn/blog_migrate/bdc872abaf3abe773bd8ba7ef6524fa4.jpeg)
相比之下我肯定是更喜欢LS Graphics的渐变,但因为这里面涉及到很多深色系,所以用来互补还不错。
![8ae05ce6e2ad2d602bb0caca284bbf65.png](https://i-blog.csdnimg.cn/blog_migrate/d170b7c7cb0c6554dd34aa1d4241a9b8.jpeg)
明显会更“艳丽”一些,我个人是至今还没用到,但这种素材肯定是多多益善了!
![384ada2a556e32bf3f4759411f2c0e25.png](https://i-blog.csdnimg.cn/blog_migrate/286a2e5313b46990d1f154fcdbd60253.jpeg)
Gradienta的渐变可商用,而且下载像素也很高,这点就很友好了。
![ef02d317eb35b1fdbf4e23d41397ce0a.png](https://i-blog.csdnimg.cn/blog_migrate/98b8468d8be96384547f82e682d3c926.jpeg)
![e3ecfae1f98eceb216c4f6459fbc3e35.png](https://i-blog.csdnimg.cn/blog_migrate/b2a11853c03e46ce8d03403fc9dbc67d.jpeg)
现在大部分PPT都是16:9,所以我们可以选择这个比例用作背景,当然也有4:3。
03.Gradientsguru
Gradientsguru分为两种渐变分类:Cool和Strong,前一种会浅一些,我个人是更喜欢的,偏小清新。
![55ad4a655ce6cde4e6887c9ac1c65939.png](https://i-blog.csdnimg.cn/blog_migrate/1742e8286730e6940af2e76b30af1e57.jpeg)
看来公子偶尔也是有些“少女心”的,至少在渐变这件事情上。
![d850756df9c65b700aa7e1448676df9c.png](https://i-blog.csdnimg.cn/blog_migrate/d66558ebdcc89157bf0e932dd7f12e94.jpeg)
我们可以旋转渐变角度,复制颜色代码等。
![8b915ebbfcab24fd49b8353c6c37ec0f.png](https://i-blog.csdnimg.cn/blog_migrate/88bd83ca35c0c40d068ef2dac0ab2f2d.jpeg)
很有趣的一点是,选中并点击一个渐变模式,可以上传图片。
![2bd71083b55d9a4e1cc80fe367f638e5.png](https://i-blog.csdnimg.cn/blog_migrate/d7bf9c48f3e652668bdf8fd5c4c4eaa6.jpeg)
这样你上传的图片就会按照这个渐变模式变成双色调,右侧有相关参数可做细微调整。
![6cc9cbbfd49c6ba9efe7c99466fd4aee.png](https://i-blog.csdnimg.cn/blog_migrate/bf5574e3ffd46d24e68bfee577940031.jpeg)
04.Eggradients
我之前喜欢叫它“美妆蛋”,因为它就是用鸡蛋的形状来展示各种渐变的,很有意思。
![bbc14009035933926214093b8423759a.png](https://i-blog.csdnimg.cn/blog_migrate/5a89b9492b836f94668fd033b735000a.jpeg)
有超过200种渐变方案,每一种都很漂亮,建议马住。
![dbd58d6d3875498140628447edeb46fb.png](https://i-blog.csdnimg.cn/blog_migrate/2783f4ae2a258f6666cd6f658926adca.jpeg)
总觉得从开始逛这些配色类网站,才发觉原来颜色的世界过于奇妙。
![b0832ab7667e6ff892d7ab4df81ea47c.png](https://i-blog.csdnimg.cn/blog_migrate/c1a7ce3d64f9318b6c47058d6733dd49.jpeg)
05.Grabient
我觉得Grabient和上一个“美妆蛋”还是有很多小伙伴比较熟悉的,都是很简单清晰地展示渐变案例。
![dee3881d8a04ab75503227572242f775.png](https://i-blog.csdnimg.cn/blog_migrate/b41f3866358a828890b77f6db8f57f41.jpeg)
但Grabient的案例明显没有“美妆蛋”多就是了。
![1dc2912a25937105a1078e75566f7975.png](https://i-blog.csdnimg.cn/blog_migrate/76b1b5b74da96d919466e84c75f0121b.jpeg)
优势在于它可以调整每个渐变的路径方向、光圈数量和颜色占比等,这点就很人性化了。
![98dac1a85fb7013387b98cc6588dcb74.png](https://i-blog.csdnimg.cn/blog_migrate/e36a342495616fe9002a38bde75cc9c2.jpeg)
所以案例虽然不多,但胜在了灵活性。
06.ColorKit
ColorKit有点不同,并不是直接给到你渐变案例,而是需要我们来探索。
![5df884ee27e6e7634142237de56e1601.png](https://i-blog.csdnimg.cn/blog_migrate/a5f2985bcc03a1512985b1c981e6efbb.jpeg)
选择并给出两端的颜色,你就会看到它们之间是如何过度的。
![6bc4b874d5a4c1a4d7703b6b121784e3.png](https://i-blog.csdnimg.cn/blog_migrate/64cd92ed0f30bb3880a0a27f45f2d11a.jpeg)
还可以调整要通过多少个颜色来过度混合,是否足够自然。
![v2-f901cbda755b5cbb6b3709768a074854_b.jpg](http://img-03.proxy.5ce.com/view/image?&type=2&guid=8b572e75-8830-eb11-8da9-e4434bdf6706&url=https://pic1.zhimg.com/v2-f901cbda755b5cbb6b3709768a074854_b.jpg)
有时我会这样用:比如说根据logo定下了PPT的主色调,那通过ColorKit就可以探索出其中有没有什么过度色可用。
07.CSS Gradient
CSS Gradient可能你乍一看没什么了不起,但如果你选择background就会知道它的神奇了。
![bc85bcf5c5f918390bc9585e98887609.png](https://i-blog.csdnimg.cn/blog_migrate/1c38b9a732a0c7bb78f42d764789409c.jpeg)
其实我觉得它的设计方式和PPT很像,点击即添加光圈,然后调整颜色、路径、透明度等。
![2ef91d066ba6ad586bed5b2f5ec1ef84.png](https://i-blog.csdnimg.cn/blog_migrate/b529f15fd139c77b01a5ff29ee5a04a8.jpeg)
和Gradientsguru一样可以上传图片,不同的是它是根据图片解析出渐变,而不是制作双色调效果。
![baed4144b33c55b3acf66f4e94810fc8.png](https://i-blog.csdnimg.cn/blog_migrate/8ab721ebd6d696be6ad42dbbd4e86dfa.jpeg)
08.Blend
Blend是根据我们键入两种不同的色值,然后混合出渐变效果。
![adaf1a8b29a0fcd309d64b9301fb8028.png](https://i-blog.csdnimg.cn/blog_migrate/659ef13a1f3d5a4a090aa528d5a138a6.jpeg)
有线性和径向两种混合模式,线性的话角度可以调整。
![4127f722eb08f90f38a9ee0fa756ff89.png](https://i-blog.csdnimg.cn/blog_migrate/143ea30c5983c0847562621196559c20.jpeg)
因为不能下载图片,那可以复制代码也是一样的。
![26bad91778d155c078fb9753b8883a86.png](https://i-blog.csdnimg.cn/blog_migrate/1164cb13a63df03c918fb47ab7631fd2.jpeg)
09.GradPad
GradPad由浅至深会给出一些渐变案例,但并不多。
![1c197a9a3b48d0dd7faff78f5ba8967f.png](https://i-blog.csdnimg.cn/blog_migrate/582b4708343835bdf3179a2bc8ed99b8.jpeg)
![563f9400dd6374657a6c3e646779732d.png](https://i-blog.csdnimg.cn/blog_migrate/17480f258907f7d27676fbbdfc5478fe.jpeg)
有趣的是我们可以调整每个渐变,甚至自己DIY,光圈的颜色可以随意更改之外,你还会看到两个类似手柄的控点。
![8ac40e8f85130291b9fc766134cab74c.png](https://i-blog.csdnimg.cn/blog_migrate/e737f120aaf761e49b647728ae06d36e.jpeg)
拖拽它们更改混合的比例和方向。
10.ColorSpark
最后的ColorSpark就更有趣了,因为它是完全随机的。
![cfe5fac6ce6b53142e7151bb20a0d723.png](https://i-blog.csdnimg.cn/blog_migrate/eccabafaaf6c073842a9dd4e00c45991.jpeg)
每点击一下生成一个渐变方案,不实用却很好玩就对了。
![ea27fbd991ca21e86ad89518bfa6680d.png](https://i-blog.csdnimg.cn/blog_migrate/1e34a8d49548e0b17e122f9cf1eece60.jpeg)
那以上就是公子给大家整理的渐变方案或素材网站,就公子个人而言的话每一个都很喜欢,但希望你们会找到适合并用起来方便的,毕竟每做PPT之前都要逛一遍也不用做什么了。
也希望你们对渐变会有所改观,就像公子一样不要被“那个年代”的PPT留下心理阴影,渐变用的漂亮真的会增色不少。
这周的投票目前又出现了让我意外的黑马,建筑师风格介绍紧追易烊千玺,完了完了公子又慌了,但凡遇到这种票数很接近的情况,你们知道的我就会焦虑。总之不管哪个胜出明天就要开工了,有什么建议或想法记得提前告诉我,或者下周要给公子留什么作业,通通抛向我吧!
OK,那今天就这样了,Good Luck
我想这就是后来我开始喜欢上“渐变”的原因吧mp.weixin.qq.com![e9735bb46b95729b8c212cee42e115e5.png](https://i-blog.csdnimg.cn/blog_migrate/dca30b76af8ac94b6514d33daf040f5a.jpeg)
![abcdf6a92977421c6f282d983e908599.png](https://i-blog.csdnimg.cn/blog_migrate/9cda7b47d2c2e1458fe829caaa33a695.jpeg)