圖層樣式中等高線(xiàn)的應(yīng)用詳解

圖層樣式中等高線(xiàn)的應(yīng)用詳解可能大家一直認(rèn)為等高線(xiàn)就是沿圖像縱向切割所得到的剖面，這種說(shuō)法我個(gè)人并不認(rèn)同，早在《Photoshop圖層樣式套餐II》的時(shí)候我就開(kāi)始反駁這種說(shuō)法。到底是怎樣，首先截取《Photoshop圖層樣式套餐II》中的一段來(lái)讓大家做個(gè)大概的了解。此教程建議您通讀2遍。

　　我們能看到物體是因?yàn)楣獾姆瓷洌雀呔€(xiàn)則模擬了這一切。表面凹凸不平的物體，反射的光線(xiàn)就讓我們感覺(jué)到物體表面的凹凸程度，因?yàn)楦鞑糠址瓷涞墓饩€(xiàn)強(qiáng)度不一樣，或者說(shuō)白色白的程度不一樣，讓眼睛感覺(jué)會(huì)更亮一些。（白色為亮部，黑色為暗部）而如果物體是黑色，那就是吸收了所有的光，而不反射任何光線(xiàn)到人的眼睛，那樣人就看不到這個(gè)物體，或者說(shuō)感覺(jué)不到物體的凹凸，只是一個(gè)黑色的平面。白色反之。

　　等高線(xiàn)決定了物體特有的材質(zhì)，物體哪里因該凹，哪里因該凸就由等高線(xiàn)來(lái)控制。（等高線(xiàn)帶來(lái)不同的亮度，而亮度決定了物體的凹凸，記的這么說(shuō)的等高線(xiàn)只控制明暗而不是對(duì)物體本身的材質(zhì)）而很少一部分則是數(shù)值參數(shù)的關(guān)系。。 　　圖層樣式的好處就在于可以隨時(shí)套用，想真正運(yùn)用圖層樣式，熟悉圖層混合模式，等高線(xiàn)原理是非常重要的。
　　首先我們對(duì)等高線(xiàn)的剖面線(xiàn)理論做個(gè)簡(jiǎn)單駁斥
　　1、我們首先用斜面浮雕樣式做出一個(gè)立體按鈕，參數(shù)如圖：


2、我們?yōu)樗尤胄泵娓〉裰凶蛹雀呔€(xiàn)效果


做到這一步我們暫且先理解等高線(xiàn)為剖面線(xiàn)
　　然而，我們將高光和暗部的設(shè)置對(duì)調(diào)，子集等高線(xiàn)不變，具體設(shè)置如下圖所示：

看到了什么？
　　
由于外部條件的改變，按鈕所呈現(xiàn)的立體感恰好與子集等高線(xiàn)的形狀相反～！。
所以說(shuō)，簡(jiǎn)單的把等高線(xiàn)理解為剖面線(xiàn)的觀點(diǎn)是不夠準(zhǔn)確的，它有相當(dāng)大的局限性，要想更好的駕馭等高線(xiàn)，我們必須了解它的本質(zhì)。





下面我用幾個(gè)例子來(lái)試著成立我的觀點(diǎn)，各位如有不同意見(jiàn)還請(qǐng)?zhí)岢觯x謝！ 　　用圖層樣式中的斜面和浮雕來(lái)做個(gè)大概了解，為了例子的更直觀性，我們將高光模式和暗調(diào)模式全部設(shè)置為正常，并將透明度加到100%。設(shè)置如下圖。畫(huà)一個(gè)100*100PX紅色方形，并在此圖層上運(yùn)用圖層樣式。
　
　輸出50

　　
高光和暗調(diào)均衡，物體材質(zhì)不受任何影響。
　　輸出100
　　
高光白色覆蓋物體本身，使物體在白色畫(huà)布上“消失”掉了。
　　輸入100

　　暗調(diào)黑色覆蓋物體本身，使物體看不出凹凸程度。
　　線(xiàn)性

　　亮度以90度分布，高光在上，暗調(diào)在下。
　　錐行
　　物體頂部被白色高光覆蓋
　　錐行-反轉(zhuǎn)
　　物體頂部被黑色暗調(diào)覆蓋

