圖層樣式中等高線的應(yīng)用詳解
我們能看到物體是因?yàn)楣獾姆瓷洌雀呔€則模擬了這一切。表面凹凸不平的物體,反射的光線就讓我們感覺到物體表面的凹凸程度,因?yàn)楦鞑糠址瓷涞墓饩€強(qiáng)度不一樣,或者說白色白的程度不一樣,讓眼睛感覺會更亮一些。(白色為亮部,黑色為暗部)而如果物體是黑色,那就是吸收了所有的光,而不反射任何光線到人的眼睛,那樣人就看不到這個(gè)物體,或者說感覺不到物體的凹凸,只是一個(gè)黑色的平面。白色反之。
等高線決定了物體特有的材質(zhì),物體哪里因該凹,哪里因該凸就由等高線來控制。(等高線帶來不同的亮度,而亮度決定了物體的凹凸,記的這么說的等高線只控制明暗而不是對物體本身的材質(zhì))而很少一部分則是數(shù)值參數(shù)的關(guān)系。。 圖層樣式的好處就在于可以隨時(shí)套用,想真正運(yùn)用圖層樣式,熟悉圖層混合模式,等高線原理是非常重要的。
首先我們對等高線的剖面線理論做個(gè)簡單駁斥
1、我們首先用斜面浮雕樣式做出一個(gè)立體按鈕,參數(shù)如圖:
2、我們?yōu)樗尤胄泵娓〉裰凶蛹雀呔€效果
做到這一步我們暫且先理解等高線為剖面線
然而,我們將高光和暗部的設(shè)置對調(diào),子集等高線不變,具體設(shè)置如下圖所示:
看到了什么?
由于外部條件的改變,按鈕所呈現(xiàn)的立體感恰好與子集等高線的形狀相反~!。
所以說,簡單的把等高線理解為剖面線的觀點(diǎn)是不夠準(zhǔn)確的,它有相當(dāng)大的局限性,要想更好的駕馭等高線,我們必須了解它的本質(zhì)。
下面我用幾個(gè)例子來試著成立我的觀點(diǎn),各位如有不同意見還請?zhí)岢?,謝謝! 用圖層樣式中的斜面和浮雕來做個(gè)大概了解,為了例子的更直觀性,我們將高光模式和暗調(diào)模式全部設(shè)置為正常,并將透明度加到100%。設(shè)置如下圖。畫一個(gè)100*100PX紅色方形,并在此圖層上運(yùn)用圖層樣式。
輸出50
高光和暗調(diào)均衡,物體材質(zhì)不受任何影響。
輸出100
高光白色覆蓋物體本身,使物體在白色畫布上“消失”掉了。
輸入100
暗調(diào)黑色覆蓋物體本身,使物體看不出凹凸程度。
線性
亮度以90度分布,高光在上,暗調(diào)在下。
錐行
物體頂部被白色高光覆蓋
錐行-反轉(zhuǎn)
物體頂部被黑色暗調(diào)覆蓋
以上文看似晦澀難懂,然通過我和bluelink的問答式不斷做實(shí)驗(yàn)后,現(xiàn)在讓我們來道破天機(jī)。
我只所以做圖例的時(shí)候用的是斜面和浮雕,而且“光澤”用的都是最基本的條件,就是因?yàn)樾泵婧透〉竦男Ч蠲黠@。像內(nèi)陰影和陰影雖然只有一個(gè)顏色條件,但同樣可以解釋的通 用內(nèi)發(fā)光來做個(gè)例子。
作用面為20個(gè)像素,顏色為黑色。雖然只有一個(gè)顏色條件,但同樣可以解釋清楚。
分布在邊緣的內(nèi)發(fā)光,線性等高線決定顏色分布是由高到低的分布,所以產(chǎn)生了類似發(fā)光的效果。
環(huán)行等高線同樣決定了顏色分布,黑色分布也是按照環(huán)行分布。
bluelink:shadow和glow的等高線確實(shí)不能用剖面線這樣的說法來解釋
恩。。。。。。。。
似乎和曲線類似,問題有點(diǎn)復(fù)雜了,依你的經(jīng)驗(yàn),shadow和glow的等高線與斜面浮雕的光澤等高線是否等同~?
同時(shí)可以結(jié)合斜面浮雕下面的等高線選項(xiàng)。
一個(gè)默認(rèn)的斜面浮雕等高線,讓物體產(chǎn)生了立體感。加上斜面浮雕下面的等高線條件,默認(rèn)所指方向是一樣的,也就是明暗分布一樣。調(diào)節(jié)成一個(gè)反方向,明暗分布也同樣被顛倒了。
同時(shí)我想說的是,光澤,外發(fā)光,內(nèi)陰影,斜面和浮雕等這幾個(gè)作用在物體上的作用面是不一樣的。比如陰影就只作用在物體的外圈,內(nèi)陰影在內(nèi)圈,光澤則是在物體表面大部分區(qū)域。
bluelink:如果光澤等高線等同于等高線(依你的說法應(yīng)該是這樣的,而且前者涵蓋后者),那么設(shè)置等高線的作用是什么呢?
kamachen:圖層樣式的高級之處就在于他的參數(shù),角度,等高線,混合模式及顏色的相關(guān)設(shè)置都可能造成最終效果的變化。
以上圖為例,不一樣的等高線本身的明暗分布就是相反的,然加入一個(gè)角度條件,說純粹些,我們已經(jīng)把這個(gè)等高線再反過來一次,效果又是一樣了。
如果再調(diào)整參數(shù),混合模式,顏色等等,那樣高級的我想根本就已經(jīng)解釋不清楚了。越多條件在內(nèi),越解釋不清楚。所有的參數(shù)都相關(guān)與最終效果。所以你說等高線的作用,我認(rèn)為就是搭配這些額外的條件,創(chuàng)建明暗分布來實(shí)現(xiàn)最終的效果。
但如果沒有了等高線呢?其他額外的條件將無法作用。因?yàn)樗鼈兏静恢雷钤嫉臈l件在哪里。也可以說默認(rèn)的線性等高線為我們創(chuàng)建了最基本的浮雕效果。
然后你可以調(diào)整角度,高度等等來左右等高線的作用。
bluelink:恩
對于等高線來說,用定位亮度來體現(xiàn)物體的立體感這是確定無疑的,這也是等高線的本質(zhì),所以在相同的外部條件下,shadow、glow、斜面浮雕的等高線實(shí)現(xiàn)的效果是類似的,唯一有點(diǎn)不同的是斜面浮雕等高線的外部條件比較多,而且受光澤等高線的影響,所以表現(xiàn)手段相對豐富,但這不影響它的本質(zhì)。
至于剖面線的說法,只能說是幫助理解的手段,因?yàn)樵赑S里只有二維,哪來的剖面線,只不過是光影模擬出來的,欺騙人眼睛的立體感而已
kamachen:恩,是這樣的。畫了一個(gè)簡易圖
斜面和浮雕的光澤等高線有高光和暗調(diào)2個(gè)條件,容易模擬立體感。而像內(nèi)發(fā)光就只有一個(gè)條件,比如上面的例子,等高線決定了黑色在20個(gè)像素內(nèi)的分布情況。 其實(shí)用圖層樣式的話無非是做立體效果。而等高線是立著的,圖象則是平面的。不理解為剖面線。不仿想的更簡單一些,把等高線放倒,或者說把我們的平面畫布立起來。 這樣也就對應(yīng)上等高線了。
這下我們因該都明白了光澤等高線,內(nèi)陰影等高線,內(nèi)發(fā)光等高線等等都是一個(gè)道理的。
那么讓我們再來看一下斜面和浮雕下面的等高線子集是否和其他的等高線是一個(gè)道理呢?
首先我們先在斜面和浮雕上加一個(gè)紋理圖案,這個(gè)圖案材質(zhì)也被賦予了浮雕效果
然后我們改變光澤等高線方向,看看這個(gè)紋理是否受光澤等高線的影響。
看來這個(gè)紋理子集也是受光澤等高線影響的,很好。
我們再加上斜面和浮雕下面的子集等高線,為了效果的明顯,我們使用一個(gè)反方向來顯示。
看到了什么?這個(gè)子集等高線按照自己的分布形式,但沒有影響到光澤等高線的作用。可以看到紋理圖案的浮雕效果沒有變化過。
Adobe之所以在斜面和浮雕中設(shè)置這么一個(gè)子集,實(shí)際上是想用子集等高線構(gòu)筑更復(fù)雜化的立體感,以實(shí)現(xiàn)更豐富的細(xì)節(jié)?;蛘哒f這個(gè)子集是斜面和浮雕的加強(qiáng)。是不是這樣呢?還是來看例子更具說服力
我們將高光和暗調(diào)的顏色調(diào)整為綠色和藍(lán)色以突出顯示斜面和浮雕到底對子集等高線有沒有影響。看到了什么?斜面和浮雕中的高光變化,紋理圖案的高光暗調(diào)變化,等高線子集也在變化。
我們知道這個(gè)子集不能單獨(dú)被使用,但僅斜面和浮雕的光澤等高線就能模擬立體感。所以斜面和浮雕下面的等高線子集同樣統(tǒng)領(lǐng)于斜面和浮雕的光澤等高線,只是為了表現(xiàn)復(fù)雜話的紋理效果而多加了一個(gè)等高線控制,但所使用的明暗變化同樣來自于斜面和浮雕。
最后我們就可以得出,光澤等高線就是等高線。只是在斜面和浮雕中有2個(gè)光影條件,可以很容易模擬立體感。而內(nèi)陰影等只有一個(gè)條件,不足已模擬復(fù)雜的光影效果。
最后可以總結(jié)出,等高線高度決定映射顏色(既外部條件中設(shè)置的顏色)的亮度,等高線的形狀對應(yīng)映射顏色的分布位置,不同顏色亮度的分布最終造成視覺上的立體感(假象)。
要記住,在認(rèn)識等高線的過程中不要被過多的外部條件所左右,用最少的條件,最基本的環(huán)境,最小的作用范圍來實(shí)驗(yàn)。還有,默認(rèn)的線性為我們模擬了一個(gè)最基本的樣式,如線性的浮雕效果。
搜索更多相關(guān)主題的帖子:圖層 等高線 詳解 樣式 應(yīng)用