Ps|液态渐变效果

欢迎点击「算法与编程之美」↑关注我们！

本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。

欢迎加入团队圈子！与作者面对面！直接点击！

相信学习过Ps的人都知道Ps的渐变工具。不同颜色渐变中的过渡效果在UI设计的背景与插画画报中经常见到，给人很强的节奏感和审美情趣。渐变的形式不仅在日常生活中随处可见，许多自然现象也都充满了渐变的形式特点，如彩虹、极光等。将渐变与3d物体结合起来能使画面更加丰富，给人更强的视觉冲击力。那么接下来就为大家介绍如何制作液态渐变效果。

1 成品

图1.1

图1.2

2 思路

在看到图片的时候，我们可以知道几个重点：

1.颜色渐变的选取，要使颜色过渡自然且颜色之间没有太大的冲突；

2.包括球形在内的3d效果，我们可以发现球体和波浪状的3d效果大同小异，因此我们可以先做成中心球的3d效果，再复制图层样式给其它形状，此外还要注意各物体的层次、大小及光源等效果，以达到立体的逼真效果。

3 步骤

3.1 新建适当大小及分辨率的画布，并添加适当的颜色渐变

图3.1

3.2 使用椭圆工具画出一个正圆

图3.2

3.3 接下来我们为圆添加图层样式效果，使之立体化，首先添加适当的颜色渐变叠加，本次使用了5种颜色

图3.3

3.4 接下来为圆添加内发光，选择淡蓝，图层样式为线性减淡，再根据个人感受调节参数，本次具体参数如下

图3.4

3.5 接下来再次为圆添加内发光，选择品红，图层样式为色相，再根据个人感受调节参数，本次具体参数如下

图3.5

3.6 最后添加投影，选择白色注意大小及距离，具体参数如下

图3.6

3.7 最后复制中心圆，并调节至各自合适的位置，注意大小，可根据具体情况调整细节

图3.7

3.8 选择弯度钢笔工具绘制波浪状的形状

图3.8

3.9 再复制中心圆的图层样式并拷贝到波浪状

图3.9

3.10 多次绘制其它的波浪形状，并添加中心圆的图层样式

图3.10

3.11 整体偏亮，我们使用曲线降低一下亮度

图3.11

3.12 我们发现由于中心圆较小，颜色渐变黄色过渡不自然，我们重新调节一下中心圆的渐变叠加

图3.12

3.13 我们发现图片整体色调过于偏暖，再使用色彩平衡调节一下，增加冷调

图3.13

3.14 最后增加适当的文字

图3.14

4 总结

本次教程基础操作十分简单，重点在于：

1.颜色渐变的搭配，建议参照Ps自带的颜色过渡带，避免使用颜色过渡带距离较远的两色作为邻近的渐变色；

2.使用多个内发光的图层样式使形状更加立体化；

3.还有使用调色工具使图片更加接近自己的预期，调色方法不唯一。通过本次实践能加深对图层样式和调色工具的的理解。

图4.1 颜色过渡带

END

实习主编   |   王楠岚

   责      编   |   人若尘芥

 where2go 团队

微信号：算法与编程之美          

长按识别二维码关注我们!

温馨提示：点击页面右下角“写留言”发表评论，期待您的参与！期待您的转发！