圖層樣式詳解-文檔資料

1、1圖層樣式2從對(duì)投影樣式和斜面、浮雕樣式中的等高線的工作原理的探討中剖析其本質(zhì)。投影樣式是圖層樣式中一個(gè)較為典型的樣式，而斜面和浮雕樣式又是其中變化最為豐富的一個(gè)。明白了它們的工作原理，其它的自然迎刃而解。3投影樣式如下圖（圖1）。我們建立一個(gè)矩形選區(qū)，填充藍(lán)色（0，0，255）。這將是我們的探討基礎(chǔ)。一、投影樣式及等高線設(shè)置4投影樣式對(duì)話框包含兩個(gè)部分：結(jié)構(gòu)和品質(zhì)。u混合模式：正片疊底是制作投影的一個(gè)理想的混合模式，大家可以試試其他模式和此模式的不同。（混合模式的原理以后再談）。旁邊的矩形黑色塊可選，也就是投影色。這里的意思是說，黑色和背景色將以正片疊底的模式混合以產(chǎn)生投影效果。下邊的不透明

2、度控制著投影的透明度，這個(gè)很容易理解。u角度：光線的照射方向。使用全局光：圖層效果可能是很多的，勾選其則可以統(tǒng)一光源，使各層效果更和諧統(tǒng)一。u距離：物體本身和投影的距離。u大?。哼@里之所以先說“大小”而把“擴(kuò)展”放在后邊，是我覺得這樣更容易理解。大小，是將以投影的外邊緣為準(zhǔn)，向左右兩邊呈對(duì)稱狀虛化多大小，是將以投影的外邊緣為準(zhǔn)，向左右兩邊呈對(duì)稱狀虛化多少像素少像素這也是后邊可調(diào)的參數(shù)。記住,大小的范圍也是等高線的作用范圍。看圖，拖出三條垂直參考線，每?jī)蓷l之間間隔50像素。中間的一條與投影外邊緣重合。5圖2是把“大小”設(shè)定為50像素時(shí)的情況。6等高線調(diào)整原理等高線調(diào)整原理如上圖:等高線編輯器橫軸

3、從左向右意味著從遠(yuǎn)至近（即從外側(cè)到內(nèi)測(cè)即從外側(cè)到內(nèi)測(cè)）的距離，是說在不同的距離上我們輸入了多少數(shù)值?？v軸表示投影的不透明度。從下往上映射著投影的透明度從高到低（即從亮到暗的變化即從亮到暗的變化）。線性等高線輸入多少輸出就是多少。這從左邊的投影能看出來，投影從左往右是一個(gè)透明度從高到低的過程。需要指出的是，“大小大小”范圍之外往右部分的透明度以范圍之外往右部分的透明度以“大小大小”最右邊的透明度為準(zhǔn)最右邊的透明度為準(zhǔn)。7擴(kuò)展：雜邊位置。作用范圍亦即“大小”范圍(寬展范圍受“大小”限制)。本例在左右參考線之間。參數(shù)的增大意味著它將使等高線的作用范圍向左推移。而其作用效果是推擠等高線效果。為便于觀察

4、我設(shè)置了如圖鋸齒狀等高線（圖3）。850%時(shí)把等高線效果擠在左、中參考線之間（圖4）9100%時(shí)等高線效果被擠壓于最左邊參考線，基本看不出來了。也可以說是沒有了（圖5）10等高線調(diào)整原理等高線調(diào)整原理如圖（圖6）:等高線編輯器橫軸從左向右意味著從遠(yuǎn)至近（即從外側(cè)到內(nèi)測(cè)即從外側(cè)到內(nèi)測(cè)）的距離，是說在不同的距離上我們輸入了多少數(shù)值?？v軸表示投影的不透明度。從下往上映射著投影的透明度從高到低（即從亮到暗的變化即從亮到暗的變化）。線性等高線輸入多少輸出就是多少。這從左邊的投影能看出來，投影從左往右是一個(gè)透明度從高到低的過程。需要指出的是，“大小大小”范圍之外往右部分的透明度以范圍之外往右部分的透明度以

5、“大小大小”最右邊的透明度為最右邊的透明度為準(zhǔn)準(zhǔn)。11從投影樣式看，等高線是在不同的距離（或陰影位置）上對(duì)不同透明度的顏色（自定義）的映射，它和地圖上的等高線僅僅是在外形上相似而已。12二、斜面與浮雕及等高線設(shè)置u 斜面、浮雕樣式是圖層樣式中變化最為豐富的樣式。通過對(duì)它的探討，我們能或許能找到等高線的本質(zhì)。u 存在兩種等高線樣式：光澤等高線和子集等高線。u 去掉投影樣式。勾選“斜面、與浮雕”。（圖8）深度：358；大?。?0；角度：90高度：30軟化：013u 樣式選擇“內(nèi)斜面”；方法選擇“雕刻清晰”；深度：358%；方向：上；大小50像素；軟化：0像素。u 關(guān)鍵部位：陰影。u 角度和高度是標(biāo)

