PhotoShop中的色彩混合模式的詳細(xì)教程(3)

在多年的ps使用過程中,對(duì)顏色理論的不斷加深,深深認(rèn)識(shí)到顏色理論給ps設(shè)計(jì)帶來的豐富多彩的變化.  但是往往我們一邊欣喜的使用著基于顏色理論的圖像處理軟件,一邊在強(qiáng)調(diào)色感的重要而去弱化對(duì)色彩理論的研究.

        這到底是所謂的返璞歸真還是舍本逐末?   不排除任何偉大的藝術(shù)家,都有強(qiáng)烈的色感,但是我想這種直覺,早已經(jīng)成為了他自己的色彩理論,也是一種多年積淀的爆發(fā).現(xiàn)在是一個(gè)數(shù)字藝術(shù)風(fēng)行的年代,借助設(shè)計(jì)軟件,已經(jīng)徹底改變大多數(shù)設(shè)計(jì)師的設(shè)計(jì)方式了. 我本人先是一個(gè)程序員,后才是一個(gè)設(shè)計(jì)師,這讓我更多的去思考色彩的關(guān)系,數(shù)字藝術(shù)實(shí)現(xiàn)的本質(zhì).為了說明理論是如何指導(dǎo)實(shí)踐的,我先舉常見的幾個(gè)例子,讓我們正視一下理論,意識(shí)到做設(shè)計(jì)學(xué)習(xí)理論是多么的重要. 后面我將來系統(tǒng)講解下"色彩混合模式"

一,素材的使用:

        從很多網(wǎng)站很容易下到很多PSD的設(shè)計(jì)素材，這些素材下到后，大多數(shù)是黑底的，絕少數(shù)會(huì)有白底的，有多少人為了做合成效果，費(fèi)心費(fèi)力的去摳圖，然后做合成，特別是那些半透明和有毛發(fā)的地方，采用通道去摳圖，cs5版甚至為這一類人專門提供了"調(diào)整邊緣"的功能.其實(shí)素材天生的設(shè)計(jì)意圖就不是那樣用的.以下是一個(gè)常見的炫光素材:

如與下圖進(jìn)行合成

應(yīng)用 "變亮"   的混合模式,很容易就可以完美的合成上去

 原因呢是因?yàn)?

變亮的混合模式----是在要混合的兩種顏色中,取顏色比較亮的顏色作為結(jié)果色.

黑色比任何顏色都要暗,所以黑色會(huì)被任何色替換掉.相反的,如果素材的底部是白色,那就應(yīng)該用"變暗"的混合模式, 

變暗的混合模式----是在要混合的兩種顏色中,取顏色比較暗的顏色作為結(jié)果色. 因?yàn)榘咨热魏紊?所以會(huì)被任何色替換掉.

        素材之所以絕大多數(shù)背景為黑色,原因就在于此.跟做影片合成時(shí)的藍(lán)底一樣.

2,高級(jí)銳化

        銳化可以說是PS的永恒的主題。在PS中內(nèi)置了很多銳化功能。比如：USM銳化，銳化，銳化邊緣，進(jìn)一步銳化，智能銳化，他們都用在不同的場合，并且都對(duì)圖片有很多損傷，比較高級(jí)的銳化有LAB銳化和高反差保留+柔光等.這兩種相對(duì)來說對(duì)原片損傷較小.

下面主要說下LAB銳化:

L A B是顏色色彩模式的一種，跟HSB,RGB,CMYK共同構(gòu)成了ps的整個(gè)色彩體系. 他們分別從不同的方向來描述顏色.其中l(wèi)ab是一種理論上的顏色模式.

L:代表色彩的亮度.

A B ： 分別代表兩個(gè)不同方向的顏色矢量。

說白了。 A B 通道是用來記錄顏色信息的, L是記錄亮度信息的.而我們?nèi)^(qū)分一個(gè)圖片是不是清晰,是依靠亮度差來識(shí)別的.而不是靠色相,色值的差.所以如果我們只銳化L通道.這樣的話,會(huì)最大限度保留原片的顏色信息.如下圖:

通過 "圖像"--"模式"--"LAB顏色"  命令把圖像轉(zhuǎn)成 LAB顏色模式的圖像;

然后進(jìn)入通道面板,選中L通道(明度通道).

再對(duì)L通道執(zhí)行USM銳化操作,設(shè)置如下圖

再回到通道面板，選擇Lab混合通道,得到效果如圖