以上文看似晦澀難懂，然通過(guò)我和bluelink的問(wèn)答式不斷做實(shí)驗(yàn)后，現(xiàn)在讓我們來(lái)道破天機(jī)。
　　我只所以做圖例的時(shí)候用的是斜面和浮雕，而且“光澤”用的都是最基本的條件，就是因?yàn)樾泵婧透〉竦男Ч蠲黠@。像內(nèi)陰影和陰影雖然只有一個(gè)顏色條件，但同樣可以解釋的通 　　用內(nèi)發(fā)光來(lái)做個(gè)例子。
　　作用面為20個(gè)像素，顏色為黑色。雖然只有一個(gè)顏色條件，但同樣可以解釋清楚。
　　分布在邊緣的內(nèi)發(fā)光，線(xiàn)性等高線(xiàn)決定顏色分布是由高到低的分布，所以產(chǎn)生了類(lèi)似發(fā)光的效果。
　　環(huán)行等高線(xiàn)同樣決定了顏色分布，黑色分布也是按照環(huán)行分布。

bluelink：shadow和glow的等高線(xiàn)確實(shí)不能用剖面線(xiàn)這樣的說(shuō)法來(lái)解釋
　　恩。。。。。。。。
　　似乎和曲線(xiàn)類(lèi)似，問(wèn)題有點(diǎn)復(fù)雜了，依你的經(jīng)驗(yàn)，shadow和glow的等高線(xiàn)與斜面浮雕的光澤等高線(xiàn)是否等同～？

　　kamachen:：暫且拋開(kāi)曲線(xiàn)。來(lái)說(shuō)說(shuō)shadow和glow的等高線(xiàn)。因?yàn)閟hadow和glow的等高線(xiàn)條件只有一個(gè)，也就是混合模式旁邊的顏色。我們都用正常模式來(lái)實(shí)驗(yàn)，一個(gè)基本的陰影模式，在物體下方有黑色，調(diào)整等高線(xiàn)一個(gè)反方向，黑色陰影變成了白色，明暗條件再次被額外條件左右。
　　同時(shí)可以結(jié)合斜面浮雕下面的等高線(xiàn)選項(xiàng)。
　　一個(gè)默認(rèn)的斜面浮雕等高線(xiàn)，讓物體產(chǎn)生了立體感。加上斜面浮雕下面的等高線(xiàn)條件，默認(rèn)所指方向是一樣的，也就是明暗分布一樣。調(diào)節(jié)成一個(gè)反方向，明暗分布也同樣被顛倒了。
　　同時(shí)我想說(shuō)的是，光澤，外發(fā)光，內(nèi)陰影，斜面和浮雕等這幾個(gè)作用在物體上的作用面是不一樣的。比如陰影就只作用在物體的外圈，內(nèi)陰影在內(nèi)圈，光澤則是在物體表面大部分區(qū)域。
　　bluelink：如果光澤等高線(xiàn)等同于等高線(xiàn)（依你的說(shuō)法應(yīng)該是這樣的，而且前者涵蓋后者），那么設(shè)置等高線(xiàn)的作用是什么呢？
　　kamachen:圖層樣式的高級(jí)之處就在于他的參數(shù)，角度，等高線(xiàn)，混合模式及顏色的相關(guān)設(shè)置都可能造成最終效果的變化。
　　以上圖為例，不一樣的等高線(xiàn)本身的明暗分布就是相反的，然加入一個(gè)角度條件，說(shuō)純粹些，我們已經(jīng)把這個(gè)等高線(xiàn)再反過(guò)來(lái)一次，效果又是一樣了。
　　如果再調(diào)整參數(shù)，混合模式，顏色等等，那樣高級(jí)的我想根本就已經(jīng)解釋不清楚了。越多條件在內(nèi)，越解釋不清楚。所有的參數(shù)都相關(guān)與最終效果。所以你說(shuō)等高線(xiàn)的作用，我認(rèn)為就是搭配這些額外的條件，創(chuàng)建明暗分布來(lái)實(shí)現(xiàn)最終的效果。
但如果沒(méi)有了等高線(xiàn)呢？其他額外的條件將無(wú)法作用。因?yàn)樗鼈兏静恢雷钤嫉臈l件在哪里。也可以說(shuō)默認(rèn)的線(xiàn)性等高線(xiàn)為我們創(chuàng)建了最基本的浮雕效果。
　　然后你可以調(diào)整角度，高度等等來(lái)左右等高線(xiàn)的作用。
　　bluelink：恩
　　對(duì)于等高線(xiàn)來(lái)說(shuō)，用定位亮度來(lái)體現(xiàn)物體的立體感這是確定無(wú)疑的，這也是等高線(xiàn)的本質(zhì)，所以在相同的外部條件下，shadow、glow、斜面浮雕的等高線(xiàn)實(shí)現(xiàn)的效果是類(lèi)似的，唯一有點(diǎn)不同的是斜面浮雕等高線(xiàn)的外部條件比較多，而且受光澤等高線(xiàn)的影響，所以表現(xiàn)手段相對(duì)豐富，但這不影響它的本質(zhì)。
至于剖面線(xiàn)的說(shuō)法，只能說(shuō)是幫助理解的手段，因?yàn)樵赑S里只有二維，哪來(lái)的剖面線(xiàn)，只不過(guò)是光影模擬出來(lái)的，欺騙人眼睛的立體感而已
　　kamachen：恩，是這樣的。畫(huà)了一個(gè)簡(jiǎn)易圖



