當前位置:首頁>ps入門教程>ps基礎教程>新手教程>教程內容

11-5 設定圖層樣式

來源:網絡 作者:趙鵬 學習:25890人次

我們在之前的課程中已經不止一次地接觸過圖層樣式,大家也一定對這個使用方便、效果出色的功能留下了深刻印象。圖層樣式是在Photoshop5.5版本時候開始出現,在版本6的時候就已發(fā)展得相當完善了。它說簡單也簡單,一些效果很容易實現也很容易理解,比如陰影、外發(fā)光等,一看就明白是作什么用的。但說復雜也復雜,有部分內容還是比較難理解的。在這里我們先從容易理解的部分入手來學習,其他更為復雜的內容大家可以到教程網站上查閱。
所謂圖層樣式,就是在不改變圖層內容的情況下,為之“化妝”產生新效果。因此圖層樣式產生的額外效果也可以認為是新建的“化妝層”,有的“化妝層”層次較高,遮擋原來圖層中的內容。而有的則較低,被圖層原有內容所遮擋。

為圖層添加圖層樣式的方法我們在之前的課程中就接觸過了,一是在圖層調板中雙擊圖層;二是點擊圖層調板下方的11-5 設定圖層樣式按鈕;三是通過菜單【圖層_圖層樣式】。一般來說第一種方式較為常用。需要注意的是在圖層調板中雙擊的位置不能在圖層名字上,那樣是更改圖層名,最好也不要雙擊縮覽圖,因為對于調整圖層來說雙擊縮覽圖是更改設定。正確的雙擊位置是圖層名右方的空白區(qū)域。
添加了圖層樣式的圖層在圖層調板中會顯示出11-5 設定圖層樣式標志并且有一個三角箭頭,點擊三角箭頭可以展開或收起所應用的圖層樣式列表。下左圖是圖層調板。
在列表的每一項前方都有一個眼睛標志,可通過單擊這個標志來隱藏(關閉)或顯示(開啟)某一單項樣式。這是非常實用的,比如我們使用了投影和外發(fā)光兩種樣式,后來覺得去掉投影可能更好些,那么就可以直接在圖層調板這里關閉該項目,而不必進入圖層樣式設定中去關閉。如果關閉了“效果”則所有圖層樣式設定被關閉。
如果要更改圖層樣式的設定,可以直接雙擊樣式項目,就會直接進入圖層樣式中該項目的設定,如果只是雙擊圖層,則只會開啟設定框而不會對應到具體的樣式項目上。
需要注意的是,在圖層樣式設定框中,點擊項目左方的勾選框將開啟該項目,但不會進入該項目的具體設定中。比如下右圖中的“投影”。而點擊文字后才能進入項目的具體設定,并且該項目將突出顯示。如下右圖中的“外發(fā)光”項目。

11-5 設定圖層樣式-11-5 設定圖層樣式

圖層樣式可以存儲到樣式調板中,也可以由樣式調板中直接應用,通過復制粘貼的方法還可以將其應用到多個圖層上。具體的方法在課程#05章節(jié)中已經提到過。為了方便講解,以下將圖層中用來應用圖層樣式的內容稱為“物體”。

1024投影應該算是最經常被使用的一種樣式,它使物體產生一種“升高”的感覺。設定如下左圖,效果如下右圖。陰影這個“化妝層”是位于物體之下的。其中的混合模式決定陰影與下級圖層的混合方式(默認為正片疊底),混合模式右方的黑色色塊是投影的顏色,單擊可開啟拾色器。在設定投影的時候,鼠標可以在圖像中拖動更改陰影的位置。
不透明度就如同圖層不透明度一樣,但只對投影這個“化妝層”有效。
角度指的是光線投射的方向,如下左圖中,圓圈中有一個從左上方到圓心的線段,這就表示光線是從左上方射下的,那么投影應該產生在右下方,這與下右圖中的情況是吻合的。
距離就是投影的陰影與物體的距離,距離設置得大,物體就給人一種漂浮的感覺,似乎距離地面很高。
擴展決定陰影的濃重程度,如果設置的過大會造成陰影的邊緣過于生硬,一般來說他的取值不宜超過下方大小的取值。
大小決定陰影的擴散程度,數值越高則陰影擴散的范圍越大,同時陰影邊緣羽化的效果也越大,看起來就越模糊,陰影形狀就越不明顯。一般來說,距離增大的同時大小也要增大,因為距離地面越高的物體,它的投影除了越遠外,也應該越模糊。
如果改變等高線引起陰影鋸齒,可以開啟消除鋸齒選項。
增加雜色比例可以減少陰影所使用的色彩數量,但同時會使陰影顆粒化。它主要應用在需要用較少的色彩來表現陰影的時候,如網頁輸出。
有關使用全局光、等高線將稍后介紹。