在發(fā)部和狗尾草等地方有非常好的效果.色彩和飽和度有很完整的保留.

        這些用法大家可能都非常熟悉,我想如果你熟悉,就更會(huì)懂得 理論知識(shí)的用處是多么的大,  學(xué)理論是多么的重要. 就像第二個(gè),我們并沒有必要弄懂LAB的完整內(nèi)涵,就已經(jīng)可以收到很不錯(cuò)的效果了.

三, 給黑白照片上色

面對(duì)這樣一張黑白的照片,需要給她著色,因?yàn)槲覀冎?圖片的紋理是用明暗關(guān)系來記錄的,如果我們采用添加顏色再來調(diào)整透明度,顏色是疊加上去了,但是圖片的對(duì)比度會(huì)降低,紋理會(huì)減弱甚至丟失. 當(dāng)我們認(rèn)識(shí)到有一種符合人的認(rèn)識(shí)的色彩系HSB,   其中 B 亮度就是用來保持對(duì)比度的。其它兩項(xiàng)分別為 H  （色相），飽和度（色彩的濃度），很顯然，這兩個(gè)是用來控制顏色的。

        那我們可以采用 “顏色” 混合模式，下面是我用大塊顏色隨意涂抹，先看效果再來進(jìn)行講

 可以看到紋理全部都在，而顏色已經(jīng)發(fā)生了根本的變化。所以要給圖片首色，但是想保留紋理就可以采用這種方法。

“顏色”混合模式     用底圖層的亮度   +  本圖層的色相和飽和度   得到結(jié)果色.

        為什么不用 "色相" 混合模式呢?  因?yàn)楹诎谆沂菦]有色相的,單純改變色相是無法改變顏色的.就比如 任何數(shù)乘于零仍然等于零.

進(jìn)一步的,如果我們想讓人物的膚色變得更柔和自然,如下圖

想讓膚色變得更紅潤,當(dāng)然我們可以采用 "色相/飽和度"命令,或者"色相平衡"等等命令, 如果你想保留更多原始信息,你應(yīng)該僅僅是顏色的一個(gè)方向上做文章,而不是全部進(jìn)行破壞性的改動(dòng),如果你要改,在達(dá)到同樣目的的前提下請(qǐng)盡量溫柔一點(diǎn).

        我們知道顏色是由RGB通道組成的.還可以由CMYK.我們先基于RGB來進(jìn)行一次修改.需要增加紅色,只需要在紅色通道多增加一點(diǎn)亮度即可.在這里我對(duì)新手補(bǔ)充一點(diǎn)知識(shí),這是你在任何書上都能學(xué)到的知識(shí):

RGB 分別代表了 Red  Green  Blue   紅綠藍(lán)三種顏色,它們是光的三原色.

        每個(gè)通道又分為0-255總共256個(gè)級(jí)別,你可以想像RGB三種顏色的燈，共有256種不同的亮度級(jí)別，當(dāng)所有燈全亮?xí)r，也就是R255 G255 B255 時(shí)就是白色，當(dāng)然所有燈熄滅時(shí)，也就是 R0  G0  B0 的時(shí)候就是黑色。

通道是用來記錄顏色信息的，分別用從黑到白來表示這個(gè)通道顏色的多少，也就是燈的亮暗程度。

        我們希望紅色能多一點(diǎn)點(diǎn)。所以只需要在紅色通道，在臉部位置，用"減淡工具"進(jìn)行提亮操作。如下圖

  當(dāng)然如果你意味到 CMYK里還有個(gè)品紅通道,是不是也有同樣效果呢,那恭喜你,你已經(jīng)學(xué)會(huì)了.

在講混合模式前，我們還是有必要再補(bǔ)充一點(diǎn)顏色理論作為基礎(chǔ)。四種色彩模式，或者叫色彩空間。

請(qǐng)自行在PS里點(diǎn)擊前景色塊 打開“拾色器” 進(jìn)行驗(yàn)證

看右邊即可看到ps里支持的四種顏色模式,分別為:

HSB , RGB , LAB ,CMYK。下面簡要講述一下以及驗(yàn)證的方法。

HSB:是一種基于視覺的，也就是說人最習(xí)慣，最直接的對(duì)色的認(rèn)知，就是基于HSB的。所以我先從HSB的來源開始說起。讓我們認(rèn)識(shí)一個(gè)顏色，我們第一感受是，這是紅的，綠的，還是藍(lán)的，這是對(duì)顏色的一種最初印象。 在HSB里，其中 H  (色相) 就是描述你的第一感覺的. 為了描述人眼能識(shí)別的所有顏色,建立了一個(gè)色相環(huán)的概念.從0度開始到360度結(jié)束.本來想講一下色相環(huán)用PS的做法，但是想想會(huì)浪費(fèi)太多筆墨，而且會(huì)涉及到很枯燥的色值，我就直接拿了一個(gè)圖來直接講了。大家有興趣可以制作一下，不會(huì)的我們一起討論。