6、示虛擬光源的位置。角度和高度的不同會(huì)影響虛擬光源對(duì)其模擬的浮雕產(chǎn)生光量不同的照射（角度控制光線方向，高度角度控制光線方向，高度控制陰影范圍。控制陰影范圍。）。這里，我們調(diào)整角度為90度，默認(rèn)高度30度。u 光澤等高線選項(xiàng)下邊，分高光模式和陰影模式兩部分。我們先分別把不透明度調(diào)到100%（為了方便我們的求證）。u 高光模式為濾色，后邊的顏色可選，默認(rèn)為白色。陰影模式為正片疊底，后邊顏色也是可選，默認(rèn)黑色。（在下邊的論述中，我們把這兩個(gè)可以自定義的顏色分別稱為光源色和陰影色光源色和陰影色）斜面與浮雕參數(shù)設(shè)置14高光與陰影是什么意思呢？ 在西方繪畫中，要求得物體的立體感，空間感，是有一整套理論的。物

7、體接受到光照后，會(huì)產(chǎn)生三大部分，即受光部分、側(cè)受光部分、不受光部分。細(xì)分的話還可以分為高光、亮面、中間調(diào)子、明暗交界線、反光五部分。這就是西方寫實(shí)繪畫的理論基礎(chǔ)：三大面五大調(diào)子。而Adobe為了在二維平面中模擬浮雕效果，就借助這些理論。 如圖：浮雕上側(cè)面為直接受光部分，浮雕頂部為側(cè)受光部分，兩側(cè)和底部為不受光部分（不是完全的不受光，而是不直接受光）。15為了完成對(duì)浮雕的模擬，Adobe在受光部和不受光部采取了兩種模式，即在受光部采取白色（默認(rèn)光源色）和原本色（在本例中為藍(lán)色，在下面的論敘中我們不妨借用美術(shù)專業(yè)術(shù)語，以“固有色”代之），并以濾色模式混合；陰影部分采取黑色（默認(rèn)陰影色）和固有色以正

8、片疊底的模式混合。這些默認(rèn)的模式是獲得浮雕效果的最佳選擇。大多數(shù)情況下，配合線性光澤等高線，我們不用改變這些選項(xiàng)就可模擬出很好的斜面和浮雕效果。在這里，我們需要明確一個(gè)問題，就是：以濾色模式參與混合的白色和以正片疊底模式參與混合的黑色扮演了一個(gè)什么樣的角色呢？是100%的白或黑與固有色色參與混合嗎？為了看得明白，我們更換掉白色和黑色，代之以綠色和紅色。并且，混合模式全部換成“正?！保▓D9a）。高光和陰影部分以綠色和紅色代替；頂部還是固有色；兩側(cè)為暗部中稍亮部分，是紅色和原色藍(lán)色的混合紫色。16變更角度和高度，看看會(huì)發(fā)生什么樣的變化。（圖9b、c、d）有什么變化呢？高光部分的綠色和陰影部分的紅色

9、有了不同的變化，隨著光量的減少，綠色的色相亮度值也在減小，陰影部分稍亮部分如兩側(cè)顏色也在變化。大家可以多變更幾次試試結(jié)果。17以角度-高度分別為0-0；0-90；90-0；90-90；45-0；45-90加以比較紅色+藍(lán)色=紫色藍(lán)色+綠色=青色18將混合模式改回“濾色”、“正片疊底”，角度還是改為90度，默認(rèn)高度?？纯从职l(fā)生了什么變化？高光變成了青色，陰影部分最黑的還是黑色。（圖10）19更改高度，觀察變化。（圖11）20這說明，Adobe參與濾色混合的光源色不是一成不變的。而是根據(jù)角度和高度的變化，“光源”色相的亮度也在變化。光線最強(qiáng)時(shí)是高亮的綠，光線弱時(shí)是明度值暗的綠。由此可見，Adobe

10、模擬光線對(duì)浮雕的投射效果還是比較符合實(shí)際情況的。現(xiàn)在開始猜想：光澤等高線在這里起什么作用呢？經(jīng)過觀察，類似曲線功能，難道這就是曲線？我們不妨先調(diào)調(diào)試試。（圖12）21 在等高線和曲線命令中的貝賽爾曲線形狀一樣，雖然都是調(diào)亮圖象，但是終究不是。在曲線中，橫軸代表色階，縱軸代表色階的亮度。那么，等高線中的橫、縱軸分別以為著什么呢？ 和曲線相同的是，橫軸代表色階，而縱軸則不一樣了，在最高點(diǎn)，是光源色和固有色（本例中的藍(lán)色）的濾色的結(jié)果色；最低點(diǎn)，是固有色和陰影色正片疊底的結(jié)果色；中點(diǎn)，是固有色。從上到下，依次是透明度的變化。如圖（圖13）色階是表示圖像亮度強(qiáng)弱的指數(shù)標(biāo)準(zhǔn)，也就是我們說的色彩指數(shù)，在數(shù)

