當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>工具教程>教程內(nèi)容

講解ps圖層樣式等高線作用(5)

來源:網(wǎng)絡(luò) 作者:佚名 學(xué)習(xí):23093人次

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

Quote:
我們能看到物體是因?yàn)楣獾姆瓷,而等高線則模擬了這一切。表面凹凸不平的物體,反射的光線就讓我們感覺到物體
表面的凹凸程度,因?yàn)楦鞑糠址瓷涞墓饩強(qiáng)度不一樣,或者說白色白的程度不一樣,讓眼睛感覺會(huì)更亮一些。(白色
為亮部,黑色為暗部)而如果物體是黑色,那就是吸收了所有的光,而不反射任何光線到人的眼睛,那樣人就看不到
這個(gè)物體,或者說感覺不到物體的凹凸,只是一個(gè)黑色的平面。白色反之。
等高線決定了物體特有的材質(zhì),物體哪里因該凹,哪里因該凸就由等高線來控制。(等高線帶來不同的亮度,而亮度
決定了物體的凹凸,記的這么說的等高線只控制明暗而不是對(duì)物體本身的材質(zhì))而很少一部分則是數(shù)值參數(shù)的關(guān)系。。

圖層樣式的好處就在于可以隨時(shí)套用,想真正運(yùn)用圖層樣式,熟悉圖層混合模式,等高線原理是非常重要的。

首先我們對(duì)等高線的剖面線理論做個(gè)簡(jiǎn)單駁斥
1、我們首先用斜面浮雕樣式做出一個(gè)立體按鈕,參數(shù)如圖:

詳解PhotoShop圖層樣式中的等高線作用

詳解PhotoShop圖層樣式中的等高線作用

 

 

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

 

 

詳解PhotoShop圖層樣式中的等高線作用

詳解PhotoShop圖層樣式中的等高線作用

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

詳解PhotoShop圖層樣式中的等高線作用

看到了什么?

詳解PhotoShop圖層樣式中的等高線作用

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

下面我用幾個(gè)例子來試著成立我的觀點(diǎn),各位如有不同意見還請(qǐng)?zhí)岢觯x謝!

用圖層樣式中的斜面和浮雕來做個(gè)大概了解,為了例子的更直觀性,我們將高光模式和暗調(diào)模式全部設(shè)置為正常,
并將透明度加到100%。設(shè)置如下圖。畫一個(gè)100*100PX紅色方形,并在此圖層上運(yùn)用圖層樣式。

詳解PhotoShop圖層樣式中的等高線作用

輸出50

詳解PhotoShop圖層樣式中的等高線作用

高光和暗調(diào)均衡,物體材質(zhì)不受任何影響。

輸出100

詳解PhotoShop圖層樣式中的等高線作用

高光白色覆蓋物體本身,使物體在白色畫布上“消失”掉了。

輸入100

詳解PhotoShop圖層樣式中的等高線作用

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

線性

詳解PhotoShop圖層樣式中的等高線作用

亮度以90度分布,高光在上,暗調(diào)在下。

錐行

詳解PhotoShop圖層樣式中的等高線作用

物體頂部被白色高光覆蓋

錐行-反轉(zhuǎn)
物體頂部被黑色暗調(diào)覆蓋

詳解PhotoShop圖層樣式中的等高線作用

以上文看似晦澀難懂,然通過我和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ā)光的效果。

詳解PhotoShop圖層樣式中的等高線作用

環(huán)行等高線同樣決定了顏色分布,黑色分布也是按照環(huán)行分布。

詳解PhotoShop圖層樣式中的等高線作用

bluelink:shadow和glow的等高線確實(shí)不能用剖面線這樣的說法來解釋
恩。。。。。。。。
似乎和曲線類似,問題有點(diǎn)復(fù)雜了,依你的經(jīng)驗(yàn),shadow和glow的等高線與斜面浮雕的光澤等高線是否等同~?

kamachen::暫且拋開曲線。來說說shadow和glow的等高線。因?yàn)閟hadow和glow的等高線條件只有一個(gè),也就是混合
模式旁邊的顏色。我們都用正常模式來實(shí)驗(yàn),一個(gè)基本的陰影模式,在物體下方有黑色,調(diào)整等高線一個(gè)反方向,
黑色陰影變成了白色,明暗條件再次被額外條件左右。

同時(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:圖層樣式的高級(jí)之處就在于他的參數(shù),角度,等高線,混合模式及顏色的相關(guān)設(shè)置都可能造成最終效果
的變化。

詳解PhotoShop圖層樣式中的等高線作用

以上圖為例,不一樣的等高線本身的明暗分布就是相反的,然加入一個(gè)角度條件,說純粹些,我們已經(jīng)把這個(gè)等高
線再反過來一次,效果又是一樣了。
如果再調(diào)整參數(shù),混合模式,顏色等等,那樣高級(jí)的我想根本就已經(jīng)解釋不清楚了。越多條件在內(nèi),越解釋不清楚。
所有的參數(shù)都相關(guān)與最終效果。所以你說等高線的作用,我認(rèn)為就是搭配這些額外的條件,創(chuàng)建明暗分布來實(shí)現(xiàn)最
終的效果。
但如果沒有了等高線呢?其他額外的條件將無法作用。因?yàn)樗鼈兏静恢雷钤嫉臈l件在哪里。也可以說默認(rèn)的
線性等高線為我們創(chuàng)建了最基本的浮雕效果。
然后你可以調(diào)整角度,高度等等來左右等高線的作用。