斜面和浮雕的光澤等高線(xiàn)有高光和暗調(diào)2個(gè)條件，容易模擬立體感。而像內(nèi)發(fā)光就只有一個(gè)條件，比如上面的例子，等高線(xiàn)決定了黑色在20個(gè)像素內(nèi)的分布情況。 　　其實(shí)用圖層樣式的話(huà)無(wú)非是做立體效果。而等高線(xiàn)是立著的，圖象則是平面的。不理解為剖面線(xiàn)。不仿想的更簡(jiǎn)單一些，把等高線(xiàn)放倒，或者說(shuō)把我們的平面畫(huà)布立起來(lái)。 這樣也就對(duì)應(yīng)上等高線(xiàn)了。
　　這下我們因該都明白了光澤等高線(xiàn)，內(nèi)陰影等高線(xiàn)，內(nèi)發(fā)光等高線(xiàn)等等都是一個(gè)道理的。
　　那么讓我們?cè)賮?lái)看一下斜面和浮雕下面的等高線(xiàn)子集是否和其他的等高線(xiàn)是一個(gè)道理呢？
　　首先我們先在斜面和浮雕上加一個(gè)紋理圖案，這個(gè)圖案材質(zhì)也被賦予了浮雕效果
　 　

然后我們改變光澤等高線(xiàn)方向，看看這個(gè)紋理是否受光澤等高線(xiàn)的影響。

　　看來(lái)這個(gè)紋理子集也是受光澤等高線(xiàn)影響的，很好。
　　我們?cè)偌由闲泵婧透〉裣旅娴淖蛹雀呔€(xiàn)，為了效果的明顯，我們使用一個(gè)反方向來(lái)顯示。

　　看到了什么？這個(gè)子集等高線(xiàn)按照自己的分布形式，但沒(méi)有影響到光澤等高線(xiàn)的作用?？梢钥吹郊y理圖案的浮雕效果沒(méi)有變化過(guò)。

Adobe之所以在斜面和浮雕中設(shè)置這么一個(gè)子集，實(shí)際上是想用子集等高線(xiàn)構(gòu)筑更復(fù)雜化的立體感，以實(shí)現(xiàn)更豐富的細(xì)節(jié)。或者說(shuō)這個(gè)子集是斜面和浮雕的加強(qiáng)。是不是這樣呢？還是來(lái)看例子更具說(shuō)服力

　　我們將高光和暗調(diào)的顏色調(diào)整為綠色和藍(lán)色以突出顯示斜面和浮雕到底對(duì)子集等高線(xiàn)有沒(méi)有影響。
　　看到了什么？斜面和浮雕中的高光變化，紋理圖案的高光暗調(diào)變化，等高線(xiàn)子集也在變化。
　　我們知道這個(gè)子集不能單獨(dú)被使用，但僅斜面和浮雕的光澤等高線(xiàn)就能模擬立體感。所以斜面和浮雕下面的等高線(xiàn)子集同樣統(tǒng)領(lǐng)于斜面和浮雕的光澤等高線(xiàn)，只是為了表現(xiàn)復(fù)雜話(huà)的紋理效果而多加了一個(gè)等高線(xiàn)控制，但所使用的明暗變化同樣來(lái)自于斜面和浮雕。
　　最后我們就可以得出，光澤等高線(xiàn)就是等高線(xiàn)。只是在斜面和浮雕中有2個(gè)光影條件，可以很容易模擬立體感。而內(nèi)陰影等只有一個(gè)條件，不足已模擬復(fù)雜的光影效果。
　　最后可以總結(jié)出，等高線(xiàn)高度決定映射顏色（既外部條件中設(shè)置的顏色）的亮度，等高線(xiàn)的形狀對(duì)應(yīng)映射顏色的分布位置，不同顏色亮度的分布最終造成視覺(jué)上的立體感（假象）。
　　要記住，在認(rèn)識(shí)等高線(xiàn)的過(guò)程中不要被過(guò)多的外部條件所左右，用最少的條件，最基本的環(huán)境，最小的作用范圍來(lái)實(shí)驗(yàn)。還有，默認(rèn)的線(xiàn)性為我們模擬了一個(gè)最基本的樣式，如線(xiàn)性的浮雕效果。

搜索更多相關(guān)主題的帖子:圖層 等高線(xiàn) 詳解 樣式 應(yīng)用