圖層樣式詳解之斜面和浮雕(4)

前幾天發(fā)表了一篇關(guān)于投影的知識(shí)講解，大家都挺反映很實(shí)用，那么今天我再來(lái)講講圖層樣式中關(guān)于斜面浮雕的知識(shí)吧。

斜面和浮雕（Bevel and Emboss）可以說(shuō)是Photoshop層樣式中最復(fù)雜的，其中包括內(nèi)斜面、外斜面、浮雕、枕形浮雕和描邊浮雕，雖然每一項(xiàng)中包涵的設(shè)置選項(xiàng)都是一樣的，但是制作出來(lái)的效果卻大相徑庭。

斜面浮雕保護(hù)了3大部分：

一、斜面和浮雕的類型

內(nèi)斜面、外斜面、浮雕、枕形浮雕、描邊浮雕

二、調(diào)整參數(shù)詳解

結(jié)構(gòu)

樣式(Style)、方式(Technique)

深度(Depth)、方向(Direction)、大小(Size)、柔化(Soften)

陰影

角度(Angle)

使用全局光(Use Global Light)

光澤等高線(Gloss Contour)

高光模式和不透明度(Hightlight Mode and Opacity)

陰影模式和不透明度(Shadow Mode and Opacity)

三、等高線和紋理

我們現(xiàn)在開(kāi)始分開(kāi)介紹

一、斜面和浮雕的類型

斜面和浮雕的樣式包括內(nèi)斜面、外斜面、浮雕、枕形浮雕和描邊浮雕。雖然它們的選項(xiàng)都是一樣的，但是制作出來(lái)的效果卻大相徑庭。

內(nèi)斜面

首先來(lái)看內(nèi)斜面，添加了內(nèi)斜角的層會(huì)好像同時(shí)多出一個(gè)高光層(在其上方)和一個(gè)投影層(在其下方)，顯然這就比前面介紹的那幾種只增加一個(gè)虛擬層的樣式要復(fù)雜了。投影層的混合模式默認(rèn)為“正片疊底”(Multiply)，高光層的混合模式默認(rèn)為“濾色”(Screen)，兩者的透明度都是50%。雖然這些默認(rèn)設(shè)置和前面介紹的幾種層樣式都一樣，但是兩個(gè)層配合起來(lái)，效果就多了很多變化。

為了看清楚這兩個(gè)“虛擬“的層究竟是怎么回事，我們先將圖片的背景設(shè)置為黑色，然后為圓所在的層添加“內(nèi)斜面”樣式，再將該層的填充不透明度設(shè)置為0。這樣就將層上方“虛擬”的高光層分離出來(lái)了，如下圖：

類似的，我們?cè)賹D片的背景色設(shè)置為白色，然后為圓所在的層添加“內(nèi)斜面”樣式，再將該層的填充不透明度設(shè)置為0。這樣就將層下方“虛擬”的投影層分離出來(lái)了，如下圖：

這兩個(gè)“虛擬“的層配合起來(lái)構(gòu)成“內(nèi)斜角“效果，類似于來(lái)自左上方的光源照射一個(gè)截面形為梯形的高臺(tái)形成的效果。

外斜面

被賦予了外斜面樣式的層也會(huì)多出兩個(gè)“虛擬”的層，一個(gè)在上，一個(gè)在下，分別是高光層和陰影層，混合模式默認(rèn)依然分別是正片疊底(Multiply)和濾色(Screen)，這些和內(nèi)斜面都是完全一樣的，下面將不再贅述。

我們可以使用和前面完全一樣的方法分別將“虛擬”的高光層和陰影分離出來(lái)，如下圖：

看似效果差不多，其實(shí)不然，你可以試著把他們的數(shù)值調(diào)大些。就可以非常直觀的看到他們的不同了。

浮雕