11、字圖像處理中，指的是灰度分辨率。圖像的色彩豐滿度和精細(xì)度是由色階決定的。色階指亮度，和顏色無關(guān)，但最亮的只有白色，最不亮的只有黑色。22色階從左到右發(fā)生由暗到亮的變化只調(diào)整縱軸位置的曲線變化，觀察一下縱軸的作用最上邊是青色，是光源色綠色和固有色藍(lán)色濾色的的結(jié)果色；最下邊是黑色，是陰影色紅色和固有色藍(lán)色正片疊底的結(jié)果色；中間是固有色。等高線工具中，選擇“自定義”，“邊角”選項(xiàng)賦予等高線更為豐富的變化23光澤等高線的工作原理：從上邊可以看出，光澤等高線是在不同的色階上對(duì)不同透明度的高光和陰影結(jié)果色之間的映射。24將子集等高線的范圍滑塊拖到50%處，分別載入錐形、鋸齒形樣式。（圖16）相當(dāng)于油畫框！

12、相當(dāng)于油畫框！25Adobe的本意就是通過子集等高線在模擬邊框的剖面線！有了這個(gè)子集等高線，斜面、和浮雕樣式可以有更華麗繁復(fù)的變化。子集等高線從左向右意味著邊框由外到內(nèi)的距離。（圖18）26u 正對(duì)虛擬光源的斜面映射光澤等高線的中最亮面的顏色（受高度和角度的影響），背對(duì)虛擬光源的斜面映射最暗面顏色，以此形成一種強(qiáng)對(duì)比。側(cè)對(duì)虛擬光源的斜面將以固有色或陰影色為基礎(chǔ)產(chǎn)生一種弱對(duì)比。但當(dāng)斜面的坡度變緩，也就是當(dāng)斜面接近水平線時(shí)，這種對(duì)比將越來越?。划?dāng)坡度為零，也就是沒有斜面，對(duì)比消失，顯示固有色。u 頂點(diǎn)映射固有色。u 頂點(diǎn)呈平滑曲線時(shí)，由頂點(diǎn)向兩側(cè)產(chǎn)生平滑漸變。（圖19）27我們也可以換換其它的形狀

13、來看看變化。（圖20）28無論等高線的形狀如何變化，它都不過是在不同的距離上通過一定的方式對(duì)不同顏色的映射。投影如是，光澤等高線（只會(huì)影響“虛擬”的高光層和陰影層。）如是，子集等高線（用來為對(duì)象(圖層)本身賦予條紋狀效果。）也如是。有人問，光澤等高線的橫軸的色階也是距離嗎？當(dāng)然是。色階是不同亮度的像素集合與集合之間的距離。不管圖形如何變化，規(guī)律都是一樣的。29斜面與浮雕結(jié)構(gòu)樣式斜面和浮雕（BevelandEmboss）可以說是Photoshop層樣式中最復(fù)雜的，其中包括內(nèi)斜面、外斜面、浮雕、枕形浮雕和描邊浮雕，雖然每一項(xiàng)中包涵的設(shè)置選項(xiàng)都是一樣的，但是制作出來的效果卻大相徑庭。30內(nèi)斜面 首先

14、來看內(nèi)斜面，添加了內(nèi)斜角的層會(huì)好像同時(shí)多出一個(gè)高光層(在其上方)和一個(gè)投影層(在其下方)。投影層的混合模式默認(rèn)為“正片疊底”(Multiply)，高光層的混合模式默認(rèn)為“濾色”(Screen)，兩者的透明度都是50%。兩個(gè)層配合起來，效果就多了很多變化。 為了看清楚這兩個(gè)“虛擬“的層究竟是怎么回事，我們先將圖片的背景設(shè)置為黑色，然后為圓所在的層添加“內(nèi)斜面”樣式，再將該層的填充不透明度設(shè)置為0。這樣就將層上方“虛擬”的高光層分離出來了，如圖：31類似的，我們?cè)賹D片的背景色設(shè)置為白色，然后為圓所在的層添加“內(nèi)斜面”樣式，再將該層的填充不透明度設(shè)置為0。這樣就將層下方“虛擬”的投影層分離出來了，

