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

11-5 設(shè)定圖層樣式

來源:網(wǎng)絡(luò) 作者:趙鵬 學(xué)習(xí):25890人次

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

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

11-5 設(shè)定圖層樣式-11-5 設(shè)定圖層樣式

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

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

11-5 設(shè)定圖層樣式-11-5 設(shè)定圖層樣式

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

11-5 設(shè)定圖層樣式-11-5 設(shè)定圖層樣式

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

11-5 設(shè)定圖層樣式-11-5 設(shè)定圖層樣式-11-5 設(shè)定圖層樣式

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

11-5 設(shè)定圖層樣式-11-5 設(shè)定圖層樣式-11-5 設(shè)定圖層樣式

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

11-5 設(shè)定圖層樣式-11-5 設(shè)定圖層樣式

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

11-5 設(shè)定圖層樣式-11-5 設(shè)定圖層樣式-11-5 設(shè)定圖層樣式

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

11-5 設(shè)定圖層樣式-11-5 設(shè)定圖層樣式

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

11-5 設(shè)定圖層樣式

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

11-5 設(shè)定圖層樣式-11-5 設(shè)定圖層樣式

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

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

11-5 設(shè)定圖層樣式-11-5 設(shè)定圖層樣式

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

11-5 設(shè)定圖層樣式-11-5 設(shè)定圖層樣式-11-5 設(shè)定圖層樣式

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

11-5 設(shè)定圖層樣式-11-5 設(shè)定圖層樣式

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

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

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

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