前面介紹的斜面效果添加的“虛擬”層都是一上一下的，而浮雕效果添加的兩個(gè)“虛擬”層則都在層的上方，因此我們不需要調(diào)整背景顏色和層的填充不透明度就可以同時(shí)看到高光層和陰影層。這兩個(gè)“虛擬”層的混合模式以及透明度仍然和斜面效果的一樣。

枕狀浮雕

枕狀浮雕相當(dāng)復(fù)雜，添加了枕狀浮雕樣式的層會(huì)一下子多出四個(gè)“虛擬”層，兩個(gè)在上，兩個(gè)在下。上下各含有一個(gè)高光層和一個(gè)陰影層。因此枕形浮雕是內(nèi)斜面和外斜面的混合體。比如：

在這個(gè)例子中，圖層首先被賦予一個(gè)內(nèi)斜面樣式，形成一個(gè)突起的高臺(tái)效果，然后又被賦予一個(gè)外斜面樣式，整個(gè)高臺(tái)又陷入一個(gè)“坑”當(dāng)中，最終形成了如圖所示的效果。

二、調(diào)整參數(shù)

樣式(Style)

樣式包括：外斜面、內(nèi)斜面、浮雕、枕形浮雕和描邊浮雕。

方法(Technique)

這個(gè)選項(xiàng)可以設(shè)置三個(gè)值，包括平滑(Soft)、雕刻柔和(Chisel Soft)、雕刻清晰(Chisel Hard)。

其中“平滑”是默認(rèn)值，選中這個(gè)值可以對(duì)斜角的邊緣進(jìn)行模糊，從而制作出邊緣光滑的高臺(tái)效果，如下圖。

如果選擇“雕刻清晰“，效果是這樣的：

“雕刻柔和”是一個(gè)折中的值：

深度(Depth)

“深度”必須和“大小”配合使用，“大小”一定的情況下，用“深度”可以調(diào)整高臺(tái)的截面梯形斜邊的光滑程度。比如在“大小”值一定的情況下，不同的“深度”值產(chǎn)生的效果。

首先將“深度”設(shè)置的小一些：

再將“深度”設(shè)置為最大(1000%)

方向(Direction)

方向的設(shè)置值只有“上”和“下”兩種，其效果和設(shè)置“角度”是一樣的。在制作按鈕的時(shí)候，“上”和“下”可以分別對(duì)應(yīng)按鈕的正常狀態(tài)和按下?tīng)顟B(tài)，比較使用角度進(jìn)行設(shè)置更方便也更準(zhǔn)確。

大小(Size)

大小用來(lái)設(shè)置高臺(tái)的高度，必須和“深度”配合使用。

柔化(Soften)

柔化一般用來(lái)對(duì)整個(gè)效果進(jìn)行進(jìn)一步的模糊，使對(duì)象的表面更加柔和，減少棱角感。

角度(Angle)

這里的角度設(shè)置要復(fù)雜一些。圓當(dāng)中不是一個(gè)指針，而是一個(gè)小小的十字，通過(guò)前面的效果我們知道 ，角度通�？梢院凸庠绰�(lián)系起來(lái)，對(duì)于斜面和浮雕效果也是如此，而且作用更大。斜面和浮雕的角度調(diào)節(jié)不僅能夠反映光源方位的變化，而且可以反映光源和對(duì)象所在平面所成的角度，具體來(lái)說(shuō)就是那個(gè)小小的十字和圓心所成的角度以及光源和層所成的角度(后者就是高度)。這些設(shè)置既可以在圓中拖動(dòng)設(shè)置，也可以在旁邊的編輯框中直接輸入。比如：

我們首先將高度設(shè)置為67度，得到以下的效果(如果設(shè)置為90度，光源就會(huì)移到對(duì)象的正上方)：

接下來(lái)再將高度設(shè)置為較小的值(11度)，得到這樣的效果(注意，光源的高度降低了，如果將高度設(shè)置為0，光源將會(huì)落到對(duì)象所在的平面上，斜角和浮雕效果就會(huì)消失)：

使用全局光(Use Global Light)

