新闻资讯  快讯  焦点  财经  政策  社会
互 联 网   电商  金融  数据  计算  技巧
生活百科  科技  职场  健康  法律  汽车
手机百科  知识  软件  修理  测评  微信
软件技术  应用  系统  图像  视频  经验
硬件技术  知识  技术  测评  选购  维修
网络技术  硬件  软件  设置  安全  技术
程序开发  语言  移动  数据  开源  百科
安全防护  资讯  黑客  木马  病毒  移动
站长技术  搜索  SEO  推广  媒体  移动
财经百科  股票  知识  理财  财务  金融
教育考试  育儿  小学  高考  考研  留学
您当前的位置:首页 > 其它 > 摄影

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

时间:2019-06-26 11:29:30  来源:  作者:

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

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

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



Tags:色彩   点击:()  评论:()
声明:本站部分内容来自互联网,如有任何版权侵犯或其他问题请与我们联系,我们将立即删除或处理。
▌相关评论
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
▌相关推荐
相信大家和我一样,在学习后期部分枯燥内容的时候心情十分低落,一点兴趣都没有。但是呢,虽然工具原理枯燥无味,但是仍然要咬牙坚持去学习,直到弄懂就好了。由于是过来人,所以我就比...【详细内容】
2019-07-10   色彩  点击:(3)  评论:(0)  加入收藏
1 引言有光才有色彩,色彩是通过光线不同波长,产生的一种视觉效应。如果没有明暗光线,任何物体的色彩是无法识别的。同时,色彩是与人的心理感知密切不可分,因此,通过学习色彩理论,我...【详细内容】
2019-06-26   色彩  点击:(14)  评论:(0)  加入收藏
推荐资讯
相关文章
    无相关信息
栏目更新
栏目热门