最終效果示意

內陰影核心作用：在 2D 平面模擬 3D 凹陷深度

與投影（外部陰影）相反，內陰影生成於圖形內部邊緣，通過位移、模糊、顏色模擬光源照射凹陷表面產生的自影，是賦予 UI 元素（按鈕、輸入框、卡片）「可點擊感」「壓入感」的關鍵屬性。

對話框參數逐項拆解

1. 混合模式

• 預設正片疊底：陰影顏色與基底色相乘，自然加深，最符合物理光學。
• 線性加深：更強烈、更「髒」的陰影，適合厚重質感。
• 正常+ 自定顏色：藝術化表現（如霓虹邊緣發光內陰影）。
• 右側顏色塊可自定義陰影色（預設黑），嘗試深藍、深紫、棕色等環境色，融入場景色調。

2. 不透明度

0% 完全透明（無效果）→ 100% 完全不透明（實心邊框感）。實戰建議 15-40%，保留細節透光感。

3. 角度與全局光

• 控制虛擬光源方向，決定陰影出現在圖形的哪一側內緣。
• 勾選「使用全局光」：文件中所有圖層特效（投影、內陰影、浮雕）共享同一光源角度，保證畫面光影邏輯統一。
• 取消勾選：單圖層獨立控制，適合特殊裝飾性元素。

4. 距離

陰影與圖形邊緣的偏移量。0px = 緊貼邊緣（細微倒角感）；增大距離 → 陰影向內縮退 → 凹陷深度感增強。UI 按鈕按下態常將距離從 0 變為 3-5px 配合縮放動畫。

5. 阻塞

控制陰影邊緣從可見到消失的過渡銳度。0% = 柔和漸變（自然光散射）；100% = 硬銳邊緣（類似內描邊）。UI 中「按下態」常將阻塞拉至 50-100% 強化壓入反饋。

6. 尺寸

陰影模糊半徑。0px = 銳利線條；每增加 1px 向內外各擴散 1px。尺寸 ≈ 距離 × 2-3 時，邊緣過渡最自然。大尺寸配合低不透明度可模擬大面積柔和陰窩。

7. 等高線

預設「線性」對應物理光衰減。選擇「環形」「鋸齒」「倒 U 型」等非線性曲線可產生：多重邊緣、發光凹槽、金屬倒角 等特殊效果。建議勾選「消除鋸齒」，邊緣更平滑，性能開銷極小。

8. 雜色

為陰影添加隨機顆粒感。0% = 純淨；10-30% = 粗糙質感（水泥、砂紋、做舊）**；>30% 易產生髒汙感。配合「消除鋸齒」使用效果最佳。

實戰預設組合速查表

場景	模式	不透明度	角度	距離	阻塞	尺寸	等高線	雜色
iOS 風格按鈕常態	正片疊底	20%	90° (全局)	0px	0%	3px	線性	0%
Material 按鈕按下態	正片疊底	30%	90° (全局)	4px	50%	8px	線性	0%
內凹輸入框	正片疊底	15%	90° (全局)	1px	0%	4px	線性	5%
做舊金屬標牌	正片疊底	40%	120°	3px	20%	10px	環形	25%
霓虹發光內邊	正常 (青色)	60%	90°	0px	100%	2px	倒U型	0%

保存/載入預設與團隊協作

• 調好參數後點「設為預設」，新建圖層特效自動套用。
• 點「儲存」導出 .asl 樣式文件，團隊共享統一設計語言。
• 「重置為預設」可一鍵還原 Adobe 原廠值。

總結

內陰影看似簡單 8 個參數，實則控制著「深度、材質、光源、質感」四大視覺維度。掌握參數物理意義，結合全局光統一與預設複用，即能在 UI、圖標、插畫、字效中游刃有餘地塑造空間層次。