PS/UI設(shè)計(jì)師學(xué)習(xí)-新手入門第一課1-3 圖像通道

在Photoshop中有一個很重要概念叫圖像通道磺芭,在RGB色彩模式下就是指那單獨(dú)的紅色赁炎、綠色、藍(lán)色部分钾腺。也就是說甘邀,一幅完整的圖像,是由紅色綠色藍(lán)色三個通道組成的垮庐。回顧一下前面的三張通道圖(順序?yàn)镽GB)坞琴。他們共同作用產(chǎn)生了完整的圖像哨查,如下最右圖。

大家也許會問:如果圖像中根本沒使用藍(lán)色剧辐,只用了紅色和綠色寒亥,是不是就意味著沒了藍(lán)色通道邮府?

我們已經(jīng)知道黃色和藍(lán)色是互補(bǔ)色,那么一幅全部是純黃色的圖像中溉奕,是不是就不包含藍(lán)色通道褂傀?

這是錯誤的概念,一幅完整的圖像加勤,紅色綠色藍(lán)色三個通道缺一不可仙辟。即使圖像中看起來沒有藍(lán)色,只能說藍(lán)色光的亮度均為0鳄梅,但不能說沒有藍(lán)色通道存在叠国。

“存在、亮度為零”和“不存在”是兩個不同的概念戴尸。

現(xiàn)在大家在Photoshop中調(diào)入上面那幅完整的圖片粟焊。再調(diào)出通道調(diào)板。一般來說通道調(diào)板和圖層調(diào)板是拼接在一起的孙蒙,可以通過調(diào)出圖層調(diào)板〖F7〗后切換到通道项棠。也可以使用菜單【窗口 通道】。如果調(diào)板中沒有顯示出縮覽圖挎峦,可以右鍵點(diǎn)擊調(diào)板中藍(lán)色通道下方的空白處香追,在彈出的菜單中選擇“小”或“中”或“大”。我們看到的通道調(diào)板類似下圖浑测。

此時注意紅色綠色藍(lán)色三個通道的縮覽圖都是以灰度顯示的翅阵。如果我們點(diǎn)擊通道名字,就會發(fā)現(xiàn)圖像也同時變?yōu)榱嘶叶葓D像迁央≈澜常快捷鍵分別是:〖CTRL ~〗〖CTRL 1〗〖CTRL 2〗〖CTRL 3〗。點(diǎn)擊通道圖片左邊的眼睛圖標(biāo)岖圈,可以顯示或關(guān)閉那個通道讹语。可以動手試試看不同通道組合的效果蜂科。

注意不要混淆:最頂部的RGB不是一個通道顽决,而是代表三個通道的總合效果。如果關(guān)閉了紅色綠色藍(lán)色中任何一個导匣,最頂部的RGB也會被關(guān)閉才菠。點(diǎn)擊了RGB后,所有通道都將處在顯示狀態(tài)贡定。

我們可以看到:

如果關(guān)閉了紅色通道赋访,那么圖像就偏青色。如下左圖。如果關(guān)閉了綠色通道蚓耽,那么圖像就偏洋紅色渠牲。如下中圖。如果關(guān)閉了藍(lán)色通道步悠,那么圖像就偏黃色签杈。如下右圖。

這個現(xiàn)象再次印證了反轉(zhuǎn)色模型:紅色對青色鼎兽、綠色對洋紅色答姥、藍(lán)色對黃色。

現(xiàn)在點(diǎn)擊察看單個通道接奈,發(fā)現(xiàn)每個通道都顯示為一幅灰度圖像(不能說是黑白圖像)踢涌。如下3圖,從左至右分別是灰度的紅色序宦、綠色睁壁、藍(lán)色通道圖像。

乍一看似乎沒什么不同互捌,仔細(xì)一看卻又有很大不同潘明。雖然都是灰度圖像,但是為什么有些地方灰度的深淺不同呢秕噪?這種灰度圖像和RGB又是什么關(guān)系呢钳降?

在回答這些問題之前先復(fù)習(xí)一下前面的一些概念:

電腦屏幕上的所有顏色,都由紅色綠色藍(lán)色三種色光按照不同的比例混合而成腌巾。這就是說遂填,實(shí)際上圖像是由三幅圖像(紅色圖綠色圖和藍(lán)色圖)合成的。

如果對這兩個概念有還不明確的話澈蝙,請?jiān)俅螌W(xué)習(xí)本篇前面有關(guān)RGB色彩理論的部分吓坚。明白了上面的話后,再看下面的部分:

對于紅色而言灯荧,它在圖像中的分布是不均勻的礁击,有的地方多些,有的地方少些逗载。相當(dāng)于:有的地方紅色亮度高些哆窿,有的地方紅色亮度低些。

現(xiàn)在再來看紅色通道的灰度圖厉斟,可以看到挚躯,有的地方偏亮些,有的地方偏暗些擦秽,如下圖秧均。

那么把兩者對應(yīng)起來看食侮,這幅灰度圖實(shí)際上等同于紅色光的分布情況圖。

在紅色通道灰度圖中目胡,較亮的區(qū)域說明紅色光較強(qiáng)(成分較多),較暗的區(qū)域說明紅色光較弱(成分較少)链快。

純白的區(qū)域說明那里紅色光最強(qiáng)(對應(yīng)于亮度值255)誉己,純黑的地方則說明那里完全沒有紅色光(對應(yīng)于亮度值0)。

某個通道的灰度圖像中的明暗對應(yīng)該通道色的明暗域蜗,從而表達(dá)出該色光在整體圖像上的分布情況巨双。由于通道共有3個,所以也就有了3幅灰度圖像霉祸。

從上面的紅色通道灰度圖中筑累,我們看到車把上掛著的帽子較白,說明紅色光在這區(qū)域較亮丝蹭。那么慢宗,是否可以憑借這個紅色通道的灰度圖像,就斷定在整個圖像中奔穿,帽子就是紅色的呢镜沽?還不能,完整圖像是由三個通道綜合的效果贱田,因此還需要參考另外兩個通道才能夠定論缅茉。下面再次列出RGB3個通道的灰度圖。

我們從中可以分析出:

三個通道中帽子部分都是白男摧。代表這個地方的RGB都有最高亮度蔬墩,那么可以判斷出這個地方是白色(或較白)。

三個通道中坐墊下的掛包中部都是黑色耗拓,那么這個地方RGB都不發(fā)光拇颅,可以判定這個地方是黑色的(或較黑)。

R通道中的前輪圈是白色帆离,G和B通道中為黑色蔬蕊,說明這個地方只有紅色,沒有綠色和藍(lán)色哥谷,那么這個地方應(yīng)該是紅色(或較紅色)岸夯。

三個通道中后輪胎都是差不多的灰度,說明這個地方RGB值較為接近们妥,那么這個地方應(yīng)該是灰色(或接近灰色)猜扮。

做完以上的推理分析后,可以回到前面原圖部分去對照一下监婶。

現(xiàn)在來明確幾個概念:

通道中的純白旅赢,代表了該色光在此處為最高亮度齿桃,亮度級別是255。

通道中的純黑煮盼,代表了該色光在此處完全不發(fā)光短纵,亮度級別是0。

也可以這樣記憶:在通道中僵控,

白(或較白)代表“光明的”香到、“看得見的”、“有東西”报破。

黑(或較黑)代表“黑暗的”悠就、“看不見的”、“沒東西”充易。

下面我們在圖像上用不同的顏色寫4個字母:青色A梗脾,洋紅色B,白C盹靴,綠色D炸茧。注意所有顏色均為純色。請說出ABCD在RGB三個通道中的顏色分別是什么鹉究?

來看一下推理過程宇立,首先我們要確定ABCD的顏色值:

A是青色,青色是紅色的反轉(zhuǎn)色自赔,那么它的RGB值就應(yīng)該是:0,255,255妈嘹。

B是洋紅色,洋紅色是綠色的反轉(zhuǎn)色绍妨,那么RGB值就是:255,0,255润脸。

