好久不见！今天的满满干货依旧是由和音社_姬无色老师带来的~

本文前置知识：

色相环、图层的混合模式、Photoshop中的调整图层

一般图像调色无非是改对比、改光影、改色调一类，都是旨在使照片表达更明确，强化照片的故事性。

但是运用于设计中的图像并不全是以讲故事为唯一使命的，所以出现了弱化故事性，强化特殊风格的处理方式。今天要讲的是此类方式中，处理颜色色相的可用手段。其中有我从未在网络上见过，自己创造的方法，希望各位喜欢。

首先介绍一下今天会用到的素材图：

来自摄影艺术家Matteo Catanese（https://unsplash.com/@matteocatanese），于2017年发布在Unsplash网站。感谢这位摄影家提供今天的素材图。

黑白

黑白就是色相限制中的基础款。关于黑白，经常有朋友问黑白是怎么一回事呢？小编在这里告诉大家，黑白，就是把彩色变成黑白。

在色相/饱和度面板中粗暴地把饱和度降低为0便可得到黑白。对于像素图层，也可以执行去色来实现。

不过更建议仍然使用新建调整图层的方式，选择黑白。在这里有更多黑白的方案，为照片细节提供更细腻的去色方案。

比如在这张图中，对比前一张的效果，天空断层的问题就被修复了许多。

去色运用于平面设计之中，大致都是局部去色，或前景/后景去色，使其与有色部分形成对比，最大化卖弄有色部分的魅力。

还有电影《辛德勒的名单》中的小女孩。

而在这其中，黑白一个比较传统但一直很常见好用的使用场景是拼贴风格：

还有一类在今年的商业画面中越来越常见：主题元素去色，在其上进行有色涂鸦。

他们大多是与人物有关的画面，用于表达人物在平凡的外表下隐藏的活泼个性，或未获得释放的澎湃力量。

混合模式

纯色层改混合模式是设计师最熟悉的改颜色方式。对于非全图的调色，使用：【新建图层→局部涂抹→建立剪贴蒙版→改混合模式和透明度】这样的方法非常常见。因此在这篇变色教程中，也最优先来讲一讲几种好用的改色混合模式。

混合模式的逻辑大致上分两类：颜色层在上、光影层在下，或颜色层在下、光影层在上。先说前者。

混合模式—色相

在图层面板中，选中照片所在图层，点击面板底部新建调整图层按钮，选择纯色。这样可以新建出一个颜色图层，并且这个颜色可以随时更改。将此图层的混合模式改为色相。

照片上原有的色相消失，全部变为当前纯色图层的色相，而原本的明暗关系则得到了最大程度的保留。这一招非常暴力，但是耐用。

混合模式—颜色

将混合模式从色相改为颜色，效果近似但是仍有差别：

在当前这张图上看见的直观效果是更加鲜艳。鲜艳所捆绑的褒义词是“活泼”、“年轻”、“有张力”，贬义词便是“廉价感”。

实际上的区别在于，色相模式仅会更改色彩的色相值，饱和度和明度/亮度保持不变。而颜色模式像是在上方覆了一层色魔，不是，色膜。图像原本色彩倾向很弱的高光和阴影也会呈现出色彩倾向，如上图中树木倒影的部分。

在上面两张效果演示中，还应当注意到一点：山顶上放的天空出现了色彩断层。

这是因为在一个色相环中，不同的色相并非完全对称，在相同的“亮度”下“明度”不同。譬如，纯黄色上使用白色文字会很不易读，而纯蓝色上使用白色文字就对比清晰，这是因为黄色/蓝色与白色的“距离”不同。

亮度，应当对应Brightness，指一个色彩RGB色值中的最高值/255。明度，应当对应Lightness，指一个色彩RGB色值的平均值/255。百度百科上的是错的不要看。此外，鼓励大家，尤其是业余学习设计、没有经历过艺考的同学们，不要把红黄蓝当做三原色，上面黄与蓝地位不对称就是原因。三原色有两组，RGB模式下是红、绿、蓝，又称加法三原色；CMYK模式下是品红、洋黄、青色，又称减法三原色。

上图是一组体育运动主题的海报，画面明显带有对色相的限制。其中一部分光影层次更明显，而色彩倾向薄弱，而另一部分则色彩鲜艳，比较像是使用颜色的混合模式做出来的效果。

把照片的色相限制到一个的处理并不一定要做得很夸张、反常。只是简单的统一色相以便融入整体画面也很有价值，且可能更为常见、更能体现水平差距。这张画面中，人物甜茶的照片色相统一在红色，但是饱和度较低，所以并不明显。这样的处理为画面红色与青色的主色调提供了可能。

特别提一嘴：这个纯色图层，当然也可以不是纯色，是渐变色图层也是可以的哦。

再说说颜色层在下的情况，对混合模式的使用。颜色层在下从逻辑上和前面两种不同：先有色彩，后引入素材。但是效果却有点殊途同归。因此着重讲讲特别之处：

混合模式—正片叠底&滤色

可能是所有混合模式中最值得特别关注的两种：

• 滤色，保留浅色部分，滤除深色部分，颜色越浅则保留越多。一般用于赋予高光。

• 正片叠底 或 正片垫底，保留深色部分，滤除浅色部分，颜色越深则保留越多。一般用于赋予阴影。

先建立好纯色层，把素材放在纯色层上方，对素材层做一个黑白的调整图层，最后把素材层的混合模式改为滤色：

