谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)

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

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(1)

1

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(2)

2

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(3)

3

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(4)

4

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


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

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(5)


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

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(6)


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

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

第一步,打开一张图片。

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(7)


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

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(8)


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

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(9)


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

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(10)


第五步,添加一点文案。

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(11)


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

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(12)


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

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


分析:

问:渐变映射在哪里?

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

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(13)

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

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

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


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

看一个案例就明白。

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(14)

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

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


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

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(15)

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

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


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

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(16)


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

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(17)

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

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

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

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


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

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

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

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(18)


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

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(19)

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

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

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


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

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(20)

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


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

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(21)

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

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


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

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(22)

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


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

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(23)

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


现在再问你,渐变映射到底映射了什么?

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

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

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


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

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

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(24)


谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(25)

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


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

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(26)

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

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


如果是渐变映射呢?

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(27)

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


请记住:

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

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


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

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

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(28)


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

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

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(29)

为什么是蓝色在左边,黄色在右边?


可能你会问黄色在左,蓝色在右边,行不行?

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(30)

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

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


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

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(31)

每个预设都去尝试一下。


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

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(32)

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

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(33)


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

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(34)

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

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(35)

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


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

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

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

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

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

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

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

谈谈配色设计中各种颜色的心理象征(利用两种颜色诠释设计风格)(36)

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页