三分钟就能学会的渐变新玩法

版权申明：本文原创作者“飞屋睿”，感谢“飞屋睿”的原创经验分享！

这类渐变一直很受欢迎，不过这可能是第一个手把手教你怎么做出来的教程。

 练习重点：

这次主要运用到Photoshop中的渐变工具以及图层样式中的渐变叠加，还有液化，那么这里主要就是用来变形的，效果很棒，方法很简单，感兴趣的小伙伴可以做起来。

接下来我们就开始学习这种方法吧。如果喜欢这篇教程的有任何问题都可以加一下我的学习交流群：514985251，加群进群后是可以找管理员领取UI设计的学习资源的，还可以晚上听取UI设计的直播课，关于排版布局，色彩搭配，设计思维，网页，移动端，交互都会去讲解的。欢迎你的到来！

步骤一：

在Photoshop中新建一个文档。

宽度：595 px
高度：842 px
分辨率：72 dpi

步骤二：

制作背景：

在新建的文档中 Ctrl+J 复制一层背景，然后利用 渐变工具(G) 给复制出来的背景添加一个底色。

渐变色值：#e9e8ea、#e2ddff

FEVTE编注：更多PS教程交流讨论及PS作品提交请进入飞特论坛PS作品交流区，地址：https://www.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131

步骤三：

利用 椭圆形状工具(U) 新建一个圆，并添加 图层样式-渐变叠加。

温馨提示：别忘记与背景居中哟。

圆形直径：429 px 图层样式：渐变叠加 模式：正常 不透明度：100% 渐变：#3f4ff4、#c316f5、#eeec58 样式：线性 角度：90度 缩放：100%

步骤四：

Ctrl+J 复制刚刚我们做出的圆形形状，选中图层，鼠标右键-栅格化图层样式，并隐藏刚才那一层。

步骤五：

对刚才复制出来并栅格化图层样式后的图层进行 滤镜-液化 操作，并再添加一个蒙版。

温馨提示：大家可能都知道，Photoshop的液化工具主要运用在后期修图修饰人体或美化人脸上，简单来说液化工具就是可以操控变形的一个工具，我们在这里也可以利用液化工具的这一特性，让渐变变形。

液化：工具的使用跟画笔相似，在这里我们不用调整任何参数，使用默认就好，然后直接在画面上拖动，就能达到一些很好的融合效果。

图层蒙版：按住 Ctrl 点击刚刚我们隐藏那一层的图层缩略图，得到一个圆形的选区，然后选择到液化过的那一层，创建蒙版。