“使用全局光”這個(gè)選項(xiàng)一般都應(yīng)當(dāng)選上，表示所有的樣式都受同一個(gè)光源的照射，也就是說(shuō)，調(diào)整一種層樣式(比如投影樣式)的光照效果，其他的層樣式的光照效果也會(huì)自動(dòng)進(jìn)行完全一樣的調(diào)整，道理很簡(jiǎn)單–通常天上只有一個(gè)太陽(yáng)。當(dāng)然，如果你需要制作多個(gè)光源照射的效果，可以清除這個(gè)選項(xiàng)。

光澤等高線(Gloss Contour)

“斜面和浮雕”的光澤等高線效果不太好把握，比如我們?cè)O(shè)計(jì)了一個(gè)這樣的等高線：

得到的效果是這樣的：

不太好理解吧，不過(guò)沒(méi)關(guān)系，到“角度”中去將“角度”和“高度”都設(shè)置為90度(將光源放到對(duì)象正上方去)，就可以明白光澤等高線究竟是怎樣作用于對(duì)象的了，如下圖(效果和我們前面介紹的幾種等高線其實(shí)是一樣的)：

高光模式和不透明度(Hightlight Mode and Opacity)

前面我們已經(jīng)提到，“斜面和浮雕”效果可以分解為兩個(gè)“虛擬”的層，分別是高光層和陰影層。這個(gè)選項(xiàng)就是調(diào)整高光層的顏色、混合模式和透明度的。比如：

將對(duì)象的高光層設(shè)置為紅色實(shí)際等于將光源顏色設(shè)置為紅色，注意混合模式一般應(yīng)當(dāng)使用“濾色”，因?yàn)檫@樣才能反映出光源顏色和對(duì)象本身顏色的混合效果�？梢耘浜辖嵌群透叨冗_(dá)到預(yù)期的效果。

陰影模式和不透明度(Shadow Mode and Opacity)

陰影模式的設(shè)置原理和上面是一樣的，但是由于陰影層的默認(rèn)混合模式是正片疊底(Multiply)，有時(shí)候修改了顏色后看不出效果，因此我們將層的填充不透明度設(shè)置為0，可以得到下面的效果：

三、等高線和紋理

等高線

“斜面和浮雕”樣式中的等高線容易讓人混淆，除了在對(duì)話框右側(cè)有“等高線”設(shè)置，在對(duì)話框左側(cè)也有“等高線”設(shè)置。其實(shí)仔細(xì)比較一下就可以發(fā)現(xiàn)，對(duì)話框右側(cè)的“等高線”是“光澤等高線”，這個(gè)等高線只會(huì)影響“虛擬”的高光層和陰影層。而對(duì)話框左側(cè)的等高線則是用來(lái)為對(duì)象(圖層)本身賦予條紋狀效果。這兩個(gè)“等高線”混合作用的時(shí)候經(jīng)常會(huì)產(chǎn)生一些讓人不太好琢磨的效果。

紋理

紋理用來(lái)為層添加材質(zhì)，其設(shè)置比較簡(jiǎn)單。首先在下拉框中選擇紋理，然后紋理的應(yīng)用方式進(jìn)行設(shè)置。

其中常用的選項(xiàng)包括：

縮放：對(duì)紋理貼圖進(jìn)行縮放。

深度：修改紋理貼圖的對(duì)比度。深度越大(對(duì)比度越大)，層表面的凹凸感越強(qiáng)，反之凹凸感越弱。

反向：將層表面的凹凸部分對(duì)調(diào)。

與圖層連接：選中這個(gè)選項(xiàng)可以保證層移動(dòng)或者進(jìn)行縮放操作時(shí)紋理隨之移動(dòng)和縮放。

到這里關(guān)于“斜面浮雕”的詳細(xì)講解就結(jié)束了。更多教程可以關(guān)注我們的微信號(hào)：uifuns

歡迎轉(zhuǎn)發(fā)評(píng)論！