「设计小知识」深入学习渐变映射
一段时间不见,不知道上一期视频中的渐变映射知识大家有没有学会呢?这次就让三棱镜的姬无色老师带大家来更深入的了解一下渐变映射吧。
阅前广播:投稿相关请在私信发送“投稿”

一、原理
这是一张色彩不少,但不杂乱、光影层次清晰的照片。右边则是它被去除色彩之后的样子。

黑白化后的图像,从最阴暗的地方到最明亮的地方出现的全部色彩,无非是黑色、白色、或者是黑与白之间深浅不一的黑色。这些颜色全部存在于一条从黑到白的渐变带上。

如果人为把这条渐变带稍作替换,把右端从白色替换为黄色。

从渐变带上观察,原本的白色被完全替换;原本的过渡部分则根据深浅向黄色靠近;而原本深色的部分,变化比较小。对应到图像中,它会是这个样子:

接着,把渐变带的左端也作出替换,替换为深沉的蓝色。

原本深色的地方就呈现为蓝色了。

这便是渐变映射的含义:将一条人为设置的渐变带映射到图像原本的明暗关系上,使图像中的色彩位置关系不变,颜色却发生变化,在不同的位置呈现出一些渐变过渡的特征。
二、操作与注意事项
2.1. 初尝试
渐变映射功能可以在Photoshop的菜单栏—图像—调整—渐变映射找到。

注:渐变映射需要一个有内容的、栅格化后的或者智能对象图层。如果显示为灰色,则说明目标图层为空,或者是形状图层、文字图层等不适用的对象。
不过,并不推荐使用这里的渐变映射功能,更为推荐在图层列表的最下方,点击添加调整图层图标,选择渐变映射。

在这里添加渐变映射,会以调整图层的形式加入其中。这样的优势很多:
作为调整图层,可以像图层一样,开关显示、调整不透明度、更改图层的混合模式、添加蒙版。
不需要将原有图像全部合并就能对多个图层施加效果。
设置完成的渐变映射,也可以通过双击调整图层的缩略图,来进行二次编辑。

添加了渐变映射的调整图层后,会弹出一块属性面板。

此处已经有一条渐变带,单击它即可进入渐变编辑器,也就是渐变带的编辑界面。
在界面上方预设的框里,有很多种Photoshop自带的渐变。不同版本的Photoshop显示数量可能不同。而下方一条长长的渐变带则可用于人工调整。

渐变带的上方和下方各有一行色标。上方色标用于控制不透明度;下方的色标用于控制渐变的色彩。色标可以通过双击来更改色彩,或者单击长按后左右拖动。
如果要尝试前文出现的蓝黄渐变,则只需双击当前的渐变最后端下侧的色标,更改颜色为黄色;同样最左端下侧的色标改为蓝色,即可实现。

噢,选中色标时,还会出现一个指定两个色彩渐变中点的菱形标记。它也可以被左右拖动。默认状态下它位于两个色标的正中间。如果使其向一方靠近,则靠近侧渐变更急,远离侧渐变更缓。
当然,这条渐变带不必是只有最左侧和最右侧两处有色标的渐变带。可以尝试一条有三个色标的渐变带。在色标所在行的空白处单击,即可添加色标。

画面中便呈现出了第三个色彩。

如果需要删除多余的色标,则长按选中色标后向渐变带上/下拖动至脱离渐变带,它就会被删除。
三、注意事项
3.1. 克制色彩,保留渐变
随着前面色彩逐步的调整,也能很直观的感受到,画面效果也变得更加不真实、迷离了。适度使用可以成为一种艺术气息,但是进一步增加,则会显得更为凌乱。毕竟渐变带被分得细碎之后,渐变也就逐渐失去地位了。
常见的使用情况仍然会是两个色彩的渐变,这是一种被称为双色调的处理方式。这部分在后文有详细介绍。
3.2. 保留明暗
加入渐变的色彩,不仅色相形成了渐变,亮度和饱和度也形成了渐变。因此可能需要注意保持渐变带左侧色彩比右侧色彩暗,以对原图明暗关系予以保留。
其实,在前文的蓝黄渐变演示中,蓝色就是比黄色略黑暗的。如果反过来:

就会导致原本的亮部与暗部反转,呈现出明显的怪异感。
不过这种怪异感也会有利用价值:

是不是有点像在游戏里戴了某种眼镜冒险的感觉?这种感觉通过增加“镜框”和“镜片”会有更好的呈现。
四、应用
4.1. 双色调
在将图像素材运用到排版设计中时,经常需要对素材的色彩做出调整。双色调就是其中一种处理方式,指的是画面中图像的色调统一到两个色相上。
文字描述看不明白,还是结合案例看看吧。
这是对于双色调处理和渐变映射应用的优秀案例。这些海报背景中的图像素材的色彩明显已被改变,但是图像中原有的绘画人物、雕塑等,其光影关系被保留了下来,仍然可以区分出高光、中间调、阴影。

这组作品来自于Behance艺术家Graphéine为一个合唱团设计的海报。作为合唱团这一略严肃的艺术形式,借用历史艺术品保留其肃穆感,但是为其注入鲜艳、有张力的色彩,使其也能被年轻、活力的受众所接纳。
4.2. 影像后期
渐变映射可以根据图片的光影关系来调整颜色,借此使得调整限定在预期的亮度范围内,在影像后期里有很大的利用价值。
比如预设中的一个紫色到橙色的渐变,就可以整体色调偏暖,饱和度大幅度上升,但效果比直接拉饱和度柔和很多。

使用25%不透明度应用到图片上是这样的:

根据需要可以使用不同的不透明度。效果越浓,也就更为气氛化。
阴影偏紫在绘画中也是表现阳光而非人工光照时会用到的手法。
4.3. 绘画
因为高光和阴影的色彩可以不一样,所以可以用来为黑白图像上多种颜色。


而渐变编辑器中自带的渐变里也有这样用于描绘材质的渐变:

微博和许多绘画交流平台都有关于渐变映射上色的研究,可以用于表现不同的材质。不过本文的受众不是绘画爱好者,因此不多做描述了。
4.4. 与蒙版和笔刷联动
蒙版是控制图层的平面位置,渐变映射则是控制图像的色彩。为渐变映射调整图层添加图层蒙版,即可使效果被锁定在局部,保留图像主题辨识度和细节的同时,留下特殊的艺术气息。
调整图层也可以像常规图层一样去增加图层样式,比如发光、阴影、描边等等。但是由于这些图层样式依赖于图层边界,而一开始图层边界与画布相同,因此看不出效果。在使用蒙版之后效果才能显现。

此处的圆形蒙版添加了一些内发光效果,使得他们的形态近似气泡。而渐变映射效果就好像透过气泡看到了不一样的景象。
蒙版也可以借由笔刷来绘制。

如果是轨迹明显、墨迹潇洒的个性感强烈的笔刷,配合大胆的色彩可以形成类似于街头涂鸦的风格。而渐变映射处理过的部分,色彩复杂度相较原来的降低,适合添加文字。
当然,也有污渍、做旧、波纹等效果的笔刷,都可以运用其中。

*推荐阅读:蒙版相关知识补充
4.5. 与半调效果联动
也可以通过半调来形成蒙版。半调是将色彩关系转变为位置关系,转变之后只剩黑白点,不再有色彩细节。但是渐变映射可以补充色彩。而夸张的颜色运用与半调同时出现,则与波普风格的视觉特征相吻合。


教程/设计知识 投稿请在私信中回复“投稿”了解相关事宜,非常感谢您的阅读支持!
设计交流/粉丝群:341108355
本期作者:@和音社_姬无色
修订:三棱镜D-PRISM