这里一共有三层，再放一下图层的截图：

如果把混合模式改为正片叠底，则是这样的：

这两个图层也可以同时赋予，使得原本的色彩上既有阴影，也有高光。在处理很多材质时都会用到这些方法。除了这两种混合模式，柔光、变暗、变量也是常用的搞光影的混合模式，但是每种效果并不是都能被精准的预见，所以可以抽奖——（？）

混合模式—抽奖

去掉黑白的调整图层。先点击一次混合模式的下拉菜单将其展开，选择任意之后收回。此后将鼠标放在下拉选项上上下滚动，可以快速切换混合模式抽奖。抽奖往往会得到意想不到的结果。

色相/饱和度

上一节提到“饱和度降低到0”的时候就讲到了色相/饱和度。改色相不能没有“色相/饱和度”，就像将进酒不能没有慎师傅。色相/饱和度也同样能更改色相，但是显然更为粗暴，即便是追求艺术化的处理也一般不会直接对全图使用这种方式调整：原图的色彩印象被完全抛弃，而色相关系的夹角却被机械地复制；出现色彩断层的概率更高。

不过，即便色相/饱和度修改色相不太可取，修改饱和度倒是一把好手。饱和度的提升或降低也是在加强或弱化不同色相之间的冲突。

双色相

前面的方法都像是基础款。从这里开始该拿点干货出来回应对本篇专栏的期待了。

新建调整图层——颜色查找，在3DLUT 文件 的下拉菜单中选择2Strip.look，确定。

原图中的色彩全部被就近匹配到色相环的两个方向：Hue=0° 的红色方向和 Hue=180° 的青色方向。而明度与饱和度信息则保持不变。

这一操作大大收缩了画面中出现的色相，但是并非像之前那样收缩到1个或是0个，而是仍有2个方向，以此保证除了明暗浓淡以外，画面中仍有色相上的色彩关系。

如果不喜欢这两个颜色，也—是—可—以—改—的！

再次搬出色相/饱和度，在第二个下拉菜单中选择红色/青色，再各自进行色相调整。即可在双色相的前提下更改色相。

反相

反相，黑白颠倒，颜色互补对调。

但是反相的应用相当少，因此一般大多被忘记，包括我。把效果贴在这里也只是走个形式，不如看看具体的案例：

六张优秀的地产海报，黑金配色，有水墨意韵。仔细看，每张背后的黑色部分里，有画作。右上这张尤为明显，原画长这样（抱歉没查到出处）：

设计师将浅色调的画作去色并反相后，衬在黑色背景中，不仅能提升背景的纹理质感，还添加了文化韵味，很符合高端地产广告抬高自身身价的追求。

这幅作品本身就是一个色彩夸张的画面，文字信息不突出本是一个棘手的问题。作者借助反相为画面上竖排的文字创造出了一条条保护区，非常巧妙。

渐变映射

在之前有一篇专门写渐变映射的教程：渐变映射

渐变映射对于色相编辑的伟大之处在于，提供了一条图片从少色相走向多色相的道路。

渐变映射也可以实现画面中主要色相只有2个，和前文的双色相孰优孰劣呢？这并不好说，要取决于照片中的色相和明暗的渐变与突变。

当然，不得不说，同样是双色相，渐变映射功能实现的效果要比前面借助查找颜色实现的要差很多。毕竟查找颜色中的那个滤镜是将所有色彩在 HSV 模型中，强制更改 H 值而保留 S 和 V 值来实现的，而渐变映射功能中只是在 RGB 模型中取起点和终点做线性变化。  

渐变映射应用的优秀案例：Behance艺术家Assonance为合唱团ESPE创作的视觉海报。

在渐变映射专栏中已经展示过一次，如今我又把它搬出来了。这是 Behance 上的艺术家 Graphéine 的一套作品，这套作品中使用了很多色相限制的处理，并加以大胆的配色，保持画面有用年轻活力的同时仍然将古典艺术主题的素材相吻合。  

在这张画面中、黑白、单色相、渐变映射都有使用，甚至还有半调。

而这是一张相对更为常规的案例，深色部分略偏紫色，浅色部分为橙红色，显然也是渐变映射的应用效果。出于添加文字和其他上层元素的需要，作者希望背景色彩更统一一些；但作为运动题材的画面，显然不能完全没有鲜艳度，因此作者选择渐变映射的方式来限制色彩。

索引颜色

菜单栏——图像——模式——索引颜色。

索引颜色是针对整个psd文档操作的，很遗憾不能以单独的调整图层方式来实现。索引颜色指的是将当前文档中出现过的颜色全部挑出来一个一个检阅。但是在这里能直接控制总的颜色数量。

索引颜色处理出的结果都是刻意制造色彩断层的，因此我个人倾向于追求色彩更鲜艳有冲突，所以调板选择平均，而不是局部。下面的杂色选择无，然后回来对上面的颜色操作，建议从20开始逐步减少，观察变化。

如果对某个颜色不满意，则可以将平均再更改为自定义，然后双击颜色表中的颜色进行编辑。

为了使得介绍方法和案例呈现比较完整，这次专栏的篇幅很长，很感谢能够耐心看完，如果能产生实际的价值就更好了。

案例部分能查到原作者的都尽可能标注了，未标注的如果有能提供信息请写在评论，如果要求撤下图片也请联系，同时抱歉私自使用。