「顏色疊加、漸變疊加、圖案疊加」三胞胎樣式，本質都是在圖層上方疊加一個「虛擬填充層」，混合模式默認「正常」，不透明度默認 100%。區別僅在於「虛擬層」的填充內容：純色、漸變、或圖案。本文逐項拆解三者的專屬參數，並揭示「疊加順序對視覺結果的決定性影響」與「配合混合模式/不透明度/填充不透明度的進階玩法」，讓你從「會打開面板」進階到「會設計填充邏輯」。

一、顏色疊加：最純粹的「著色器」

• 核心參數：顏色拾取器、混合模式（默認正常）、不透明度（默認 100%）。
• 視覺邏輯：結果 = 基色 × (1-不透明度) + 疊加色 × 不透明度（正常模式下）。
• 實戰場景：
  ① 統一圖標顏色（圖層填充 0% + 顏色疊加）→ 顏色統一管理。
  ② 黑白圖層著色（不透明度 30-50% + 正常模式）→ 保留原圖明度結構。
  ③ 按鈕狀態切換（正常/懸停/按下/禁用）僅改顏色疊加色值 → 零圖層複製。

二、漸變疊加：最強大的「程序化著色器」

除共享「混合模式/不透明度」外，專屬三大參數構成漸變定義三維空間：

參數	核心作用	進階玩法
漸變	定義顏色停靠點、中間點、透明度停靠點	「噪點漸變」產生隨機色帶；「透明度停靠」造虛實相間條紋
樣式	5 種幾何映射：線性/徑向/角度/對稱/菱形	角度樣式+「與圖層對齊」控制極坐標原點，造放射狀/環形漸變
縮放	截取漸變定義域的比例（100%=全域，>100% 重複平鋪，<100% 截取中心）	動畫關鍵幀「縮放 0%→100%」= 漸變展開動畫；配合角度旋轉=旋轉漸變

「角度樣式」與「與圖層對齊」的幾何奧秘

• 勾選對齊：極坐標原點 = 圖層像素內容幾何中心（如圓形層中心）。
• 取消對齊：極坐標原點 = 圖層畫布幾何中心（含透明區）。
• 實戰：做圓形進度條/雷達掃描/全息投影環，必須勾選對齊，否則旋轉中心偏移導致視覺抖動。

三、圖案疊加：紋理/材質/重複裝飾的「一鍵鋪滿器」

• 參數邏輯與斜面浮雕 > 紋理完全一致：圖案選擇、縮放、對齊、鏈接、圖案預設管理器。
• 實戰場景：
  ① 金屬拉絲/碳纖維/織物/紙張紋理 → 疊加模式疊加/柔光/正片疊底，不透明度 10-30%。
  ② 透明圖案（PNG 定義） → 正常模式 100% → 產生「鏤空/網格/點陣」幾何裝飾。
  ③ 動畫：關鍵幀「偏移」參數 → 圖案流動/滾動/呼吸動畫（需視頻時間軸）。

進階組合拳：疊加順序與填充不透明度的「化學反應」

疊加順序（自下而上，後蓋前）

1. 顏色疊加（底色）
2. 漸變疊加（色調/光影）
3. 圖案疊加（紋理/細節）
4. 描邊（邊框）
5. 內陰影/內發光/斜面浮雕（立體）
6. 外發光/投影（空間）

改變順序會改變結果！例如：圖案疊加置於漸變疊加下方，圖案會被漸變著色；置於上方，圖案保留原色。請根據「材質邏輯」決定順序：底色 → 光影 → 紋理 → 邊框 → 立體 → 空間。

填充不透明度 = 「只保留樣式，隱藏原圖層內容」的魔法鑰匙

• 將圖層填充不透明度設 0%，原圖層像素消失，但所有圖層樣式完整保留。
• 應用：
  ① 純樣式圖標（無像素內容，全靠描邊/疊加/斜面浮雕成形）。
  ② 玻璃/水晶效果：填充 0% + 斜面浮雕(內/外) + 內發光/外發光 + 描邊。
  ③ 文字特效：填充 0% + 多層描邊/投影/發光，文字可編輯、特效可復用。

避坑指南

1. 漸變疊加「反向」勾選後，角度樣式旋轉方向不變，僅首尾色對調。需配合「角度」參數旋轉 180° 才能真正反轉漸變方向。
2. 圖案疊加「縮放」超過 1000% 會導致圖案模糊（PS 內部雙三次插值），大尺寸輸出請用高解析度源圖定義圖案。
3. 顏色疊加混合模式改「顏色」而非「正常」，可僅改變色相/飽和，保留原圖明度，適合「換膚色/換衣色」不改結構。

三種疊加，本質是「可編程的填充層」。把參數當代碼寫，把疊加順序當渲染管線排，把填充不透明度當開關控，你就擁有了在 PS 內構建參數化材質系統的能力。下次做設計系統組件庫時，試著把「主色/輔助色/警示色/品牌漸變/標準紋理」封裝成 .asl 樣式庫，全團隊一鍵同步，效率提升可見度。