其实要实现图中的渐变效果有以下三个方法，给大家来一一拆分步骤演示一下：
1 渐变
这种比较适合但我们的渐变比较规律的时候，如下图中的眼镜，看起来是从上往下的线性渐变，可以直接使用渐变工具来实现。
打开一张素材图片：
抠出左边的眼镜部分：
设置如下渐变颜色：
新建图层后使用渐变工具从上往下拖动填充到新图层中：
使用同样的方法为右侧眼镜填充渐变色：
使用水滴画笔为眼镜绘制流水的效果：
背景部分也可以将人抠出后，为每一部分单独填充渐变颜色：
最后为人物添加从下往上的红到透明的渐变颜色，我们可以将前景色设置为洋红色，在渐变中选择前景色到透明渐变：
从下往上拖动渐变，得到如下效果：
下巴处不想有颜色，可以使用柔边橡皮擦擦除即可：
最后将混合模式调整为正片叠底就完成了。
渐变工具绘制的渐变效果主要为线性或是径向渐变，上图中主要使用到的是线性渐变，主要特征为颜色之间呈直线型的过渡效果，如果需要改变图片颜色为渐变色，如上图中人物下方衣服的颜色，我们可以通过在新图层添加渐变之后改变图层混合模式将颜色作用于下面的图层即可改变衣服颜色。
上图中白云的颜色也可以通过图层混合模式实现，我们可以先添加一个从上往下的橘红到洋红的渐变色，
之后打开一张白云的素材图片，拖入图中
我们将云朵图层的混合模式改为滤色
这样就为云朵叠加了背景的颜色。
2 画笔+高斯模糊
这种方法更适合颜色多没什么规律的渐变，且渐变之间的过渡比较自然，如下图背景颜色：
上图的背景每个角和中间的颜色都各不相同，可以直接使用画笔在画布上绘制对应的颜色：
绘制的时候选择柔和的画笔，这样颜色之间的过渡会比较柔和，不过还是感觉不够柔和可以使用高斯模糊：
使用色阶增强对比度：
在上方新建图层，使用圆形柔边画笔绘制一下中间的颜色即可完成背景效果：
画笔绘制不同颜色生成渐变效果是个简单易用的方法，如果觉得绘制的时候不好调整，可以每绘制一个不同颜色就新建一个图层，这样绘制有问题的话还可以使用橡皮擦擦去，之后合并图层再使用高斯模糊即可让各种颜色之间的过渡更加柔和。
3 网格
这个方法不同于前两个方法，网格需要使用AI而不是PS，相对于前两个方法来说，网格可能还是稍显难一点，可以用于绘制图2中的那些液态色块。
AI中的网格可以添加多条网格线，网格上的颜色可以沿着网格线平滑过渡到另一点，我们可以通过移动和编辑网格线上的点改变颜色的变化方向和范围。
我们在AI中新建一个文档，之后将上一步中制作的背景拖入到AI中，之后在AI中绘制一个椭圆，设置颜色为紫色。
在左侧工具中选择网格工具：
在其中单击可以添加网格线，
在没有网格线的位置单击可以添加横竖两条交叉的网格线，如果在有网格线的位置上单击只会添加与之垂直的一条网格线，如果需要删除网格线，只需按住alt键单击对应的网格线即可。
我们为交叉的网格点添加颜色：使用直接选择工具选中网格点，通过吸管或是拾色器为网格点添加颜色。
要缩小上面蓝色的范围，可以在其右侧添加新的网格线，将网格点设置为紫色：
在上面继续添加网格线，调整网格点颜色及位置，可以进一步缩小蓝色的范围：
继续添加网格线，调整网格颜色及位置至如下：
接下来我们调整图形的形状，这里可以使用变形工具：
变形工具是一个类似PS液化的工具，可以拖动将图形变形，我们可以通过双击工具或是按alt键拖动调整工具大小，这里变形工具要调整的接近椭圆大小，之后拖动将椭圆变形为下图效果:
接下来我们需要将网格靠下的部分做一个和背景融合的效果，这个效果可以通过PS中的橡皮擦擦除实现，或是想在AI中制作的话可以考虑调整网格点的透明度，也就是说网格中除了可以设置颜色也是可以设置透明度的，我们使用直接选择工具或是套索选中下方的点，之后在透明度面板中设置不透明度为0，这样网格效果就很好的融入背景了。
使用同样的方法制作其他液态色块：
变形后：
超出部分可以添加蒙版隐藏一下：
再继续绘制椭圆之后添加网格，设置颜色：
变形一下：
调整透明度：
继续添加：
添加蒙版隐藏超出部分：
添加蒙版：
绘制里面的矩形并调整图形之间的叠放顺序:
这样就完成了。
网格的方式比较适合渐变颜色比较多，颜色之间的过渡可能没有第二种方式那么柔和，甚至可能会有很明显的颜色过渡的边界的情况，我们通过添加网格线或是移动网格的位置可以很好的控制颜色之间的过渡范围，以产生或柔和或清晰的过渡效果。上图的液态色块就可以再结合一下变形工具来实现更复杂的外形效果。
以上的三种方法各自适合不同的情况，区别也比较大，我们可以根据不同的需求使用不同的制作渐变的方法来实现自己需要的效果。