15、如下圖：這兩個(gè)這兩個(gè)“虛擬虛擬“的層配合起來構(gòu)成的層配合起來構(gòu)成“內(nèi)斜內(nèi)斜角角“效果，類似于來自左上方的光源照射效果，類似于來自左上方的光源照射一個(gè)截面形為梯形的高臺(tái)形成的效果。一個(gè)截面形為梯形的高臺(tái)形成的效果。32外斜面被賦予了外斜面樣式的層也會(huì)多出兩個(gè)“虛擬”的層，一個(gè)在上，一個(gè)在下，分別是高光層和陰影層，混合模式默認(rèn)依然分別是正片疊底(Multiply)和濾色(Screen)，這些和內(nèi)斜面都是完全一樣的，不再贅述。我們可以使用和前面完全一樣的方法分別將“虛擬”的高光層和陰影分離出來，如下圖：看似與內(nèi)斜面效果差不多，其實(shí)不然，試著把他們的數(shù)值調(diào)大些。就可以非常直觀的看到他們的不同了。33浮

16、雕前面介紹的斜面效果添加的“虛擬”層都是一上一下的，而浮雕效果添加的兩個(gè)“虛擬”層則都在層的上方，因此我們不需要調(diào)整背景顏色和層的填充不透明度就可以同時(shí)看到高光層和陰影層。這兩個(gè)“虛擬”層的混合模式以及透明度仍然和斜面效果的一樣。（相（相當(dāng)于一對(duì)外斜面與內(nèi)斜面的結(jié)合）當(dāng)于一對(duì)外斜面與內(nèi)斜面的結(jié)合）34枕狀浮雕枕狀浮雕枕狀浮雕相當(dāng)復(fù)雜，添加了枕狀浮雕樣式的層會(huì)一下子多出四個(gè)“虛擬”層，兩個(gè)在上，兩個(gè)在下。上下各含有一個(gè)高光層和一個(gè)陰影層。因此枕形浮雕是兩隊(duì)內(nèi)斜面和外斜面的混合體。比如：在這個(gè)例子中，圖層首先被賦予一個(gè)內(nèi)斜面樣式，形成一個(gè)突起的高臺(tái)效果，然后又被賦予一個(gè)外斜面樣式，整個(gè)高臺(tái)又陷入一

17、個(gè)“坑”當(dāng)中，最終形成了如圖所示的效果（下一圖層的填充色設(shè)為灰色）。35方法(Technique)這個(gè)選項(xiàng)可以設(shè)置三個(gè)值，包括平滑(Soft)、雕刻柔和(ChiselSoft)、雕刻清晰(ChiselHard)。其中“平滑”是默認(rèn)值，選中這個(gè)值可以對(duì)斜角的邊緣進(jìn)行模糊，從而制作出邊緣光滑的高臺(tái)效果，如下圖。36如果選擇“雕刻清晰“，效果是這樣的：37雕刻柔和”是一個(gè)折中的值：38深度(Depth)“深度”必須和“大小”配合使用，“大小”一定的情況下，用“深度”可以調(diào)整高臺(tái)的截面梯形斜邊的光滑程度。比如在“大小”值一定的情況下，不同的“深度”值產(chǎn)生的效果。首先將“深度”設(shè)置的小一些：39再將“深

18、度”設(shè)置為最大(1000%)u 方向(Direction)：方向的設(shè)置值只有“上”和“下”兩種，其效果和設(shè)置“角度”是一樣的。在制作按鈕的時(shí)候，“上”和大小(Size)大小用來設(shè)置高臺(tái)的高度，必須和“深度”配合使用。u 柔化(Soften)：柔化一般用來對(duì)整個(gè)效果進(jìn)行進(jìn)一步的模糊，使對(duì)象的表面更加柔和，減少棱角感。40角度(Angle)這里的角度設(shè)置要復(fù)雜一些。圓當(dāng)中不是一個(gè)指針，而是一個(gè)小小的十字，通過前面的效果我們知道，角度通常可以和光源聯(lián)系起來，對(duì)于斜面和浮雕效果也是如此，而且作用更大。斜面和浮雕的角度調(diào)節(jié)不僅能夠反映光源方位的變化，而且可以反映光源和對(duì)象所在平面所成的角度，具體來說就是那個(gè)小小的十字和圓心所成的角度以及光源和層所成的角度(后者就是高度)。這些設(shè)置既可以在圓中拖動(dòng)設(shè)置，也可以在旁邊的編輯框中直接輸入。比如：我們首先將高度設(shè)置為67度，得到以下的效果(如果設(shè)置為90度，光源就會(huì)移到對(duì)象的正上方)：41接下來再將高度設(shè)置為較小的值(11度)，得到這樣的效果(注意，光源的高度降低了，如果將高度設(shè)置為0，光源將會(huì)落到對(duì)象所在的平面上，斜角和浮雕效果就會(huì)消失)：42使用全局光(UseGlobalLight)“使用全局光”這個(gè)選項(xiàng)一般都應(yīng)當(dāng)選上，表示所有的樣式都受同一個(gè)光源的照射，