光暈背景是視覺設計中營造氛圍、聚焦視線的常用手法。本教學透過多張步驟圖,示範如何利用 漸層網格工具 佈局光源中心與色彩過渡,配合 混合模式 (螢幕/正片疊底/疊加) 疊加多層光暈,快速產生豐富層次的背景氛圍圖。無需複雜 3D 渲染,純矢量即可獲得高質感光效。
核心製作邏輯
- 基底色:矩形填滿畫布,套用深色漸層作為夜空/深海基底。
- 主光暈:橢圓工具繪製大橢圓,填徑向漸層 (中心亮邊緣透明),混合模式 螢幕,置於基底上。
- 次級光暈:複製縮放主光暈,改變色相/飽和度/位置,疊加多層 (螢幕/疊加模式),豐富色彩層次。
- 漸層網格微調:對關鍵光暈物件套用 物件 > 建立漸層網格,直接選取工具拖動網格點調整色彩分佈,實現非線性、有機的光影流動感。
- 粒子/星點:散佈微小白圓/星形,不透明度變化,增加微觀細節。
關鍵參數建議
- 主光暈:徑向漸層、中心不透明度 60-80%、邊緣 0%、混合模式螢幕。
- 次級光暈:不透明度 20-40%、色相偏移 30-60°、混合模式疊加/柔光。
- 漸層網格:網格線 3-5 條即可,重點調整中心與邊緣控制點顏色。
- 圖層結構:基底 → 大光暈群組 → 中光暈群組 → 小光暈/粒子群組,群組不透明度統一控制強度。
應用場景
- 網站 Hero Banner 背景
- APP 啟動頁/空狀態插畫
- 海報/簡報標題背景
- 動態圖形 (After Effects 匯入) 光效素材
「漸層網格 + 混合模式疊加」是純矢量環境下表現有機光影最高效的組合拳,掌握後可快速產出風格多變的氛圍背景素材庫。