當(dāng)前位置:首頁(yè)>ps入門教程>ps基礎(chǔ)教程>新手教程>教程內(nèi)容

1-7 HSB色彩模式

來(lái)源:網(wǎng)絡(luò) 作者:趙鵬 學(xué)習(xí):133410人次

前面我們已經(jīng)學(xué)習(xí)過(guò)了兩大色彩模式RGB和CMYK。色彩模式有很多種,但這兩種是最重要和最基礎(chǔ)的。其余的色彩模式,實(shí)際上在顯示的時(shí)候都需要轉(zhuǎn)換為RGB,在打印或印刷(又稱為輸出)的時(shí)候都需要轉(zhuǎn)為CMYK。雖然如此,但這兩種色彩模式都比較抽象,不符合我們對(duì)色彩的習(xí)慣性描述。比如下面這幅圖像,如果問(wèn):圖中人物衣服顏色的RGB或CMYK值是多少?你一定會(huì)覺(jué)得不得其所。如果現(xiàn)在要你在RGB模式下組合出一個(gè)淺綠色,也很難準(zhǔn)確地做到。
其實(shí)Photoshop和Illustrator以及GoLive的取色滑塊都提供了色彩預(yù)見(jiàn)功能,即動(dòng)態(tài)顏色滑塊(可在【編輯 首選項(xiàng)】的常規(guī)選項(xiàng)中打開或關(guān)閉)。如下中圖 ,可以預(yù)見(jiàn):將R滑塊往右拉就會(huì)得到粉紅色;把B滑塊向左拉會(huì)得到草綠色;把G滑塊向右拉就可以得到淺綠色。但這種方式還是不夠直觀,最重要的是不方便修改,比如目前的藍(lán)色,想要得到更淺更亮的藍(lán)色,需要拉動(dòng)三個(gè)滑桿才能得到,如下右圖。

1-7 HSB色彩模式1-7 HSB色彩模式1-7 HSB色彩模式

習(xí)慣上我們都會(huì)說(shuō)圖片上的衣服是黃色的;蛘哒f(shuō)是亮黃色的。比如晴空,我們首先想到藍(lán)色,然后是淺藍(lán)色。比如湖水,首先想到綠色,進(jìn)一步想到碧綠色。我們大腦對(duì)色彩的直覺(jué)感知,首先是色相,即紅色橙黃色綠色青色藍(lán)色紫中的一個(gè),然后是它的深淺度。
HSB色彩就是籍由這種模式而來(lái)的,它把顏色分為色相、飽和度、明度三個(gè)因素。注意它將我們?nèi)四X的“深淺”概念擴(kuò)展為飽和度(S)和明度(B)。所謂飽和度相當(dāng)于家庭電視機(jī)的色彩濃度,飽和度高色彩較艷麗。飽和度低色彩就接近灰色。明度也稱為亮度,等同于彩色電視機(jī)的亮度,亮度高色彩明亮,亮度低色彩暗淡,亮度最高得到純白,最低得到純黑。
如果我們需要一個(gè)淺綠色,那么先將H拉到綠色,再調(diào)整S和B到合適的位置。一般淺色的飽和度較低,亮度較高。如果需要一個(gè)深藍(lán)色,就將H拉到藍(lán)色,再調(diào)整S和B到合適的位置。一般深色的飽和度高而亮度低。如下左圖和中圖。這種方式選取的顏色修改方便,比如要將深藍(lán)色加亮,只需要移動(dòng)B就可以了,既方便又直觀。
如果要選擇灰度,只需要將S放在0%,然后拉動(dòng)B滑桿就可以如同灰度模式那樣選擇了。如下右圖。注意,HSB方式得到的灰度,與灰度滑塊K的數(shù)值是不同的。我們?cè)赑hotoshop中選擇灰度時(shí)候,應(yīng)以灰度滑塊為準(zhǔn)。

1-7 HSB色彩模式1-7 HSB色彩模式1-7 HSB色彩模式

