色彩搭配原理 你可能收藏这么一篇基础色彩原理就足够了

编辑:
发布时间: 2020-10-12 01:44:21
分享:

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°范围内的色),给人平静、统一的感觉,在配色中常应用;

此外还有中和对比色、双间色互补色、三角对冲色、矩形互补色....等等等等。

作为一篇入门色彩原理教程,虽然篇幅和精力有限,但是掌握了同样的方法和思路,也可以对其他配色进行学习和应用。

相关阅读
热门精选
孩子 皮肤