2.5 圖層混合模式與圖層樣式

在Photoshop中，圖層混合模式和圖層樣式都能為UI元素添加不同的特殊效果，在UI設計中是常用的功能。

2.5.1 圖層透明效果

“圖層”面板中有“不透明度”和“填充”兩個控制圖層不透明度的選項。在這兩個選項中，100%代表了完全不透明、50%代表了半透明、0%代表了完全透明。

“不透明度”用于控制圖層、圖層組中繪制的像素和形狀的不透明度，如果對圖層應用了圖層樣式，則圖層樣式的不透明度也會受到該值的影響。“填充”只影響圖層中繪制的像素和形狀的不透明度，不會影響圖層樣式的不透明度。

添加了“外發光”效果的圖標，調整圖層“不透明度”時，會對圖標及發光效果都產生影響，如圖2-98所示。

圖層混合模式分為6組，共27種，不同組的圖層混合模式也可以產生相似的效果或有著相近的用途，如“正片疊底”模式和“線性加深”模式的效果相似，如圖2-101所示。

3. 內發光

“內發光”樣式可以沿圖層內容的邊緣向內創建發光效果。圖2-104所示為“內發光”的參數選項設置及添加“內發光”樣式前后的效果對比。

03　使用“橢圓工具”在畫面中心繪制橘色（R:253,G:149,B:26）填充、無描邊的圓形，如圖2-111所示。

04　雙擊“圓形”圖層，打開“圖層樣式”對話框，勾選“內陰影”樣式，設置其參數，其中“混合模式”右側的顏色為橘黃色（R:255,G:144,B:0），如圖2-112所示。

08　在“圖層樣式”對話框中勾選“漸變疊加”樣式，設置其參數，其中“漸變”顏色為橘黃色（R:255,G:155,B:38）到橘紅色（R:255,G:60,B:0），如圖2-118所示。

10　設置前景色為黑色，按Alt＋Delete組合鍵，在選區內填充黑色，如圖2-121所示。

11　設置背景色為白色，執行“濾鏡”→“渲染”→“分層云彩”命令，為選區添加分層云彩效果，如圖2-122所示，將該圖層命名為“云彩”。

12　按住Ctrl鍵并單擊“圓形”圖層縮略圖，創建圓形的選區，如圖2-123所示。

13　按Ctrl+J組合鍵復制“云彩”圖層，將復制的圖層命令為“太陽”，隱藏“云彩”圖層，此時畫面效果和“圖層”面板如圖2-124所示。