C是白,白色代表RGB均為最大值他去,RGB值為:255,255,255毙驯。

D是綠色,意味著沒有R和B的成分灾测,RGB值為:0,255,0爆价。

再看剛提到過的概念:亮度255在通道灰度圖中顯示白色,亮度0在通道灰度圖中顯示黑色媳搪。得出結(jié)論:

A(0,255,255)在RGB中順序?yàn)椋汉诿巍住住?/p>

B(255,0,255)在RGB中順序?yàn)椋喊浊乇⒑谛蛴蕖住?/p>

C(255,255,255)在RGB中順序?yàn)椋喊住椎认蕖住?/p>

D(0,255,0)在RGB中順序?yàn)椋汉诎炙薄追蚁ァ⒑凇?/p>

對照一下RGB通道的灰度圖,如下3圖形娇。如果這道題目沒做對锰霜,那么請回到前面重新學(xué)習(xí)。

再在圖像中打上字母E(200,0,255)和F(127,0,255)桐早,如下圖锈遥。那么這兩個字母在R通道中應(yīng)該是什么顏色呢?

首先我們回顧一下前面的定義:

通道中的純白,代表了該色光在此處為最高亮度勘畔,亮度級別是255。

通道中的純黑丽惶,代表了該色光在此處完全不發(fā)光炫七,亮度級別是0。

以上只針對純黑和純白兩種極端狀態(tài)作出了定義钾唬,而在現(xiàn)實(shí)圖像中万哪,大部分色彩并不是這么極端的。我們察看前面圖像各個通道的時候抡秆,就會發(fā)覺純黑和純白的部分極少奕巍,大部分都是中間的過渡灰色。對儒士,就是灰色的止,亮度值介于1~254的,在通道灰度圖中就呈現(xiàn)灰色着撩,切換到R通道诅福,看到的效果如下圖。

同樣是灰色拖叙,E卻要比F亮一些氓润。比較兩者在R的亮度數(shù)值就會看到,E的亮度為200薯鳍,F(xiàn)為127咖气。亮度值越高,說明色光成分越多挖滤,因此通道灰度圖中就越偏白崩溪。

現(xiàn)在我們要增加幾條內(nèi)容后重新記憶概念:

通道中的純白,代表了該色光在此處為最高亮度壶辜,亮度級別是255悯舟。

通道中的純黑,代表了該色光在此處完全不發(fā)光砸民,亮度級別是0抵怎。

介于純黑純白之間的灰度奋救,代表了不同的發(fā)光程度,亮度級別介于1至254之間反惕。

灰度中越偏白的部分尝艘,表示色光亮度值越高,越偏黑的部分則表示亮度值越低姿染。

現(xiàn)在可以明白為何通道用灰度表示了吧背亥?因?yàn)橥ǖ乐猩饬炼葟淖畹偷阶罡叩奶匦裕匣叶饶J侥欠N從黑到白過渡的表示悬赏。正是因?yàn)榛叶鹊倪@種特性狡汉,使得它在以后還被應(yīng)用到其它地方。通道中的灰度闽颇,與顏色調(diào)板的灰度滑塊是對應(yīng)的盾戴。

在理解了以上的內(nèi)容后,有一個隨之而來的疑問:通道有什么用兵多?通道不是拿來“用”的尖啡,而是整個Photshop顯示圖像的基礎(chǔ)。我們在圖像上做的所有事情剩膘,都可以理解為是色彩的變動衅斩,比如你畫了一條黑色直線,就等同于直線的區(qū)域被修改成了黑色怠褐。而所有色彩的變動畏梆,其實(shí)都是間接在對通道中的灰度圖進(jìn)行調(diào)整。比如下左圖惫搏。

0103我們使用色彩平衡工具作一個簡單的色彩調(diào)整具温,快捷鍵〖CTRL B〗,菜單【圖像 調(diào)整 色彩平衡】筐赔,將綠色滑塊拉到最右邊铣猩,下方的色調(diào)平衡先不要去管,如下中圖茴丰。

這時看到圖像明顯偏綠色了达皿,如下右圖。

