兔課網——UI設計有哪些常見的圖層樣式？圖層樣式是PS中一個用於製作各種效果的強大功能，可以簡單快捷地製作出各種效果，如：投影、發光、質感等。圖層樣式不是獨立存在的，它作用於圖層，讓圖層呈現多樣化的效果。
圖層樣式案例：遊戲按鈕、金屬質感
圖層樣式的特點
1、通過不同的圖層樣式選項設置，可以很容易地模擬出各種效果。例如：遊戲質感按鈕。
2、圖層樣式可以被應用於位圖圖層、智能對象圖層、形狀圖層、文字圖層等，也可以直接作用於圖層組，幾乎不受圖層類別的限制。
3、圖層樣式具有極強的可編輯性，可以隨時進行參數選項的修改，創作出變化多樣的圖像效果。
4、一個圖層可以疊加應用多種圖層樣式，樣式之間互不幹擾，均通過各自的參數屬性進行配置。
5、圖層樣式可以在圖層間進行複製粘貼(選中圖層，右鍵->拷貝圖層樣式、粘貼圖層樣式)，重複利用、單獨調整。
圖層樣式面板
10種圖層樣式
選中圖層，選擇圖層面板底部「fx」圖標，即可選擇為圖層添加樣式，打開圖層樣式面板。
圖層樣式入口
PS中定義了這十種圖層樣式，接下來為大家一一介紹這10種樣式。
遊戲按鈕圖層分解&按鈕背景圖層樣式
1.斜面和浮雕
①外斜面：沿對象、文本或形狀的外邊緣創建三維斜面。
②內斜面：沿對象、文本或形狀的內邊緣創建三維斜面。
③浮雕效果：創建外斜面和內斜面的組合效果。
④枕狀浮雕：創建內斜面的反相效果，其中對象、文本或形狀看起來下沉。
⑤描邊浮雕：只適用於描邊對象，即在應用描邊浮雕效果時才打開描邊效果。
圖層樣式面板：斜面與浮雕
斜面與浮雕樣式通常用於製作凸起或凹陷效果，如上圖常用的是結構部分，關於陰影部分，可以調整角度、高度等樣式看看實際效果。關於「光澤等高線」不常用的，默認即可，關於「高光模式」和「陰影模式」他們都與「混合模式」有關，通常是默認效果就好，不需要做調整。下一篇文章會專門介紹下混合模式。
2.描邊
描邊就是給圖層對象的外輪廓添加填充效果，給形狀圖層添加描邊效果，類似於給形狀圖層設置描邊屬性，可以達到同樣的效果。可以給同一個圖層添加多個描邊效果，多個描邊也有上下順序，排列在上面的描邊即是上層描邊，效果優先顯示在界面上。描邊的類型可以是顏色、漸變、圖案。
遊戲按鈕圖層分解&PLAY文字圖層樣式
圖層樣式面板：描邊
3.內陰影
在對象、文本或形狀的內邊緣添加陰影，讓圖層產生一種凹陷效果。內陰影也可以疊加，即一個圖層上，可以添加多種內陰影效果。
遊戲按鈕圖層分解&按鈕內陰影圖層
圖層樣式面板：內陰影
可以調整下內陰影的角度、距離、阻塞、大小，並通過「預覽」和PS界面上的實際效果，來感受下各個參數所帶來的樣式變化。
（1）角度：即陰影的方向，如上圖是90度，則自上而下呈現陰影；
（2）距離：即陰影的高度，高度越高，陰影面積越大；
（3）阻塞：即陰影的邊緣清晰度，數值越大，邊緣越清醒；
（4）大小：即陰影的大小，數值越大，陰影向中心擴散的面積越大。
4.內發光
從圖層對象、文本或形狀的邊緣向內添加發光效果。內發光是輪廓邊緣中心均勻擴散，與外發光相反。
圖層樣式面板：內發光
5.光澤
是對圖層對象內部應用陰影的效果，與對象的形狀互相作用，通常創建規則波浪形狀，產生光滑的磨光及金屬效果。使用頻率較低，且要看具體的呈現效果。
圖層樣式面板：光澤
6.顏色疊加
將在圖層對象上疊加一種顏色，即用一層純色填充到應用樣式的對象上。可以對同一個圖層疊加多種顏色，其中以最上層顏色優先出現。多個顏色可以通過「混合模式」或「不透明度」的調整，呈現最終效果。顏色疊加用的是純色，常用於改變不方便修改顏色的位圖圖層，例如一個被柵格化了的線條，就可以直接使用顏色疊加改變線條的顏色。
圖層樣式面板：顏色疊加
7.漸變疊加
在圖層對象上疊加一種漸變顏色。通過「漸變編輯器」還可以選擇使用其他的漸變顏色。可以對同一個圖層添加多種漸變疊加，其中以最上層漸變疊加優先出現。多個漸變疊加可以通過「混合模式」或「不透明度」的調整，呈現最終效果。
圖層樣式面板：漸變疊加
漸變編輯器
漸變編輯器中間的「橙色-黃色」漸變區間，即可調整漸變色。
色條上方的黑色滑塊是透明度滑塊，點擊滑塊後，即可在下方的「色標」區域，調整「不透明度」和「位置」，位置以百分比計算。
色條下方的彩色滑塊是顏色滑塊，點擊滑塊後，即可在下方的「色標」區域，調整「顏色」和「位置」，位置以百分比計算。
點擊上方「預設」區域的預設漸變顏色，可直接使用已有的漸變疊加。也可以新建、存儲、或載入更多的漸變預設。
8.圖案疊加
在圖層對象上疊加圖案，即用一致的重複圖案填充對象。從「圖案拾色器」還可以選擇其他的圖案。
圖層樣式面板：圖案疊加
當對同一個圖層應用 顏色疊加、漸變疊加、圖案疊加時，以顏色疊加為最優先顯示，其次是漸變疊加，最後是圖案疊加，他們的優先級順序即在「圖層樣式」面板左側排列的順序。
9.外發光
從圖層對象、文本或形狀的輪廓邊緣向外添加發光效果。外發光是輪廓邊緣向外均勻擴散，與內發光相反。
圖層樣式面板：外發光
10.投影
給圖層添加外部投影效果。投影參數由「混合模式」、「不透明度」、「角度」、「距離」、「擴展」和「大小」等各種選項組成，通過對這些選項的設置可以得到需要的效果。
圖層樣式面板：投影
投影的使用較為頻繁，可以調整下投影的角度、距離、阻塞、大小，並通過「預覽」和PS界面上的實際效果，來感受下各個參數所帶來的樣式變化。
（1）角度：即投影的方向，如上圖是90度，則自上而下投影；
（2）距離：即投影的高度，高度越高，投影面積越大；
（3）阻塞：即投影的邊緣清晰度，數值越大，邊緣越清醒；
（4）大小：即投影的大小，數值越大，投影向四周擴散的面積越大；
等高線之類的設置，使用頻率較低，保持默認即可。
本章小結
通過本篇文章的學習，我們知道了圖層樣式是PS中一個用於製作各種效果的強大功能，可以簡單快捷地製作出各種效果，如：投影、發光、質感等。PS中設置了10種圖層樣式，分別是：
（1）斜面與浮雕：讓圖層呈現凸起或凹下的立體效果；
（2）描邊：作用於圖層邊緣輪廓，可疊加多個描邊；
（3）內陰影：從圖層邊緣輪廓向內部投影，投影方位與角度有關，可疊加多個內陰影；
（4）內發光：從圖層邊緣輪廓向中心均勻擴散；
（5）光澤：作用於圖層上，與輪廓有關係，呈現出光澤感，不常用，要具體看呈現的效果設置；
（6）顏色疊加：給圖層疊加一層純色，可添加多個顏色疊加，以圖層面板中排列順序為呈現順序；
（7）漸變疊加：給圖層疊加一層漸變色，可添加多個漸變疊加，以圖層面板中排列順序為呈現順序；
（8）圖案疊加：給圖層疊加一層圖案；
（9）外發光：從圖層邊緣輪廓向中心均勻擴散；
（10）投影：從圖層邊緣輪廓向外部投影，投影方位與角度有關，可疊加多個投影。