Hi，我是秋小叶~
最后我们谈到，蒙版不一定是纯色，更不一定是黑色，所以，今天就来看看渐变蒙版怎么玩。
谈到「渐变」，大多数小伙伴的脑海里可能会闪过类似这样画面……
这些「土味弥漫」的幻灯片相信大家也不喜欢，而渐变如果能够用好，绝对是化腐朽为神奇的秘密武器：
是不是已经心动了？经过对比以及看到这样的作品，或许你心中会产生疑问：
什么是渐变蒙版？
如何添加渐变蒙版？
不懂配色怎么做出高大上的渐变？
那就一起开始接下来的学习吧！
什么是渐变蒙版？
我们在前面讲半透明蒙版时提到过，半透明蒙版其实就是在图片上添加一层半透明的色块，而渐变蒙版则是颜色逐渐发生过渡的色块。
渐变蒙版可以分为单色渐变以及多色渐变等形式：
渐变蒙版的添加方法
插入矩形，选中矩形，点击鼠标右键，【设置形状格式】填充，渐变填充。
在知道如何插入渐变蒙版之后，我们需要再了解一下渐变填充的一些小知识，包括类型，方向与渐变光圈。
渐变的类型包括：线性渐变，射线渐变，矩形渐变，路径渐变。
最常用的类型主要是线性渐变，所以我们以线性渐变的使用方法为例，通过给下面这张灰色的图添加渐变蒙版，来具体了解一下渐变色的变化规律。
线性渐变是指颜色沿着一条轴线过渡，从起点到终点颜色进行顺序渐变（从一边拉向另一边）。每一种类型都已经有预设好的角度和方向：
渐变光圈默认的有 4 个，颜色渐变按照渐变光圈从左至右的顺序。
一般情况下，只需两个渐变光圈即可。比如我们设置【类型】为线性渐变，【方向】从左至右。
色值参考：
光圈 1 位置为 0，RGB 为（255，107，107），透明度为 20%
光圈 2 位置为 100，RGB 为（85，98，112），透明度为 50%
将蒙版覆盖到图片上面，就可以使这张灰色的图大变模样：
对比一下，是不是有很大的改善？
射线渐变的方向主要有以下 5 种：
可以发现，颜色的过渡都是从某一个点开始发散的。我们用一个案例来看看线性渐变与射线渐变的区别。
线性渐变：
射线渐变：
你在看这两张图的时候，注意力有没有变化？
由于渐变的一种引导作用，我们在看图 1 的时候，更多会将注意力放在图片上，而看图 2 的时候，我们会更关注文案。
同样是渐变，但是不同类型的渐变有不同的使用方式。所以，我们在使用渐变的时候，要根据实际需要来选择类型与方向。
小白不懂配色如何做出高大上的渐变
《配色原理》这本书籍提到过，一般情况下，我们可以通过视觉获取各种信息，其中色彩是十分重要的信息之一，色彩是被誉为一种能够激发情感，刺激感官的元素。
色彩信息传递的速度非常的快，在进入眼球的瞬间即可在人的大脑中形成一种印象。而渐变的引入可以比单色更加有趣，并且充满活力。
大多数互联网公司，正是应用不同色彩所带来的不同感受，利用颜色的渐变来营造出一种年轻，青春的气息，符合大多数受众人群的偏好。
而作为一个没有任何设计基础的小白来说，如何调出和上图一样的漂亮渐变色彩呢？
接下来给大家安利 3 个渐变色设计网站。
❶ uigradients.com
里面都是已经搭配好的渐变色，我们只需直接取用即可。
另外点击左上角的【show all gradients】可以看见所有已经搭配好的颜色列表，有了这上百种颜色的搭配，基本上可以满足所有渐变色的需求了。
❷ https://webkul.github.io/coolhue/
该网站一共提供了 30 种现成的渐变背景，建议大家直接下载 PNG 图片格式，就可以直接当做背景使用啦。
❸ webgradients.com
作者：老秦、伟崇「工作型PPT应该这样做」优秀学员
联系客服
