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

2023-12-05 17:49:43 來(lái)源/作者: / 己有:0人學(xué)習(xí)過(guò)
圖層樣式中等高線(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í)岢?,謝謝!   用圖層樣式中的斜面和浮雕來(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)的作用。可以看到紋理圖案的浮雕效果沒(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)用