效果拆解與核心邏輯
最終效果由多層同心圓環疊加組成,核心技法包括:布爾運算建構圓環、鎖定透明像素著色、混合模式疊加發光、蓋印縮放構成景深、橢圓羽化渲染環境光、色彩減淡模式高光、外發光筆刷粒子、調整圖層統一色調。所有圓環共用同一中心點,透視一致。
畫布與基準線建立
- 新建 800×800 px 文件,背景填充黑色
- Ctrl+R 顯示標尺 → 拖曳兩條十字參考線交於畫布中心,作為所有圓環共同圓心
圓環基礎構建(重複 4-5 組)
- 新建圖層,橢圓選框工具按 Shift+Alt 從中心點向外拖曳正圓選區 → 填充白色
- 同中心點再拉一個較小正圓選區 → Delete 刪除 → 得到白色圓環
- 鋼筆工具勾勒幾個閉合路徑(缺口/裝飾缺口) → 轉選區 → Delete 刪除 → 形成斷裂/裝飾圓環
- 鎖定透明像素(圖層面板鎖圖示第一個) → 填充基底色(橙 #ff8800) → 紅色畫筆局部點綴 → 圖層不透明度 50%
重複上述步驟建立不同半徑/寬度/缺口的圓環圖層,建議 4-5 組,由內而外排列。
混合模式賦予發光質感
- 最內層/核心圓環:正常模式,不透明度 50%
- 中間層:混合模式改為 「顏色減淡」,產生高亮發光感
- 外層:正常/疊加,不透明度 30-60% 視層次調整
蓋印縮放形成景深
- 隱藏背景圖層
- 最頂層新建圖層 → Ctrl+Alt+Shift+E 蓋印可見圖層
- Ctrl+T 稍微縮小(約 90-95%) → 顯示背景 → 形成「光環懸浮於背景上方」的景深感
環境光暈渲染
- 背景圖層上方新建圖層
- 橢圓選框拉大橢圓選區(覆蓋光環下半部) → 羽化 80 px → 填充紅色(Alt+Delete)
- 複製該圖層,Ctrl+T 調整大小位置疊加,豐富光暈層次
外部光暈與高光強化
- 背景上方新建圖層,紅色軟邊畫筆(流量 10-20%)在圓環外緣輕輕塗抹淡紅光暈
- 最頂層新建圖層,模式「顏色減淡」,前景黃色,畫筆點繪核心高光區
粒子光點與外發光
- 新建圖層,紅色硬邊畫筆點繪不規則小圓點(大小變化)
- 圖層樣式 → 「外發光」:顏色紅/橙,擴展 10-20%,大小 30-50 px,範圍 50%
- 複製粒子圖層 2-3 次,Ctrl+T 旋轉/縮放/移動,形成群聚感
最終調色收尾
- 新建「亮度/對比度」調整圖層:亮度 +10,對比度 +15
- 微調細節:局部加深/減淡、補充高光、清理雜點
- 輸出最終效果
關鍵參數速查表
| 步驟 | 關鍵操作 | 核心參數/設定 |
| 建立基準線 | 標尺拉參考線 | 畫布中心交點 |
| 圓環布爾運算 | 大圓減小圓 | 同中心點,橢圓選框+Shift+Alt |
| 缺口製作 | 鋼筆路徑→選區→刪除 | 閉合路徑,轉選區羽化 0 |
| 著色 | 鎖透明像素+填充/畫筆 | 橙底+紅點綴,不透明度 50% |
| 發光模式 | 中間層混合模式 | 顏色減淡 |
| 蓋印縮放 | Ctrl+Alt+Shift+E → Ctrl+T | 縮放 90-95% |
| 環境光暈 | 橢圓選區+羽化+填充 | 羽化 80px,紅色,疊加多層 |
| 粒子外發光 | 圖層樣式 | 外發光:紅/橙,擴展 15%,大小 40px |
| 最終調色 | 亮度/對比度調整圖層 | 亮度 +10,對比度 +15 |
避坑指南
- 中心點漂移: 所有圓環、光暈、粒子必須嚴格對齊初始參考線中心,否則破壞數碼感
- 圖層順序混亂: 由下而上:背景 → 環境光暈 → 圓環組(內→外) → 蓋印縮放層 → 外部光暈 → 高光層 → 粒子層 → 調整圖層
- 過度發光: 「顏色減淡」模式極易過曝,配合低不透明度(30-50%)使用,必要時加蒙版局部遮罩
- 解析度依賴: 羽化半徑、模糊半徑、發光大小均與畫布解析度正相關,本教學基於 800px 基準,實際專案請按比例換算
延伸應用
- 改變基底色相(藍/綠/紫)即可產出不同色系能量環
- 結合動畫面板,對圖層不透明度/旋轉/縮放做關鍵幀,可製作脈動/旋轉光環動畫
- 作為 UI 圖示、遊戲特效、科幻海報核心元素直接複用