?优设品牌号，旗下新品及内测邀请码资格均在此号，关注推送掌握动态，有机会第一时间获取。

封面作者：Ana Miminoshvili

前几天我们推送了一篇关于渐变在网页中如何运用的文章，有人就在评论里问了：“有渐变相关教程嘛？”

当然有啊！这就专门为求教程的大家写一篇！我，善解人意，打钱！

首先我们先讲软件运用，PS里的渐变功能是十分强大的！

首先双击图层调出图层样式（针对对象进行渐变、投影、浮雕等效果样式处理，以后会写一篇文章介绍）选择渐变叠加这个选项。

下面就是一些具体参数。

(温馨提示：看不清可单击大图查看)

混合模式

它不仅在各个样式里有，在图层上方也可以单独修改。

混合模式简单来说就是根据现有图层的颜色等参数，选择不同的模式，现有图层与其它会有一个混合效果。举个例子吧。

如果你想把一个复杂的白底的图抠出来放在一个花色背景上，你只需要把混合模式改成正片叠底就行。

如果你想把一个复杂的黑底的图抠出来放在一个花色背景上，你只需要把混合模式改成滤色就行。

混合模式的效果很多，大家都可以自己去尝试尝试。小编今天主要讲渐变，这里就不赘述。

不透明度

字面意思，与图层不透明度不同的是它只调整渐变的不透明度，如果你的形状本身带有一个底色，把渐变不透明度调低的话底色是会透上来的。而图层不透明度是调整整个图层的不透明度。

渐变编辑器

今天重点要讲的内容，渐变的颜色调整就是在这里。最上面是预设渐变。当你在下面调整好渐变颜色直接点击新建，就能保存你设置的渐变。

下面就是调整颜色的地方，下面的标尺调整颜色，上面的调整单个颜色不透明度。移动标尺距离就能产生不同的渐变效果。

直接点击空白处就能插件新标尺。旁边那个反相如果点击的话当前画布中颜色位置就会对调。

这里有一个小白非常非常非常容易犯错的地方，就是我明明按照你的教程来的为什么文档效果完全不一样。是因为你没调整好渐变的位置，在渐变面板打开时鼠标可以直接在画布中调整渐变位置。

下面就是一些渐变样式，一般经常用到的就是线性和径向。这个不用我解释大家看看下面图解就知道他们各自是什么效果。

线性

径向

角度

对称的

菱形

角度

顾名思义，用来调整渐变整体角度的。

缩放

简单说，缩放值越大两种颜色越融合，越小则相反。

这边有一个重置对齐也需要提一下，有时候大家可能调整多了整个渐变位置就变了，拉半天也调整不回来。这时候你只要按一下这个按钮就可以复位，是不是很方便！

图层蒙版

你以为渐变只有这些功能？图样。大家都知道PS有个图层蒙版功能，在相应图层新建一个蒙版，选中蒙版，这时候你用黑色画笔去涂抹就会发现图片部分被擦除了，用白色画笔再涂一下发现，诶！又回来了。俗称：黑遮白显。

那么渐变和他有啥关系？我们选择工具栏渐变工具，颜色设置为黑白，在图像上一拉，很快就可以做出图像从无到有的渐变过渡。在作图的时候这个功能还是有很多用处的。

网站推荐

学了做渐变的方法，审美跟不上就很可能做出这样的渐变。

所以小编这里安利一个渐变色参考网站！webgradients：http://webgradients.com/点击色块右下角的copy就可以直接复制！是不是超方便，妈妈再也不用怕我做出瞎眼渐变！

相关教程练习

说了这么多，不动手练习怎么会变强？

所以小编准备了一个超炫酷渐变教程！这个图的原作者很多作品都是运用了非常亮眼的渐变，有兴趣的同学可以去dribbble搜studio-JQ。

教程扩展：

我们发了作品欣赏，会有很多人要教程，问怎么做，但是发了教程，又有很多人说不会操作？小编为了让你们学会真是操碎了心，大家练习后可以把作品发到公众号后台打卡哟：）千万别再眼高手低啦！

顺便再加个鸡腿吧↑

• “我知道错了，但我不会改”丨20个人关于独处的故事。
• 为的什么地球不会被宇宙中大星体撞上?!
• 如果有外星文明出现了，对人类是幸运还是危机？答案你不会想到
• 房市调整不会停，这次投资客能钻的最后一个漏洞也要被堵上了!
• 现在郑州发展非常快，在未来十年内会不会超越武汉甚至深圳？
• 未来房价到底会不会下跌，这个数据很有说服力
• 鱼丸怎么煮不会老
• 中国超过3.5亿烟民，如果国家停止出售香烟，有哪些负面效果呢？
• 北京：“本地化”外地车挑战调控红线 调控效果打折
• 印度女子来到中国旅游后，发现了印度媒体永远不会说的秘密