簡單色相環(huán)

注意幾個(gè)，色相環(huán)里是沒有黑色和白色的，因?yàn)楹谏桶咨珱]有色相。

再來查看下拾色器。

其中這里

就是對(duì)應(yīng)的色相環(huán)了，從低部到頂部，分別是 0 度到 360度。

我們對(duì)顏色的第二個(gè)直觀印象，就是這個(gè)顏色濃不濃，太濃就太艷了，太淡了就太素了。我想這個(gè)大家最有體會(huì)了。如果顏色淡到?jīng)]有色彩了，那是什么色？就是黑白灰了。這也是為什么黑白灰是沒有色相的原因。

對(duì)應(yīng)PS，我們來了解下：

默認(rèn)的界面里，左側(cè)的拾色區(qū)的橫向，或者說是X軸，對(duì)應(yīng)的就是濃淡了，縱向就是下一步要講的亮度了，他們的原點(diǎn)在左下角。

濃淡關(guān)注完了，我們?cè)倏吹谌齻�(gè)直觀印象，就是一個(gè)顏色夠不夠亮，顏色如果太亮就會(huì)很晃眼，如果太暗就是黑的。能理解嗎? 在ps里的對(duì)應(yīng)關(guān)系上面已經(jīng)說過了.你用鼠標(biāo)在拾色區(qū)推動(dòng)一下,會(huì)發(fā)現(xiàn)數(shù)值發(fā)生相應(yīng)的改變.調(diào)調(diào)色相環(huán),是不是色相也會(huì)發(fā)生相應(yīng)改變?

PS默認(rèn)的模式就是HSB，而且默認(rèn)情況下，他是需要我們先選色相，再選濃度和亮度。跟我們的習(xí)慣一樣。

再回頭看現(xiàn)在的電視機(jī)，有幾個(gè)調(diào)節(jié)鈕，一個(gè)是 “太陽狀”的，這個(gè)是調(diào)亮度（B）的的。一個(gè)是由黑白半圓組成的圓形，這個(gè)是調(diào)色彩濃度（S）的。如果你發(fā)現(xiàn)上面分別是R/G/B的對(duì)應(yīng)的按鈕，我想你一定會(huì)發(fā)瘋。

再來繼續(xù)回到PS。在HSB前都有對(duì)應(yīng)的單選框，你選成其它的看看。如下圖

剛才顯示色相的地方現(xiàn)在顯示的則是濃度了。最上面是最濃，最低下是最淡。記住濃度和亮度都是用百分?jǐn)?shù)來標(biāo)識(shí)的。從 0%--100% 。

認(rèn)識(shí)了HSB的最基礎(chǔ)的知識(shí)。我們講下應(yīng)用，在調(diào)色時(shí)，我們有時(shí)候不容易把握顏色感覺，直接在調(diào)色區(qū)調(diào)很不容易調(diào)準(zhǔn)，所以我們要用直覺加理論輔助。

感覺太暗了，我們先選中 B前面的單選框，再在豎條上往上拖拖。
感覺太淡了，我們先選中 S前面的單選框，再在豎條上往上拖拖。
。。。

這樣就很容易調(diào)出滿意的顏色來。下面講個(gè)應(yīng)用：現(xiàn)在的網(wǎng)站非常流行的水晶質(zhì)感的導(dǎo)航欄和按鈕。我以下舉兩例，如果大家留心，會(huì)發(fā)現(xiàn)現(xiàn)在滿天飛舞的都是。連win7操作系統(tǒng)的皮膚都是這樣的

js的一個(gè)非常流行,非常強(qiáng)大的框架, EXT 的界面

還有很多改進(jìn)版的，在上面加上炫光的紋理，角上加點(diǎn)高光，其實(shí)基礎(chǔ)都是一樣。先簡要分析一下水晶質(zhì)感的幾個(gè)特點(diǎn)：

1，表面光滑，反射尖銳，輪廓明顯，但是因?yàn)槭前胪该鞯�，有透光性，所以反射不�?qiáng)烈。金屬質(zhì)感的則不同，反射尖銳而強(qiáng)烈。
2，就是通透性。
3，在非明暗交接線的區(qū)域，過渡平緩。

我們說輪廓靠什么體現(xiàn)？主要靠明暗對(duì)比和濃淡，當(dāng)然顏色也可以，但是表現(xiàn)水晶，玉這類材質(zhì)，用不同顏色在設(shè)計(jì)上需要很大把握能力。

分析好這些。我們開始制作