那么圖像是怎么變綠色的呢贿肩?其實(shí)就是綠色通道發(fā)生了改變峦椰,增強(qiáng)了綠色光在圖像中的亮度。那么思考一下汰规,如果單獨(dú)比較綠色通道在調(diào)整前后的灰度圖汤功,現(xiàn)在應(yīng)該是變得更亮,還是變得更暗?

對照一下我們前面總結(jié)過的4條定義其一:灰度中越偏白的部分溜哮,表示色光亮度值越高滔金,越偏黑的部分則表示亮度值越低色解。

那么反過來,如果亮度值高餐茵,就意味著通道的灰度圖像偏白科阎。下面對比一下調(diào)整前后綠色通道的灰度圖,如下2圖忿族÷啾浚可以看到后者要顯得明亮一些。

這就是圖像偏綠色的最基本原理道批。在操作中错英,之所以我們不必直接去修改通道,是因?yàn)镻hotoshop替我們做了那些工作隆豹。它通過一些使用起來較為方便和直觀的工具(如剛才的色彩平衡)走趋,來間接地修改通道從而改變圖像色彩。

既然通過色彩平衡工具的調(diào)整噪伊,把圖像色彩調(diào)整偏綠色,導(dǎo)致綠色通道變亮氮唯。那么反過來鉴吹,增亮綠色通道能否使圖像偏綠色呢?首先前半句的陳述是錯誤的惩琉,通道是圖像的基礎(chǔ)豆励,是通道改變了圖像,而不是圖像改變了通道瞒渠。

至于這個問題良蒸,我們可以動手來驗(yàn)證。首先我們把這幅原圖調(diào)入Photoshop伍玖,如下左圖蟋座。

調(diào)出通道調(diào)板秽誊,單擊綠色通道,此時圖像顯示出綠色通道的灰度圖。然后使用菜單【圖像 調(diào)整 亮度/對比度】蓄髓,將亮度增加到+35,對比度不變别洪,這樣得到了與之前使用色彩平衡工具調(diào)整效果類似的灰度圖飘弧,如下中圖。

現(xiàn)在切換回RGB總體效果〖CTRL ~〗邪狞,就可以看到圖像色彩改動的效果了祷蝌。如下右圖。

這又證明了前面的敘述:通道是整個Photoshop顯示圖像的基礎(chǔ)帆卓。色彩的變動巨朦,實(shí)際上就是間接在對通道灰度圖進(jìn)行調(diào)整米丘。

通道是Photoshop處理圖像的核心部分,所有的色彩調(diào)整工具都是圍繞在這個核心周圍使用的罪郊。

想象一下蠕蚜,如果我們在三個通道中相同的地方:

都畫上一條白線,那么在整體圖像中悔橄,這個地方就多出了一條白線了靶累。如下4圖左邊一條豎線。

如果我們在R通道畫白線癣疟,而在G通道和B通道畫黑線挣柬,那么整體圖像中,就多出了一條紅色的線睛挚。如下4圖右邊的豎線:

由此可見邪蛔,不僅是色彩的調(diào)整,連繪圖工具都是在通過改變通道來達(dá)到目的的扎狱。繪圖工具將在后面的課程中介紹侧到。

既然通道是基礎(chǔ),既然我們單獨(dú)加亮綠色通道可以起到與色彩平衡工具相同的效果淤击,那為什么還要其他工具呢匠抗?之前說過,因?yàn)橹苯诱{(diào)整通道不方便污抬,效果也不直觀汞贸,比如我們增亮綠色通道的時候看到的只是灰度圖,無法準(zhǔn)確判斷最終的調(diào)整效果印机。如果要看效果必須確認(rèn)操作后切換回RGB觀看矢腻,如果不滿意還要重復(fù)操作步驟。較為不便射赛。而色彩平衡工具在你拉動滑塊的時候多柑,就能夠?qū)崟r地把最終效果顯示出來,讓我們可以準(zhǔn)確的感受從而判斷楣责。因此那些各種各樣的調(diào)整工具是為了讓我們使用起來更加方便和快速顷蟆。