11-5 設定圖層樣式-11-5 設定圖層樣式

1025內陰影和投影在選項上是非常相近的(除了沒有挖空投影)。它使物體產生一種“下陷”的感覺。因此它的層次比物體要高。其中的阻塞選項與投影中的擴展選項作用是類似的。

11-5 設定圖層樣式-11-5 設定圖層樣式

1026外發(fā)光在物體外緣產生發(fā)光效果,發(fā)光的方向就是從內向外,因此沒有光線角度的選項?梢哉J為它的層次要低于物體。這種效果其實有點類似我們以前將選區(qū)羽化后填充所得到的效果,事實上陰影和發(fā)光這這兩類效果就是用類似羽化的方法來產生效果的。設定如下左圖,相應的效果如下中圖(為突出效果使用了黑色背景)。
除了使用單種顏色來發(fā)光以外,還可以用漸變色作為發(fā)光的顏色,如下右圖就是使用了紅色到黃色的漸變來發(fā)光(為突出效果,將字體顏色設為與背景相同的黑色)。
使用“柔和”方法產生的發(fā)光效果較為平緩,而“精確”方法產生的發(fā)光效果較為強烈并且邊緣生硬。

11-5 設定圖層樣式-11-5 設定圖層樣式-11-5 設定圖層樣式

1027內發(fā)光從物體的邊緣向內部產生發(fā)光效果,層次高于物體。其他選項同外發(fā)光相同。如果將“源”改為居中的話,則原先的“從邊緣向內”的發(fā)光方向將變?yōu)?ldquo;從內向邊緣”發(fā)光。他們的效果區(qū)別是,“從邊緣向內”方向的時候,物體的邊緣總是先發(fā)光,逐漸向中間區(qū)域靠攏。而“從內向邊緣”則反其道而行之,物體的中間區(qū)域總是先發(fā)光,然后才逐漸向邊緣擴散。
這樣造成的直接感覺是,邊緣方式下總能清晰看到物體的邊緣輪廓(如下中圖),而居中方式下常看不清邊界的輪廓(如下右圖)。

11-5 設定圖層樣式-11-5 設定圖層樣式-11-5 設定圖層樣式

1028斜面和浮雕適合用來營造立體感。使物體看上去不再是平面而是具有一定的體積。下右圖中的“斜”字效果如下左圖;“浮”字在此基礎上將陰影部分的暗調不透明度下降為40%;而“雕”字的效果則是將方向改為了“下”,形成一種下沉的效果;“面”字的效果是將樣式設為“外斜面”,方法設為“雕刻柔和”。“化妝”層次大部分是高于物體的(“面”字效果則低于物體)。
其余的各個選項與我們之前接觸過的內容大同小異,不必一一列舉,大家可以嘗試自己調整觀察效果。

11-5 設定圖層樣式-11-5 設定圖層樣式

1029斜面和浮雕具有兩個副選項,分別是等高線和紋理。等高線可以改變浮雕部分的形態(tài),紋理則可以為物體加上凹凸質感。可通過縮放及深度來控制凹凸感的程度。如下各圖所示。需要注意的是:用來作為紋理的圖案將被轉為灰度后才作用于物體。較深的灰度部位將形成下凹感。如果選中“反相”可將凸凹區(qū)域互換。

11-5 設定圖層樣式-11-5 設定圖層樣式-11-5 設定圖層樣式

1030光澤為物體添加上一種凌亂的皺褶反光感,類似于絲綢的表面。其原理是將物體復制兩份,在內部進行重疊處理,如下圖就是將“光澤”二字復制兩份,然后依據角度和距離進行重疊。大家可先按照下圖進行設置,然后左右拉動“距離”滑桿就會看到。對效果影響最大的是“等高線”選項。

11-5 設定圖層樣式-11-5 設定圖層樣式

1031顏色疊加、漸變疊加、圖案疊加的設置和效果就與我們以前學習過的填充圖層(填充圖層可通過【圖層_新建填充圖層】建立)相同。大家自己動手嘗試即可。它們的層次都高于物體。
需要注意的是它們三者之間存在著遮擋覆蓋關系,顏色疊加的層次最高,漸變疊加其次,圖案疊加的層次最低。這就引發(fā)出一個問題:圖案疊加的效果可能被漸變疊加遮擋而不可見,同樣的顏色疊加也可能遮擋掉漸變和圖案的效果。
在疊加一個灰度漸變后,文字呈現灰度漸變效果,但在疊加了紅色之后,漸變的效果被遮擋,結果我們只能看到一個紅色的文字。如果在顏色疊加的設置中將混合模式從“正常”改為“正片疊底”的話,就可以看到紅色與灰度漸變很好地融合在了一起,產生了從紅色到黑色的漸變效果。當然,即使不更改顏色疊加的混合模式,只是下降顏色疊加的不透明度也可以令兩者產生融合效果。如下圖各個綠色箭頭所指處。
一般來說,當同時應用到顏色疊加和漸變疊加時,都應將顏色疊加的混合模式改為“正片疊底”以實現與漸變的融合,此外“濾色”、“疊加”模式也較常用。

