色彩知识,PS中那些的HSB指的究竟是什么

很多同学们会感觉到在修图中遇到色彩问题有点棘手,对色彩的认识和感知能力比较差,不知道HSB是什么,好多东西都不知道从何下手,今天我们来了解一下,这些色彩是如何运用的,我们通过实例来了解一下,研究和认识一下这些色彩的运用,色相、饱和度、亮度,这些都是什么

设计技巧,五招让你的设计不像那么丑

@平面设计-严恒: 我可是熬了一个通宵做的图,老板不但没有看苦劳,反而被劈头盖脸的骂,我是有多不容易!冤吧,谁叫你生不逢时,做啥都是看结果的年代,抱怨老板不领情的时候,也可适当检查下自身的不足,你的作品

@野鹿志: 图形处理需要掌握的一个很重要的概念explore color

色彩知识,PS中那些的HSB指的究竟是什么插图

注意,以下仅代表野路子个人观点

各位看官勿吐槽,说的不对的地方

且当作茶余饭后的笑料吧!

好,回到正题,我们先来看一张图:

色彩知识,PS中那些的HSB指的究竟是什么插图(1)

这是从nipponcolors配色网站上的截下的图。

如果问你它是什么颜色?

你们肯定会很直接的回答:

红色或者更准确一点桃红色。

色彩知识,PS中那些的HSB指的究竟是什么插图(2)

它为啥就不是黄色?为啥不是绿色?

而是你们认为的红色呢?更甚至是桃红色呢?

色彩知识,PS中那些的HSB指的究竟是什么插图(3)

你肯定会说:拜托!我又不是色盲!

悄悄告诉你哦~

通常艺术家多少就有点色弱哦~

色彩知识,PS中那些的HSB指的究竟是什么插图(4)

传闻梵高就是色弱哦~

色彩知识,PS中那些的HSB指的究竟是什么插图(5)

这当然是开玩笑啦

不过你真的有认真思考过这个问题么?

为什么它会是桃红色?

这里我们就要提到一个关于颜色的属性了

色彩知识,PS中那些的HSB指的究竟是什么插图(6)

有人会说!我知道!色相就是ps里的ctrl+u!

色彩知识,PS中那些的HSB指的究竟是什么插图(7)

色相又可以理解为色彩名称

就是我们常说的:赤橙黄绿青蓝紫

色彩知识,PS中那些的HSB指的究竟是什么插图(8)

所以你看到它会第一反应是红色相

那么问题又来了?

为什么不是红色而是桃红色呢?

我们继续往下聊,同样还是这张树叶图:

色彩知识,PS中那些的HSB指的究竟是什么插图(9)

我们可以明显看到

同样的颜色,但是却又没有上一张图鲜艳

这是为什么呢?

这又牵扯到了颜色的另外一个属性:

色彩知识,PS中那些的HSB指的究竟是什么插图(10)

饱和度,又可以理解为纯度

所以你会认为这个颜色没有那么鲜艳!

我们继续再看这张图:

色彩知识,PS中那些的HSB指的究竟是什么插图(11)

这张图你又会发现

鲜艳的颜色和第一张图是差不多的

但是又没有第一张图亮

这就继续引出了颜色的第三个属性:

色彩知识,PS中那些的HSB指的究竟是什么插图(12)

这就是我们常说的H(色相)S(饱和度)B(亮度)色彩模式。

来看看度娘的定义:

色彩知识,PS中那些的HSB指的究竟是什么插图(13)

好像很复杂?

其实简单点理解,

就是一种基于人眼的空间描述颜色方式啦!

所以回到刚才那个问题

因为颜色受到色相、饱和度以及亮度三种因素的影响,所以你会认为这个颜色是红色甚至是桃红色。

那大家可能会有疑问

理解HSB对我们有什么好处呢?

色彩知识,PS中那些的HSB指的究竟是什么插图(14)

其实很简单
当你把需要把红颜色换成黄颜色

你就明白其实你是在换色相:

 色彩知识,PS中那些的HSB指的究竟是什么插图(15)

当你觉得颜色不够鲜艳

还想要调鲜艳一点

其实你是在改饱和度:

 色彩知识,PS中那些的HSB指的究竟是什么插图(16)

而当你觉得图像都太亮了

需要调暗,顾名思义

你调的是亮度:

 色彩知识,PS中那些的HSB指的究竟是什么插图(17)

不仅如此

再来看看

这是我们ps里常用的拾色器

而右边的是色相条

仔细看色相条里是没有黑色和白色的:

色彩知识,PS中那些的HSB指的究竟是什么插图(18)

这是因为黑色和白色是没有色相,黑色与明度有关,而白色与饱和度有关。

有兴趣的朋友可以去尝试一下

