1 引言
有光才有色彩,色彩是通过光线不同波长,产生的一种视觉效应。如果没有明暗光线,任何物体的色彩是无法识别的。同时,色彩是与人的心理感知密切不可分,因此,通过学习色彩理论,我们并不仅仅是认识色彩,更是对人类的视觉心理进行设计,不管您是哪个设计和创意行业的,都需要对色彩理论有一个基础性的掌握,希望能通过这篇文章,让您对色彩的理解有更进一步的认识。
2 原色(色彩的加减法)
原色指所有颜色的基本色,基本色是不能通过其他色彩的混合调配得出的。原色有两种:
1)色光的三原色(RGB):红、绿、蓝,用于电脑、电视等屏幕显示;在Photoshop中,我们采用色彩的加法,在黑色背景基础上着色 100% R ,100% G,100%B,并将图层模式改为线性减淡(添加),让不同的色光混合越来越亮。我们可以发现,三种原色相加后混合为不同的色彩,中心为白色。
图1
2)色彩的三原色(CMY)是品红、黄、青,即我们常说的“红黄蓝”。主要用于彩色印刷物所用的色彩 模式,这种方式采用的是色彩的减法理论进行混色。
在Photoshop中,我们采用色彩的减法,在白色背景基础上着色 100% C ,100% M,100%Y,并改为正片叠底模式, 三原色混合则越来越暗,三种原色相加后混合为不同的色彩,中心变为黑色。
图2
3 两种色轮
任何设计、创意和艺术类的专业都需要了解色轮,但如果你足够细心,会发现线上搜索到的色轮不止一种。比如以下两种:
图3
很多线上教学中都没有解释清楚两个色轮的异同,大多数学员在背诵“橙色互补色是蓝色、红色互补色是绿色...”等等口诀时候,网上搜了一个色轮(百度通常为右),就大眼瞪小眼了:为啥老师让我们背诵的口诀,网上搜到的色轮有点不一样?
其实我们仔细观察,两个色轮都有很多共同的颜色,并且两个色轮中可以找到上一部分提到的两种原色(如线条指示,左CMY/ 右RGB),我们用连线进行标记:
图4
可以发现,左图的色轮实际来源于原色的色彩减法,三个主色分别为CMY;而右图色轮实际来源为色彩加法,三个主色分别为RGB。
我们看线条,确定了三个主色时,那么主色与主色之间的其他三个颜色又是从何而来?
例如右图RGB色轮中的红色/绿色之间的三个色,如图5:
图5
我们以黄色为例,在RGB色系中,黄色即为主色R/G两种色等比例通过
加法原则
混合而成,这种两两混合而成的中间颜色
,我们称为二次间色。另黄色相邻的其他两种颜色如橙色和草绿色,这里以橙色为例,即为黄色和红色等比例混合而成,这种由含有二次色混合而成
的颜色(如橙色),称为三次间色。通过
原色、二次间色、三次间色
的组合,即形成了以上基本十二色色轮
,更多色的色轮以此类推,如我们用最常见的减法色轮(左边色轮)通过渐变处理后,我们得到一个标准色轮。图6
4 色彩的三个属性
色彩的三个基本属性是
色相、明度和饱和度
。计算机调色可以不需要买一堆颜料,而是通过这三个基本属性控制不同的颜色走向。1)色相
色相
相当于色彩的名字,用以区别各种不同色彩的名称。色相是色彩的首要特征,人眼区分色彩的最佳方式就是通过色相实现的。如下图是色彩减法
构成的CMY色环
。图7
2)明度
色彩的
明度
是指色彩的深浅程度。明度和色环相互叠加,构成明暗不同的各种颜色。比如蓝色由浅到深有粉蓝色、天蓝色等。在PS中,我们以上图CMY色环为例,在色环中叠加一个黑色
,构成下图。图8
叠加了黑色之后,我们发现同一种颜色,随黑色的增加而逐渐变暗,纯度逐渐变低。另一方面,当我们
叠加白色
,则有下图:图9
叠加了白色之后,从内向外我们发现同一种颜色随白色的增加而逐渐变亮,纯度逐渐变低。形成了不同明度的颜色。
3)饱和度
饱和度指色彩的纯洁性,也叫彩度。饱和度取决于该色中含色成分和灰色结合的比例。灰色成分越小,饱和度越小;灰色成分越大,饱和度越大。下图中,我们再原CMY色环中叠加各种程度的灰色,外围添加小于50%的灰色,内部添加大于50%逐渐增加的灰色,得到下图:
图10
如果把上面色环看作是有多个圆环组成的,那么在同一半径下的环,可以发现没有跳跃性的过度。
最终,我们把图7/8/9/10用正常模式叠起来,得到下面的
高级色环图
,即色相+明暗度+饱和度组合后,由不同颜色深浅明暗变化的一个色环图,可以看出从外向内色彩的饱和度和暗度逐渐增加。图11
5 常见色彩搭配
1)互补色
互补色指的是色环中相对的颜色。
图12
色彩中的互补色相互调和会使色彩纯度降低,变成灰色。 比如,在色环中我们去如下一个互补组合,用画笔工具画出来:
图13
用涂抹工具抹均匀,上下上下左右左右ABAB揉搓~
图14
可以发现两种颜色被抵消为了一种趋向于比较中性的灰色的颜色,所以在调色中互补色可以相互中和。在前后期中,互补色用调和冷暖平衡,如:
图15 出镜:暴君安离
途中调色对冲光进行了染色,并改变色相将颜色染为橙蓝色,形成冷暖的互补。
2)对冲色
对冲色是一种看起来比较极端的颜色,它是取色环相对的补色左边或者右边的色,比如
图16
对冲色给人一种不和谐感觉,通常用于制造一种矛盾、冲突、紧张压抑的氛围,例如:
图 17 摄影/后期:月光蝶不叫胱蝶
上图调色思路就是选取了一种很有刺激性的观感,对比强烈吸引感官,并同时有一张紧张和压抑的感觉。
3)同色对比
同色对比色就是在色相中选取一个颜色,然后对其增加明暗黑白关系后,形成的一组颜色:
图18
同色对比就是同颜色的不同明暗饱和演变而来的,如下图:
图 19 摄影/后期:月光蝶不叫胱蝶
这种调色思路就是保证了色彩风格的统一,但是又赋予变化和多样性。
此外,色彩的搭配还有很多,比如:
邻近色(12色相环上相距90°范围内的色):色彩搭配有一定程度的色相差异,给人协调而生动的感觉;
类似色(12色相环上相距60°范围内的色),给人平静、统一的感觉,在配色中常应用;
此外还有中和对比色、双间色互补色、三角对冲色、矩形互补色....等等等等。
作为一篇入门色彩原理教程,虽然篇幅和精力有限,但是掌握了同样的方法和思路,也可以对其他配色进行学习和应用。