11-5 設定圖層樣式

1032當大家看到上圖中第二行所示的正片疊底混合模式時,也許會有一個想法,那就是從實際效果來看,紅色與灰度漸變以正片疊底模式融合的結果是產生了一種紅色到黑色的漸變。既然如此,似乎沒有必要同時使用顏色疊加和漸變疊加,而只需要設定一個從紅色到黑色的漸變樣式(設定方法參考《09_自定義漸變》),然后用作漸變疊加不就可以了嗎?換句話說,上圖中顏色與漸變的混合效果,其實只需要單獨使用漸變就可以代替了。
從最終所體現的畫面效果上來說,這樣想是沒有錯的,只使用一種疊加自然比使用兩種疊加來的省事。不過如果結合實際說的話,這樣做反而更麻煩。這里所說的麻煩是指后期修改上的麻煩,試想,如果要將最終效果從紅黑漸變改為藍黑漸變,就需要重新修改漸變樣式,可預見的步驟至少有3步:單擊漸變條進入漸變編輯、選定色標、在拾色器中拾取新顏色,F在看下左圖所示,從紅黑漸變到藍黑漸變的更改并不涉及修改漸變樣式,而只需在顏色疊加中將紅色改為藍色即可。從步驟上來說只需要一步即可實現對最終效果的修改。
這樣做節(jié)省的步驟還不止是兩步呢,之前所說的3步是建立在只需要修改一個色標的前提下的,如果有多個色標需要修改就要重復選擇色標、拾取顏色的操作。而下左圖的灰度漸變樣式并不是單一的從純黑到純白,在中間還有兩個色標存在。在這種情況下,如果不利用顏色疊加,而完全依靠漸變疊加來實現的話,在修改漸變樣式的時候就很麻煩。且下左圖中紅色箭頭所指的色標還是一個中間灰度,這樣為了確保效果完美,我們必須拾取符合這個中間灰度的紅色或藍色,也就是說要拾取兩種不同深淺的紅色或藍色。從這個例子看來,綜合使用顏色疊加與漸變疊加來實現漸變是比較明智的。但要注意漸變樣式中的色標應全部由灰度色組成,這樣才能與顏色疊加產生最好的融合效果。
當然,如果你是一個富有挑戰(zhàn)精神且有足夠耐心的人,完全可以純粹通過修改漸變樣式來達到目的,那么就請嘗試如下右圖所示,將一個灰度基調漸變改為綠色基調,這里可是需要修改25個色標的哦。如果還不夠過癮,可繼續(xù)嘗試將它改為紅色基調、藍色基調、紫色基調……

11-5 設定圖層樣式-11-5 設定圖層樣式

圖案疊加與漸變疊加的關系也同上述類似,圖案疊加的效果可能會被漸變疊加所遮擋,前提條件是漸變完全不透明且混合模式為“正常”。注意這里所指的不透明包含兩個方面,一是如顏色疊加設置中那樣的整體不透明度設定。再就是別忘了漸變樣式本身就可通過設置不透明度色標以實現半透明。

1033描邊效果在物體邊緣產生圍繞效果,如果“位置”選擇為外部則層次低于物體,由內部向四周的透明區(qū)域擴張,使得整體面積變大。為內部時則層次高于物體,由四周向內部擴張并遮擋物體,整體面積保持不變。描邊的粗細可通過大小選項來改變,單位為像素;旌夏J脚c不透明度的作用就不再重復介紹了。
除了用單一的顏色來描邊外,也可以使用漸變和圖案(包括自定義圖案)來描邊。

11-5 設定圖層樣式-11-5 設定圖層樣式

現在來講解一下什么是全局光。有一些樣式與光照角度有關,如投影、斜面浮雕等。那么為了保持整體一致性,Photoshop默認將圖像中所有圖層的所有樣式設置為同樣的光照角度,如下左圖,我們分3個圖層建立3個與光照角度有關的樣式,壹和貳是投影樣式,叁是斜面浮雕樣式。默認情況下3者的光照角度相同,光源都是位于左上角。
在全局光的作用下,如果更改了其中任何一個樣式中的光照角度,所有圖層中的所有樣式將隨之更改,如下中圖。大家可隨意將其中一個的光源改為右下角,就會看到3者的光源位置都發(fā)生了改變。
取消全局光選項后,則可以如下右圖那樣設定不同的光源位置。并且不受其他樣式更改的影響。