先新建一空白文件，“新建圖層”，用選擇框工具拖出一個(gè)長條形用來體現(xiàn)導(dǎo)航

用任意顏色平鋪.取消選區(qū).

再雙擊 圖層  縮略圖 圖標(biāo),或者點(diǎn)擊圖層面板下 fx ,或者任何方式打開混合選項(xiàng)面板.

注: 此效果也可以直接拖漸變來實(shí)現(xiàn),但是我希望效果能夠被重用.ps有非常多的諸如:智能對(duì)象,智能濾鏡,蒙版,樣式,歷史記錄，調(diào)整圖層等等不破壞原素材而且增加效果的方式.如果大家感興趣,我在后續(xù)章節(jié)中對(duì)這些功能一一進(jìn)行剖析

找到漸變疊加

點(diǎn)擊漸變，打開漸變編輯

再雙擊 圖示 的游標(biāo)，打開拾色器。挑一種顏色，再點(diǎn)“確定”進(jìn)行確認(rèn)；

我是用的色值是：3ae94b； 再雙擊右下角的游標(biāo)，選擇同樣的顏色.

然后選中b 前面的單選框, 把亮度稍微往上提.從原來的91%提高到97%.最終效果如下

注:這里不能太大,原因可參照我們對(duì)水晶質(zhì)感的分析.

大致的明暗關(guān)系有，現(xiàn)在調(diào)節(jié)明暗交界線：

先在漸變編輯器里增加兩個(gè)色標(biāo)，

因?yàn)槲仪熬吧撬t色，所以這里這樣顯示，不過不影響我們的效果制作 。

點(diǎn)擊第二個(gè)色標(biāo)，用吸管在靠近第一個(gè)色標(biāo)處取一個(gè)很接近的顏色，點(diǎn)擊第二個(gè)色標(biāo)在第四個(gè)色標(biāo)附近取個(gè)色。調(diào)節(jié)中間兩個(gè)色標(biāo)，得到比較好的效果。結(jié)果如下

圖的效果為

是不是已經(jīng)有點(diǎn)感覺了。現(xiàn)在開始做一點(diǎn)點(diǎn)反光。大家不一定要調(diào)成跟我一樣。 亮暗對(duì)比出來就行。過渡稍微硬一點(diǎn)，你的效果可能比我這臨時(shí)做出來的要強(qiáng)很多。

反光的調(diào)節(jié)，你需要注意：反光比暗部亮，比高光暗。找準(zhǔn)這個(gè)感覺就行。我們暗部亮度是91，高光是97，那反光就用94吧。

調(diào)節(jié)第一個(gè)色標(biāo)的亮度為94.最終得到的導(dǎo)航效果為

下面給這個(gè)圖標(biāo)增加一點(diǎn)細(xì)節(jié)。讓他更有質(zhì)感。再次打開圖層混合樣式面板：增加一個(gè)內(nèi)發(fā)光，一個(gè)描邊。參數(shù)如下圖

得到的最終圖的效果如下

為了方便大家查看，我把背景色調(diào)成了灰色。

再回頭分析我們的調(diào)色:

1, 用了樣式,所以以后這個(gè)效果不夠好, 我們可以直接對(duì)樣式進(jìn)行調(diào)整,不用撤消.
2, 這個(gè)效果可以重用,如果我們網(wǎng)站有其它地方用得上,可以直接復(fù)制樣式到其它圖層(快捷是按住alt不動(dòng),對(duì)樣式圖標(biāo)進(jìn)行拖動(dòng)).
3, 整個(gè)效果都是基于亮度值 B 的,所以這個(gè)效果適用任何顏色。

下面我加了一個(gè)調(diào)整圖層--色相/飽和度  ,并對(duì)色相進(jìn)行調(diào)節(jié).如下圖

拖動(dòng)  色相  的滑標(biāo)，產(chǎn)生的若干效果如下

如果你喜歡，你可以把這個(gè)樣式保存在你的樣式庫里，以后就可以直接使用了。

當(dāng)然這個(gè)效果如果你想做成透過他看到背景圖案的半透明效果,請(qǐng)將圖層的填充不透明度降為零,漸變疊加的透明度稍調(diào)低一點(diǎn)即可.這里補(bǔ)充一個(gè)最后的效果圖

這個(gè)教程的定位是不是太低了,我一直想講到色彩混合模式,但是又覺得前面有太多基礎(chǔ)要講, 而講到基礎(chǔ),我又覺得,如果沒有實(shí)例,又很難說明白.

大家說說看法吧,我希望能夠一天出一個(gè).直到講完混合模式.  還有比較智能對(duì)象,蒙板等知識(shí)大家不知道有沒有興趣了解