bluelink:恩
對(duì)于等高線來說,用定位亮度來體現(xiàn)物體的立體感這是確定無疑的,這也是等高線的本質(zhì),所以在相同的外部條件下,shadow、glow、斜面浮雕的等高線實(shí)現(xiàn)的效果是類似的,唯一有點(diǎn)不同的是斜面浮雕等高線的外部條件比較多,而
且受光澤等高線的影響,所以表現(xiàn)手段相對(duì)豐富,但這不影響它的本質(zhì)。
至于剖面線的說法,只能說是幫助理解的手段,因?yàn)樵赑S里只有二維,哪來的剖面線,只不過是光影模擬出來的,
欺騙人眼睛的立體感而已

kamachen:恩,是這樣的。畫了一個(gè)簡(jiǎn)易圖

詳解PhotoShop圖層樣式中的等高線作用

斜面和浮雕的光澤等高線有高光和暗調(diào)2個(gè)條件,容易模擬立體感。而像內(nèi)發(fā)光就只有一個(gè)條件,比如上面的例子,
等高線決定了黑色在20個(gè)像素內(nèi)的分布情況。

其實(shí)用圖層樣式的話無非是做立體效果。而等高線是立著的,圖象則是平面的。不理解為剖面線。不仿想的更簡(jiǎn)
單一些,把等高線放倒,或者說把我們的平面畫布立起來。 這樣也就對(duì)應(yīng)上等高線了。

這下我們因該都明白了光澤等高線,內(nèi)陰影等高線,內(nèi)發(fā)光等高線等等都是一個(gè)道理的。
那么讓我們?cè)賮砜匆幌滦泵婧透〉裣旅娴牡雀呔子集是否和其他的等高線是一個(gè)道理呢?

首先我們先在斜面和浮雕上加一個(gè)紋理圖案,這個(gè)圖案材質(zhì)也被賦予了浮雕效果

 

詳解PhotoShop圖層樣式中的等高線作用

詳解PhotoShop圖層樣式中的等高線作用

詳解PhotoShop圖層樣式中的等高線作用

我們?cè)偌由闲泵婧透〉裣旅娴淖蛹雀呔,為了效果的明顯,我們使用一個(gè)反方向來顯示。

詳解PhotoShop圖層樣式中的等高線作用

看到了什么?這個(gè)子集等高線按照自己的分布形式,但沒有影響到光澤等高線的作用。可以看到紋理圖案的浮雕效果
沒有變化過。

詳解PhotoShop圖層樣式中的等高線作用

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

我們將高光和暗調(diào)的顏色調(diào)整為綠色和藍(lán)色以突出顯示斜面和浮雕到底對(duì)子集等高線有沒有影響。

詳解PhotoShop圖層樣式中的等高線作用

看到了什么?斜面和浮雕中的高光變化,紋理圖案的高光暗調(diào)變化,等高線子集也在變化。

詳解PhotoShop圖層樣式中的等高線作用

我們知道這個(gè)子集不能單獨(dú)被使用,但僅斜面和浮雕的光澤等高線就能模擬立體感。所以斜面和浮雕下面的等高線子
集同樣統(tǒng)領(lǐng)于斜面和浮雕的光澤等高線,只是為了表現(xiàn)復(fù)雜話的紋理效果而多加了一個(gè)等高線控制,但所使用的明
暗變化同樣來自于斜面和浮雕。

最后我們就可以得出,光澤等高線就是等高線。只是在斜面和浮雕中有2個(gè)光影條件,可以很容易模擬立體感。而
內(nèi)陰影等只有一個(gè)條件,不足已模擬復(fù)雜的光影效果。

最后可以總結(jié)出,等高線高度決定映射顏色(既外部條件中設(shè)置的顏色)的亮度,等高線的形狀對(duì)應(yīng)映射
顏色的分布位置,不同顏色亮度的分布最終造成視覺上的立體感(假象)。

要記住,在認(rèn)識(shí)等高線的過程中不要被過多的外部條件所左右,用最少的條件,最基本的環(huán)境,最小的作用范圍來
實(shí)驗(yàn)。還有,默認(rèn)的線性為我們模擬了一個(gè)最基本的樣式,如線性的浮雕效果


學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
霸道溫柔2018-02-04 12:40
樓主威武
看得見的風(fēng)景2017-05-28 02:02
樓主威武
樂呵呵lee2017-05-28 09:37
我來mark一下

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!