双色调是什么？利用两种颜色诠释设计风格，PS渐变映射详解|蓝色|红色|亮部

可能你在某些地方会看到类似这种风格的图片。

1

2

3

4

这种风格叫做双色调，它有比较强的视觉感染力，当你选择一个合适的色彩对比关系来进行创作的时候，很轻松就能达到这样的效果。

有基础的朋友，当然知道这是利用Photoshop的渐变映射制作出来的效果。

当然，PS里面也会有一个双色调功能，不过那个稍微复杂一点。

所以，今天我们来着重了解渐变映射。

老规矩，先说方法，再来讲原理。

第一步，打开一张图片。

第二步，添加渐变映射调整层。

第三步，更改一下渐变关系。

第四步，如果你愿意的话，添加一个亮度对比度。

第五步，添加一点文案。

甚至你也可以更改一下色调。

讲完，操作步骤其实就这么简单，主要利用的工具就是渐变映射。

只想了解操作步骤的朋友看到这里就结束了，如果你想知道它的原理，请往下看。

分析：

问：渐变映射在哪里？

答：在图层面板里面添加“渐变映射”即可。

把字面拆分来理解，当前包含“渐变”和“映射”四个字。渐变是什么意思我想大家都很清楚，在这里就不解释了。

所以我们着重来解释什么是映射？

你只需要搞清楚这个问题，即可完全了解渐变映射的的原理。

这个问题就是渐变映射它到底映射了什么？

看一个案例就明白。

请问上图中的暗部区域、中间调、和暗部区域分别是哪里？

看一眼就知道，衣服是暗部、皮肤和头发是中间调、背景是亮部区域，是这个道理吧。

如果我在这张图的上方添加一个蓝色到绿色再到红色的渐变映射，再次观察。

1、你会发现衣服变成了蓝色、皮肤变成了绿色、背景变成了红色。

2、翻译过来就是当前图片的暗部区域变成了蓝色，中间调变成了绿色，亮部区域变成了红色。

明白了吗？实际上这根渐变条从左到右分别指的就是图像的暗部、中间调、亮部区域而已。

如果你添加了渐变映射，实际上就会把当前渐变条的暗部、中间调、亮部区域颜色映射到下方的图像上面去。

所以就会看到现在的结果。

1、渐变条最左边的是暗部区域，当前是蓝色。所以就会映射到下方图像的暗部区域，也就是衣服，所以衣服会变蓝色。

2、渐变条中间部分是中间调，当前是绿色。所以就会映射到下方图像的中间调区域，也就皮肤或头发，所以皮肤就变成了绿色。

3、渐变条最右边是亮部区域，当前是红色。所以就会映射到下方图像的亮部区域，也就是背景，所以背景就变成了红色。

既然知道了这个，考考你。

不要着急看答案，首先好好思考一下。

如果是一个纯黑色，我在上方添加一个这样的渐变映射调整层，你猜最终会变成什么颜色。

是的，猜对了，答案是蓝色。

1、因为渐变映射的最左边，也就是蓝色。对应的是下方图层的暗部区域。

2、但下方的图层只有黑色，也就是说它只有暗部区域，并不存在中间调和亮部区域。

3、所以渐变映射只能映射暗部区域，所以只会剩下蓝色。

如果下方图层是808080的灰色值呢？

同理，就只剩下绿色了。因为只映射了中间调。

稍微难一点的，请问这张图片存在什么问题？

很明显，当前图片偏灰，也就是说暗部区域是深灰，亮部区域是浅灰。

当前图片中缺少黑白，所以没有对比，就会导致你现在看到的结果。

如果此时添加一个纯黑到纯白的渐变映射，再观察。

你会发现当前图片还是偏灰，图片还是缺少黑色和白色。

因为当前只映射了渐变条的这个区域。

当前图像不存在黑色和白色，所以渐变映射也就只能映射深灰到浅灰色的区域，它们是一一对应的。这样解释可以明白吗？

现在再问你，渐变映射到底映射了什么？

1、渐变映射从左到右对应的是下方图层的暗部、中间调、亮部区域；

2、它是基于下方图层的明暗关系来进行映射的，两者一一对应；

3、如果下方图层没有黑色，即便你的渐变映射上有黑色，也映射不上去；

说到这里，你应该知道了“渐变映射”和“渐变”区别。

如果我在当前图像的上方只添加添加渐变，是渐变，不是渐变映射，这两个是不一样的东西。

左边是红色，右边是黄色。

如果更改它的图层混合模式。

发现没有，它还是保持着左边红色，右边黄色的规律。

它并没有产生映射，也就是说原本你的渐变是什么样的，即使你更改图层混合模式也没用，它不会产生映射。

如果是渐变映射呢？

通过上面的知识你就知道，即使采用和渐变同样的色彩，它是会根据下方图层的黑白灰关系来去进行颜色映射。这样你就知道了它们两个工具的区别。

请记住：

1、“渐变”只是相当于你拿一把刷子在图层上方刷了一遍颜色而已。

2、“渐变映射”从左到右分别对应的是暗部、中间调、亮部。它可不是刷颜色这么简单，它是能够进行颜色映射的。

回到文章开始的案例上面来。

既然方法和原理你已经明白，我就不继续啰嗦下去了。

在这里提醒一下操作时候的注意事项。

1、我们是利用两种颜色在进行渐变映射，如图。

为什么是蓝色在左边，黄色在右边？

可能你会问黄色在左，蓝色在右边，行不行？

很显然，这不符合当前图像的明暗关系，有一种图像被反相的感觉。亮部被调暗了，暗部被调亮了。

所以我们在操作的时候注意一下颜色的映射关系。一般情况下，图像的暗部区域我们会给一些明度比较低的色彩，亮部区域显然要比暗部区域的颜色要亮才行。这样才符合当前图像的明暗关系。

2、尽量去寻找一些颜色对比较鲜明的色彩去进行组合，这样的话视觉上的冲击力会好一些。在渐变映射的这个地方，藏了很多预设，很多人没有留意过。

每个预设都去尝试一下。

3、既然你知道渐变映射是根据下方图像的明暗关系来进行映射的。

那么其实我们在调整的时候如果觉得效果不明显，你甚至可以用其它方法增加当前图像的明暗关系之后，再来进行渐变映射。比如我在渐变映射的下方添加了黑白调整层来去确定黑白关系。

当然你也可以做完后在上方添加亮度对比度也可以。

最后加上一些符合图片主题的文案即可。

所以，今天你知道了一张简单双色调风格的图片制作思路，但重点是你了解了渐变映射的原理知识。

渐变映射的使用场景绝不是这么单一。

很多时候我们是利用渐变映射来结合图层混合模式使用的，但今天举了一个简单容易的案例告诉你了它的原理。

它还可以做些什么事情呢？

1、我们可以利用它对图像做一些简单的调色；

2、可以利用它重新定义皮肤的颜色；

3、也可以利用它的黑白灰的特性，给一些黑白图片进行着色，是非常方便的；

所以接下来我会利用今天学会的原理知识，把上面这些操作思路和方法都分享给你。

可能你手边有很多教程，而我只想做点让你看得懂、学得会、用得到的后期实用教程。