0104另外:我們可以通過調(diào)整Photoshop預(yù)置讓通道顯示出色彩「辏【編輯 預(yù)置 顯示與光標(biāo)】打開預(yù)置調(diào)板帐偎,也可以〖CTRL K〗調(diào)出預(yù)置常規(guī)后切換到顯示與光標(biāo)。將“通道用原色顯示”打上勾蛔屹。如下左圖削樊。這樣通道調(diào)板就變成彩色的了。如下右圖。

此時點(diǎn)擊單個通道漫贞,圖像也會以帶有色彩的圖像來顯示甸箱。效果類似前面看到過的這3圖。不過迅脐,這種顯示方式反而不如灰度圖像來的準(zhǔn)確芍殖,因?yàn)榧由狭松实母蓴_,層次不再那么分明谴蔑,因此不建議使用帶色彩的通道圖豌骏。在后面的內(nèi)容中,我們也都是以灰度圖作為標(biāo)準(zhǔn)的隐锭,所以從預(yù)置中再將它關(guān)閉 窃躲。

有關(guān)通道的具體應(yīng)用,將在以后的內(nèi)容中介紹钦睡。

全教程完,學(xué)完記得交作業(yè)蒂窒。如果本教程對您有所幫助,請推薦給你的朋友荞怒。

推薦 搖星學(xué)院UI設(shè)計(jì)師/web前端開發(fā)學(xué)習(xí)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末洒琢,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子褐桌,更是在濱河造成了極大的恐慌纬凤,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,042評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件撩嚼,死亡現(xiàn)場離奇詭異,居然都是意外死亡挖帘,警方通過查閱死者的電腦和手機(jī)完丽,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,996評論 2 384
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來拇舀,“玉大人逻族,你說我怎么就攤上這事〗颈溃” “怎么了聘鳞?”我有些...
    開封第一講書人閱讀 156,674評論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長要拂。 經(jīng)常有香客問我抠璃,道長,這世上最難降的妖魔是什么脱惰? 我笑而不...
    開封第一講書人閱讀 56,340評論 1 283
  • 正文 為了忘掉前任搏嗡,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘采盒。我一直安慰自己旧乞,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,404評論 5 384
  • 文/花漫 我一把揭開白布磅氨。 她就那樣靜靜地躺著尺栖,像睡著了一般。 火紅的嫁衣襯著肌膚如雪烦租。 梳的紋絲不亂的頭發(fā)上延赌,一...
    開封第一講書人閱讀 49,749評論 1 289
  • 那天,我揣著相機(jī)與錄音左权,去河邊找鬼皮胡。 笑死,一個胖子當(dāng)著我的面吹牛赏迟,可吹牛的內(nèi)容都是我干的屡贺。 我是一名探鬼主播,決...
    沈念sama閱讀 38,902評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼锌杀,長吁一口氣:“原來是場噩夢啊……” “哼甩栈!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起糕再,我...
    開封第一講書人閱讀 37,662評論 0 266
  • 序言:老撾萬榮一對情侶失蹤量没,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后突想,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體殴蹄,經(jīng)...
    沈念sama閱讀 44,110評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年猾担,在試婚紗的時候發(fā)現(xiàn)自己被綠了袭灯。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,577評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡绑嘹,死狀恐怖稽荧,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情工腋,我是刑警寧澤姨丈,帶...
    沈念sama閱讀 34,258評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站擅腰,受9級特大地震影響蟋恬,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜趁冈,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,848評論 3 312
  • 文/蒙蒙 一筋现、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦矾飞、人聲如沸一膨。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,726評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽豹绪。三九已至,卻和暖如春申眼,著一層夾襖步出監(jiān)牢的瞬間瞒津,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,952評論 1 264
  • 我被黑心中介騙來泰國打工括尸, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留巷蚪,地道東北人。 一個月前我還...
    沈念sama閱讀 46,271評論 2 360
  • 正文 我出身青樓濒翻,卻偏偏與公主長得像屁柏,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子有送,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,452評論 2 348

推薦閱讀更多精彩內(nèi)容