photoshop色彩混合模式理論基礎(chǔ)教程2:HSB體系
剛一提筆,就想把PS中HSB的運(yùn)用再講一點(diǎn)點(diǎn),我朋友告訴我說(shuō),跑題了,是的。跑題了,不僅跑了,還跑遠(yuǎn)了。但是目的還是一,多學(xué)點(diǎn)理論總是有用的。
下方話(huà)題,我本來(lái)想擴(kuò)展開(kāi)來(lái)說(shuō)的,但是這個(gè)時(shí)候略提一下,以待以后慢慢道來(lái)。
PS里的調(diào)色命令很豐富,大多都是基于HSB的。恩,略過(guò)...
色彩混合模式在畫(huà)筆、圖層樣式、圖層混合等上面都有運(yùn)用,但他們的涵意都是相同的。這些混合模式過(guò)都是基于各種不同的目的,好在PS根據(jù)設(shè)計(jì)理由對(duì)色彩混合模式運(yùn)行了分組,我們先說(shuō)說(shuō)最后一組:
色相、飽和度、顏色、明度。他們是非常純正的HSB血統(tǒng)。為了方便說(shuō)明,這里我用這樣一種情境來(lái)介紹色彩混合:
兩個(gè)圖層運(yùn)行重疊,位于上方的圖層,我們叫 U (Up)圖層,下面的圖層叫 D (Down)圖層,對(duì)上面的圖層應(yīng)有色彩混合模式,得到的最終的混合的結(jié)果我們叫 結(jié)果圖層。對(duì)應(yīng)到顏色就是 U 色, D 色 混合得到 結(jié)果色
色相混合模式: U圖層的色相(H)+D圖層的飽和度(S)和亮度(B) =結(jié)果圖層的顏色。
飽和度混合模式: U圖層的飽和度(S)+ D圖層的色相(H)和亮度(B) =結(jié)果圖層的顏色。
明度混合模式: U圖層的亮度(B)+ D圖層的飽和度(S)和色相(S) =結(jié)果圖層的顏色。
顏色混合模式: U圖層的飽和度(S)和色相(S) + D圖層的亮度(B) =結(jié)果圖層的顏色。
相信看了上方的公式,結(jié)合第一篇貼子的黑白照片上色的例了,你應(yīng)該心里已經(jīng)很明白了。
我僅以一小例來(lái)證明之。
D圖層:
U圖層:
注:U圖層是一紅色從濃到淡的漸變,采用色相混合模式運(yùn)行混合得到如下結(jié)果:
紅色圖層被放置在靠下的地方,步驟1:
1,紅色的濃淡并沒(méi)有影響到結(jié)果圖層的濃淡,因?yàn)榻Y(jié)果圖層的濃淡是由D圖決定的。
2,圖上黑色的地方并沒(méi)有影響,也就是說(shuō)沒(méi)有色相的地方,是不會(huì)發(fā)生調(diào)節(jié)的。
3,U層是同一亮度的,而結(jié)果色里的亮度仍然有亮有暗,跟D層一樣,說(shuō)明亮度也沒(méi)有受到U層的影響。
綜合一下,你會(huì)發(fā)現(xiàn)色相混合模式只是調(diào)節(jié)了D層的色相而已。 如果想進(jìn)一步證明,可把U層全換成一樣的紅色(不要漸變),結(jié)果圖會(huì)跟這個(gè)一樣。
其它的幾個(gè)請(qǐng)讀者自行驗(yàn)證。這里對(duì)這幾個(gè)混合模式的應(yīng)用風(fēng)景運(yùn)行一下說(shuō)明。
1,我們?cè)趯?duì)某一相片的某一維度上不滿(mǎn)意時(shí),便可使用這個(gè)混合模式,這些也被大量用于給人物上彩妝,黑白照片上色,添加紋理等。
2,這幾種混合模式各有獨(dú)到的地方:色相的特點(diǎn)是如果D層是黑白灰的地方不上色,只有有顏色的地方才上色。 這樣更能還原真實(shí)風(fēng)景,比如給人上彩妝,臉上的皮膚會(huì)被變色,但是因?yàn)轭^發(fā)是黑色的,所以不會(huì)上色,這樣更自然,真實(shí),否則你的發(fā)絲邊緣的上色處理肯定會(huì)讓你郁悶到。如上圖給環(huán)境上色時(shí),因?yàn)橥恋鼗旌现筮是黑色,那么相同黑色的土地上開(kāi)著的不同的花朵,這個(gè)也會(huì)更自然。如果相同的效果,你看到的土也是紅的,天空也是紅的,我想第一feel就是這張相片好假。
3,飽和度的使用,如果相片的某部分飽和度不夠,你用色相/飽和度的調(diào)色命令不可避免的要使用到設(shè)置選區(qū),摳圖。很容易就造成邊緣過(guò)渡生硬,如果羽化,又不容易控制邊緣,用橡皮擦吧,會(huì)直接擦掉像素。特別是過(guò)后你突然發(fā)現(xiàn)飽和度有點(diǎn)偏差,再想改,因?yàn)樵瓐D已經(jīng)被破壞了,再改可就不容易了。如果用混合模式,我們的選擇就豐富了很多,我可用一種飽和度徑向漸變的相片去做U層,邊緣可用橡皮擦擦掉,可添加蒙版,甚至我可做出蝴蝶狀的飽和度區(qū)域,可用一張已知的圖,直接去做飽和度的效果,發(fā)散開(kāi)去,這是一無(wú)窮大的組合。并且請(qǐng)注意,我們操作這么多,仍然只是改了飽和度,而完全沒(méi)有傷及色相和亮度。原素材也是零損傷的。 比如嘴唇的顏色,我們完全可只調(diào)整飽和度來(lái)讓顏色變得鮮艷。
4,顏色,這個(gè)跟色相類(lèi)似,但是不同,原因是因?yàn)樗苏{(diào)節(jié)色相,還調(diào)飽和度;疑,調(diào)了色相是沒(méi)有反應(yīng),但是只是飽和度一上來(lái)就有顏色了。所以如果想給黑白灰上色,就可用顏色來(lái)調(diào)了。比“色相/飽和度”命令里的“著色”功能要更強(qiáng)大一些,并且是很自然的“保持亮度”了。也相同不傷原片,后期還可調(diào)整。
5,亮度,前面講過(guò),紋理主要靠亮度,次要靠濃淡,再次才是色相。亮度的變化,比其它的變化會(huì)讓人feel更明顯。所以這個(gè)反而用得比較少,因?yàn)樗母膭?dòng)太大。做一些比較模擬陽(yáng)光,做炫光特效時(shí)可用上。
因?yàn)閁層是一圖層,所有能作用于圖層的功能如濾鏡,調(diào)色命令,橡皮圖章等,都可被我們用來(lái)調(diào)節(jié)U層去調(diào)整D層的HSB。這個(gè)才是HSB的應(yīng)用的地方。就好像某天我們突然發(fā)現(xiàn)快速蒙版,或者 alpha通道可用來(lái)做選區(qū),而相同我們可把調(diào)色命令,濾鏡命令應(yīng)用于快速蒙版和通道時(shí)一樣感到欣喜若狂
學(xué)習(xí) · 提示
相關(guān)教程
- 色彩知識(shí),PS中那些的HSB指的究竟是什么
- 攝影知識(shí),攝影后期調(diào)色教程
- 顏色設(shè)置,教你如何配置Photoshop的顏色
- 字體知識(shí),分享一些字體設(shè)計(jì)的方法
- 三折頁(yè),分享20個(gè)三折頁(yè)設(shè)計(jì)小技巧
- 排版知識(shí),文字排版技巧四則
- 二維碼,設(shè)計(jì)特色二維碼教程
- 切圖教程,分享一套切圖命名規(guī)則及常用單詞
- 版式設(shè)計(jì),排版中的重復(fù)基礎(chǔ)知識(shí)原則
- 版式設(shè)計(jì),版式編輯編排設(shè)計(jì)最基礎(chǔ)的知識(shí)原則
推薦教程
- 用戶(hù)體驗(yàn),如何讓用戶(hù)心動(dòng)?
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- 用戶(hù)體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 圖片畫(huà)冊(cè)平面設(shè)計(jì)排版ps理論教程
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- Photoshop初級(jí)教程-命令的技巧
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法