超人气教程！3分钟教你学会渐变新玩法

@安全蛋 ：这种渐变一直很流行，但这可能是第一个教你怎么做的教程。

效果图：

练习重点：

这一次，它主要用于Photoshop中的渐变工具、图层样式中的渐变叠加和液化，因此主要用于变形。效果很好，方法很简单。感兴趣的朋友可以这样做。

接下来，让我们开始学习这种方法。

步骤一：

在Photoshop中创建一个新文档。

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

步骤二：

制作背景：

在新文档中 Ctrl+J 复制一层背景，然后使用它 渐变工具(G) 为复制的背景添加背景色。

渐变色值：#e9e8ea、#e2ddff

步骤三：

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

温馨提示:别忘了和背景在一起。

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

步骤四：

Ctrl+J 复制我们刚刚制作的圆形形状，选择图层，右键鼠标格栅图层样式，并隐藏刚才的层。

步骤五：

刚刚复制并格栅图层样式后的图层 滤镜-液化 操作，再加一个蒙版。

温馨提示：众所周知，Photoshop的液化工具主要用于后期修改人体或美化人脸。简言之，液化工具是一种可以控制变形的工具。我们也可以在这里利用液化工具的这一特性使梯度变形。

液化：工具的使用类似于刷子。在这里，我们不需要调整任何参数。默认情况下，我们可以使用它们，然后直接拖动图片，以达到一些良好的集成效果。

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

步骤六：

使用 Ctrl+T自由变换工具 对液化层进行微妙的移动或旋转调整，直到达到合适的位置。

温馨提示：我们可以看到，当我们为图层创建蒙版时，蒙版和图层之间有一个小链图标。单击小链图标以删除它。此时，我们可以分别调整图层本身的内容和蒙版。如果不删除，蒙版将跟随图层旋转、位移、缩放等。

步骤七：

删除刚刚隐藏的圆形图层样式，并改变颜色 ，调整形状属性，充当阴影。

调整颜色：#fa53f4羽化：35 px

步骤八：

用 形状工具(U) 添加一些装饰元素和使用 文字工具（T）排版文字。

步骤九：

用 钢笔工具(P) 勾勒出一些波浪形状，填充颜色，添加蒙版，用柔软的画笔擦拭不必要的部分，适当调整图层的不透明度。

温馨提示:对于蒙版来说，蒙版只认黑白灰。简单来说，黑色相当于擦除，白色相当于显示，俗称“黑白显示”。

填色：#57fcfcfcfc：

新建一层，填充深灰色，给他添加一些杂色，滤镜-杂色-杂色。

将杂色层的混合模式改为柔光，创建剪贴蒙版Ctrl+Alt+G。

在调整之前，可以复制一个刚刚的元素。

步骤十：

最合适的液化层调整 色相／饱和度，让颜色更漂亮。

温馨提示：你可以看到这张照片的整体颜色仍然很丰富，但顶部的蓝色太亮了，所以这里需要提高液化层的饱和度，以避免装饰抓住主体。

最终效果：

总结：

渐变可以应用到很多地方，有时我们只需要发挥自己的想法，通过软件实现，就可以取得很好的效果。这个教程并不难，关键是要理解液化可以控制变形， 扩展你的想法，不要局限于普通的渐变用法。例如，也可以产生以下效果

对渐变感兴趣的学生可以阅读这一系列文章。我相信这对你很有帮助！

最后一篇:《全面系统的渐变色自学指南》中篇:《如何用渐变色画出高风格的背景+球体》下篇:《人气教程最终版》！写给非专业设计师的渐变色学习指南

推荐相关网站 → uigradients.com，这是一个渐变配色灵感网站，也做过视频推荐→【 每天推训练营-uiGradients】，没事的时候可以上去寻找灵感。

今天的内容到此为止。如果您想了解更多高质量的教程，欢迎关注 →  @优设基础训练营

还有我 → @安全蛋

下次教程再见！！

下一个教程也与渐变有关，感兴趣的同学不要错过哟！

「最受欢迎的效果，教程都在这里」

2.5D 插图:“看高大的2.5D插图，5步就可以轻松做出来！”太空壁纸，“教你手拉手画最受欢迎的太空壁纸！”弥漫阴影《一本简单易用的青春弥漫阴影修炼手册》MBE PS热门教程风格！教你5分钟快速绘制超火MBE风格图标

【优设网 原创文章 投稿邮箱：yuan@uisdc.com】

================优设网==============.com“它是中国最受欢迎的网页设计师学习平台，专注于分享网页设计、无线终端设计和PS教程。设计师需要阅读的100本书：历史上最完整的设计师图书导航：http://hao.uisdc.com/book/.设计微博:拥有180万粉丝的人气微博@优秀网页设计 ，欢迎来到网页设计资源，下载顶级设计资料。设计导航：世界顶级设计网站推荐，设计师必备导航：http://hao.uisdc.com