例如你直接填充一个纯黑或者纯白的图层

直接用色相去调整的话是完全没有变化的

因为它没有色相

只有将它填充为不是绝对的黑白

才会有所改变。

本文由“野鹿志”发布,表情包素材来源于网络,欢迎分享,转载请注明出处

学习一下HSB的色彩知识,可以为我们在修图中提高效率,事半功倍。

@野鹿志: 图形处理需要掌握的一个很重要的概念explore color

色彩知识,PS中那些的HSB指的究竟是什么插图

注意,以下仅代表野路子个人观点

各位看官勿吐槽,说的不对的地方

且当作茶余饭后的笑料吧!

好,回到正题,我们先来看一张图:

色彩知识,PS中那些的HSB指的究竟是什么插图(1)

这是从nipponcolors配色网站上的截下的图。

如果问你它是什么颜色?

你们肯定会很直接的回答:

红色或者更准确一点桃红色。

色彩知识,PS中那些的HSB指的究竟是什么插图(2)

它为啥就不是黄色?为啥不是绿色?

而是你们认为的红色呢?更甚至是桃红色呢?

色彩知识,PS中那些的HSB指的究竟是什么插图(3)

你肯定会说:拜托!我又不是色盲!

悄悄告诉你哦~

通常艺术家多少就有点色弱哦~

色彩知识,PS中那些的HSB指的究竟是什么插图(4)

传闻梵高就是色弱哦~

色彩知识,PS中那些的HSB指的究竟是什么插图(5)

这当然是开玩笑啦

不过你真的有认真思考过这个问题么?

为什么它会是桃红色?

这里我们就要提到一个关于颜色的属性了

色彩知识,PS中那些的HSB指的究竟是什么插图(6)

有人会说!我知道!色相就是ps里的ctrl+u!

色彩知识,PS中那些的HSB指的究竟是什么插图(7)

色相又可以理解为色彩名称

就是我们常说的:赤橙黄绿青蓝紫

色彩知识,PS中那些的HSB指的究竟是什么插图(8)

所以你看到它会第一反应是红色相

那么问题又来了?

为什么不是红色而是桃红色呢?

我们继续往下聊,同样还是这张树叶图:

色彩知识,PS中那些的HSB指的究竟是什么插图(9)

我们可以明显看到

同样的颜色,但是却又没有上一张图鲜艳

这是为什么呢?

这又牵扯到了颜色的另外一个属性:

色彩知识,PS中那些的HSB指的究竟是什么插图(10)

饱和度,又可以理解为纯度

所以你会认为这个颜色没有那么鲜艳!

我们继续再看这张图:

色彩知识,PS中那些的HSB指的究竟是什么插图(11)

这张图你又会发现

鲜艳的颜色和第一张图是差不多的

但是又没有第一张图亮

这就继续引出了颜色的第三个属性:

色彩知识,PS中那些的HSB指的究竟是什么插图(12)

这就是我们常说的H(色相)S(饱和度)B(亮度)色彩模式。

来看看度娘的定义:

色彩知识,PS中那些的HSB指的究竟是什么插图(13)

好像很复杂?

其实简单点理解,

就是一种基于人眼的空间描述颜色方式啦!

所以回到刚才那个问题

因为颜色受到色相、饱和度以及亮度三种因素的影响,所以你会认为这个颜色是红色甚至是桃红色。

那大家可能会有疑问

理解HSB对我们有什么好处呢?

色彩知识,PS中那些的HSB指的究竟是什么插图(14)

其实很简单
当你把需要把红颜色换成黄颜色

你就明白其实你是在换色相:

 色彩知识,PS中那些的HSB指的究竟是什么插图(15)

当你觉得颜色不够鲜艳

还想要调鲜艳一点

其实你是在改饱和度:

 色彩知识,PS中那些的HSB指的究竟是什么插图(16)

而当你觉得图像都太亮了

需要调暗,顾名思义

你调的是亮度:

 色彩知识,PS中那些的HSB指的究竟是什么插图(17)

不仅如此

再来看看

这是我们ps里常用的拾色器

而右边的是色相条

仔细看色相条里是没有黑色和白色的:

色彩知识,PS中那些的HSB指的究竟是什么插图(18)

这是因为黑色和白色是没有色相,黑色与明度有关,而白色与饱和度有关。

有兴趣的朋友可以去尝试一下

例如你直接填充一个纯黑或者纯白的图层

直接用色相去调整的话是完全没有变化的

因为它没有色相

只有将它填充为不是绝对的黑白

才会有所改变。

本文由“野鹿志”发布,表情包素材来源于网络,欢迎分享,转载请注明出处

学习一下HSB的色彩知识,可以为我们在修图中提高效率,事半功倍。

作者: 791650988

为您推荐