在HSB模式中,S和B的取值都是百分比,唯有H的取值單位是度,這個(gè)度是什么意思?是角度,表示色相位于色相環(huán)上的位置,將我們前面學(xué)過(guò)的色相環(huán)加上角度標(biāo)志就明白了。
如下左圖。從0度的紅色開始,逆時(shí)針?lè)较蛟黾咏嵌龋?0度是黃色,180度是青色等等。360度又回到紅色?梢宰约赫{(diào)節(jié)H滑塊對(duì)照一下。需要注意的是,由于在Photoshop的HSB模式中只能輸入整數(shù),因此能夠選擇的色彩數(shù)量是360萬(wàn)種。雖然在數(shù)量上不及RGB模式,但對(duì)于我們來(lái)說(shuō)也是足夠使用了。
我們?cè)倏匆幌翽hotoshop的拾色器,拾色器的H方式其實(shí)就是HSB取色方式。色譜就是色相,而大框就包含了飽和度和明度(橫方向是飽和度,豎方向是明度)。如下右圖。

1-7 HSB色彩模式1-7 HSB色彩模式

可以看出,在選取顏色的時(shí)候,HSB模式較為直觀和方便。在Illustrator和GoLive中也是如此。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
可可2024-03-24 04:32
我的作業(yè):

祖旭2022-11-19 10:19
我的作業(yè):色彩的解構(gòu)學(xué)了有三種形式:RGB、顯示器模式,因?yàn)橛?jì)算機(jī)本質(zhì)信號(hào)是0和1;CMYK模式,因?yàn)槟壳坝∷⑿g(shù)只有四種墨盒;HSB模式,美術(shù)經(jīng)典模式,其實(shí)是藝術(shù)家對(duì)色彩的解構(gòu),選色時(shí)候常用這種模式。值得注意的是,素描所練習(xí)的黑白灰關(guān)系,其實(shí)是純度S和明度B共同作用的結(jié)果,而不是單純的明度。色彩練習(xí)時(shí)再考慮H色相的影響,會(huì)更加復(fù)雜一些。一般說(shuō)來(lái),純度明度高的色彩形狀清晰的對(duì)象往前跳,純度低灰色模糊的形狀往后退。藝術(shù)家在創(chuàng)作高質(zhì)量作品的標(biāo)準(zhǔn)要一般考慮顏色,形狀,質(zhì)感三部分的對(duì)比,對(duì)她們的控制形成了各種影響情緒情感的感受,引發(fā)觀者共情,這是視覺(jué)藝術(shù)的終極秘密。。。
阿尋Eyoung2022-07-19 02:01
HSB:H色相,S飽和度,B明度
lixin0602022-07-03 01:49
我的作業(yè):

傅劍萍2021-04-16 10:22
HSB:H色相,S飽和度,B明度
qincheng19212020-09-29 05:21
我的作業(yè): HSB,H色譜(色相):選擇顏色大致位置;S飽和度:調(diào)節(jié)顏色的濃度;B明度:調(diào)節(jié)顏色的亮度。 拾色器中X軸方向表示飽和度S,Y軸方向表示明度B。 H色譜度數(shù)表示: 以X軸正方向?yàn)?°,表紅色,逆時(shí)針?lè)较蚍謩e是紅橙黃綠青藍(lán)紫,選擇對(duì)應(yīng)度數(shù)可得到對(duì)應(yīng)色彩。
YUMMYLIFE2020-07-14 09:36
我的作業(yè):感謝教程,i了
1537965792020-06-08 09:41
謝謝您的分享。
啦啦啦服飾2020-06-06 10:28
我的作業(yè):

狂野氣息2020-05-27 03:28
我的作業(yè):

金金6162020-04-30 09:19
我的作業(yè)hubh色相u飽和度b亮度明度

一枚PS小白2020-03-23 10:29
我的作業(yè):

少年感X2020-03-07 05:47
學(xué)習(xí)到了,HSB:H色相,S飽和度,B明度
濤小子2019-11-26 10:55
我的作業(yè):終于明白HSB是怎么個(gè)工作模式了,感謝教程!
黑孩不黑2019-08-18 08:12
我的作業(yè):每天都能學(xué)點(diǎn)新知識(shí),很有成就感

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!