「內發光」常被誤解為單純的「內部發光邊框」,實則是模擬「內部光源照亮半透明介質邊緣」的物理光學效果。本文從參數原理、視覺表現、實戰場景三個維度,徹底講透這個被低估的樣式效果。

本質:在圖層像素內側邊緣生成一個半透明發光帶,由「虛擬層」構成,受混合模式、不透明度、顏色、漸變、範圍、等高線等參數控制。
| 參數 | 功能 | 關鍵認知 | 實戰建議 |
|---|---|---|---|
| 混合模式 | 發光帶與下層像素混合算法 | 預設「螢幕」模式模擬光疊加;「線性淺加」更強烈;「正片疊底」可製造內陰影偽發光 | 發光效果首選「螢幕/線性淺加」;創意特效嘗試「疊加/強光」 |
| 不透明度 | 虛擬發光層整體不透明度 | 默認 75%。值越大光線越強、越實;越小越虛、越融合 | 微妙邊緣光 10-30%;明顯發光 50-85%;特效全開 100% |
| 雜色 | 發光帶內隨機透明像素比例 | 0% 純淨平滑;增加產生顆粒/霧氣/毛玻璃質感 | 毛玻璃/磨砂質感 10-40%;星塵/魔法特效 5-20% |
| 顏色/漸變 | 發光顏色分佈 | 單色:顏色框選色;漸變:從內向外/外向內色彩過渡。默認「顏色→透明」 | 單色發光用單色;魔法/科技/夢幻效果用多色漸變(如藍→紫→粉) |
| 方法 | 光線傳播衰減算法 | 「精確」:基於幾何距離的物理衰減,邊緣銳利、穿透感強;「較柔和」:基於視覺感知的平滑衰減,邊緣柔和、擴散感強 | 銳利金屬/玻璃邊緣用「精確」;有機/柔和/發散光用「較柔和」 |
| 來源 | 光源位置 | 「邊緣」:光源在內側表面(默認,符合物理直覺);「中心」:光源在幾何中心,光向外輻射(反直覺但可製造特殊效果) | 常規發光用「邊緣」;中心輻射特效(如能量核心)用「中心」 |
| 阻塞 | 控制漸變過渡陡峭度 | 與「大小」耦合:阻塞高 → 過渡陡峭(硬邊光帶);阻塞低 → 過渡平緩(大面積發光暈)。0% 時大小無效 | 銳利邊緣光:大小 5-10px,阻塞 80-100%;柔和氛圍光:大小 20-50px,阻塞 10-40% |
| 大小 | 發光帶寬度(像素) | 需配合阻塞。大小大+阻塞低=大範圍柔光;大小小+阻塞高=細銳邊緣光 | 根據圖層尺寸與解析度設定:圖標 2-8px、UI 元件 5-20px、海報主體 20-100px |
| 等高線 | 發光強度分佈曲線 | 預設線性;選擇「環形/鋸齒/自定義」可製造光環、脈動、脈衝等動態視覺效果 | 環形等高線 → 同心光環;自定義曲線 → 精準控制光強分佈 |
| 抖動 | 發光帶內隨機色彩變化 | 前提:必須使用多色漸變。單色/透明漸變無效。隨機採樣漸變色彩產生閃爍/魔法粒子感 | 魔法陣/能量場/星塵特效:多色漸變 + 抖動 20-50% |









| 場景 | 關鍵參數設置 | 配合技巧 |
|---|---|---|
| 玻璃/水晶邊緣高光 | 螢幕模式、白/淡藍單色、精確、邊緣、大小 3-8px、阻塞 80%+ | 疊加「斜面與浮雕」內部輪廓、外部高光 |
| 發光按鈕/圖標邊緣 | 線性淺加、品牌色單色、較柔和、邊緣、大小 5-15px、阻塞 30-60% | 外發光同色疊加增強輻射感 |
| 魔法/能量護盾內壁 | 強光模式、多色漸變(藍→青→白)、較柔和、中心、大小 30-80px、阻塞 20%、抖動 30% | 動畫時間軸關鍵幀抖動/大小/不透明度 |
| 毛玻璃/磨砂質感邊緣 | 正片疊底、深灰/黑單色、精確、邊緣、大小 10-30px、阻塞 50%、雜色 20-40% | 圖層填充 0%、疊加背景模糊濾鏡 |
| 舊照片/燒邊效果 | 正片疊底、棕/褐漸變、較柔和、邊緣、大小 20-50px、阻塞 40% | 配合「疊加」模式紙張紋理 |
內發光不是「邊框特效」,而是「體積光的切片模擬」。理解其物理隱喻與參數耦合關係,你就能從「調參數」進化為「設計光影」,在 UI 圖標、遊戲特效、科幻概念圖、藝術字體中靈活駕馭這個強大的視覺工具。