11-5 設定圖層樣式-11-5 設定圖層樣式-11-5 設定圖層樣式

等高線是比較特殊的設定,它對有漸隱過渡特點的樣式有效。比如投影就是從最初的濃重到后來的淡化,發(fā)光也是一個從濃重到淡化的過程。等高線可以改變漸隱過程中的變化順序。以下左圖的內陰影為例說明。大家先看下右圖中展示的曲線圖,與我們在學習曲線時候看過的差不多。按照以前的知識來說,第一個曲線圖是沒有調整效果的,第二個和第三個曲線則合并了亮度。
內陰影是從周圍出發(fā)向中心漸隱過渡,也就是從圖中的紅圈開始沿紅色箭頭漸隱到綠圈結束。那么在出發(fā)時候(紅圈處)陰影應為最濃重,逐漸淡化直至綠圈消失。左部正常的等高線使陰影正常過渡。中部的等高線則使陰影濃重的區(qū)域增加,可以按照以前的知識理解為“合并了出發(fā)點”,使一些原來處于淡化過程中的區(qū)域被強行合并到出發(fā)點的原始濃重狀態(tài)。因此看上去陰影變重了,就如同以前曲線中看到的高光(或暗調)區(qū)域合并導致圖像變亮(或變暗)一樣。
如果沒有掌握曲線命令的使用,或跳躍課程直接觀看本章節(jié),則現在一定不知所云,那就請回到曲線所在的#06章節(jié)學習吧。

11-5 設定圖層樣式-11-5 設定圖層樣式

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
自學PS20192019-09-03 05:05
我的作業(yè):
簫竹女2019-03-25 08:23
確實弄反了
簫竹女2019-03-24 09:54
我的作業(yè):我的作業(yè):
old丘八2019-01-25 09:27
學習下
2019-01-25 02:58
設定圖層樣式我的作業(yè):
斑馬尤文atSohu2018-09-19 12:06
打卡
狐狐網友2018-08-14 02:50
學習打卡
太化那小子真壞2017-12-11 08:15
打卡
挨個衛(wèi)2017-09-11 10:45
我嚴重懷疑教程有錯誤我自己做了個圓球來調整曲線,結果出來的圖像很教程完全不一樣的,是相反的。我嚴重懷疑教程有錯誤我自己做了個圓球來調整曲線,結果出來的圖像很教程完全不一樣的,是相反的。鍦熻眴 的原帖:老師講的是樣式里面的等高線,類似曲線的理解而已,等高線的調整效果怎么會跟曲線是相同的呢,我也是醉了
FRT常果2017-08-31 11:16
楓之落葉2017-07-12 01:52
張偉大2017-07-07 01:52
確實是教程弄反了Emma 的原帖:我嚴重懷疑教程有錯誤我自己做了個圓球來調整曲線,結果出來的圖像很教程完全不一樣的,是相反的。我嚴重懷疑教程有錯誤我自己做了個圓球來調整曲線,結果出來的圖像很教程完全不一樣的,是相反的。鍦熻眴 的原帖:教程上這三個例子 是圖層樣式——內陰影的舉例 不是曲線的
Emma2017-06-22 11:42
我嚴重懷疑教程有錯誤我自己做了個圓球來調整曲線,結果出來的圖像很教程完全不一樣的,是相反的。我嚴重懷疑教程有錯誤我自己做了個圓球來調整曲線,結果出來的圖像很教程完全不一樣的,是相反的。鍦熻眴 的原帖:確實是教程弄反了
huang2017-04-08 04:50
高光合并在這個教程中是特質色彩的濃重程度~你如果按照實際情況去做的話,合并高光只會讓中間的高光區(qū)域變得更亮而已。在這個教程中,有一個小技巧就是,可以通過等高線中暗部和亮度的誰多誰少來判斷到底是暗部比較多還是亮部比較多
huang2017-04-08 04:04
我嚴重懷疑教程有錯誤我自己做了個圓球來調整曲線,結果出來的圖像很教程完全不一樣的,是相反的。我嚴重懷疑教程有錯誤我自己做了個圓球來調整曲線,結果出來的圖像很教程完全不一樣的,是相反的。鍦熻眴 的原帖:高光合并在這個教程中是特質色彩的濃重程度~你如果按照實際情況去做的話,合并高光只會讓中間的高光區(qū)域變得更亮而已。在這個教程中,有一個小技巧就是,可以通過等高線中暗部和亮度的誰多誰少來判斷到底是暗部比較多還是亮部比較多

關注大神微博加入>>

網友求助,請回答!