放射狀背景能強力引導視線聚焦主體,是海報、Banner、UI 啟動頁、演示文稿的高頻設計元素。本教學展示兩種風格迥異的制作方法:暗調光束(濾鏡程式化生成)與扁平光束(矢量繪製+極座標變換),均在幾分鐘內完成,無需繪畫功底。
流派一:暗調光束—— 濾鏡程式化生成
核心濾鏤鏈:雜色 → 色階 → 動感模糊 → 極座標 → 濾色混合模式。
步驟詳解
- 新建文檔:1000×800px,背景填深紫徑向漸變(模擬夜空)。
- 建立雜色基底:新圖層填純黑 → 濾鏡 > 雜色 > 添加雜色(30%、高斯分佈、單色) → 命名「雜色」。
- 色階控制密度:Ctrl+L 調整色階,向右推暗部滑塊、向左拉高光滑塊,保留適量白點作為光束「種子」。
- 動感模糊點變線:濾鏡 > 模糊 > 動感模糊,角度 90°、距離拉最大(如 2000px),白點瞬間變為垂直光條。
- 極座標線變輻射:濾鏡 > 扭曲 > 極座標,選「平面座標轉極座標」,垂直光條瞬間變為中心輻射光束。
- 濾色混合顯現:將「雜色」圖層模式改濾色,黑色背景透明,只留發光光束,與漸變背景融合。
- 疊加增強:複製「雜色」圖層,高斯模糊 3px,保持濾色模式,光束更柔和濃密。
背景漸變設置
添加雜色參數
色階控制密度
動感模糊參數
極座標參數
濾色混合後光束效果
疊加增強後
暗調光束最終效果
流派二:扁平光束—— 矢量繪製+極座標
風格特點:純色色塊、幾何感強、扁平化設計風、適配扁平插畫風格海報/UI。
步驟詳解
- 新建文檔,背景深色。
- 矩形工具(形狀模式)繪製多條垂直矩形條,寬度不一、間距不一,顏色採用流行配色(如 2016 流行色:粉水晶
#F7CAC9、寧靜藍 #92A8D1)。條高超出畫布上下邊緣。
- 全選矩形圖層,右鍵柵格化圖層(或合併圖層後柵格化),必須為像素圖層才能用極座標。
- 合併為單一圖層,執行濾鏡 > 扭曲 > 極座標 > 平面座標轉極座標,瞬間獲得扁平放射狀光束。
垂直矩形條佈局(顏色可自定義)
扁平放射光束最終效果
兩法對比與選擇建議
| 維度 | 暗調光束 | 扁平光束 |
| 視覺風格 | 真實感、體積光、電影感、儀式感 | 幾何感、扁平化、現代、輕量 |
| 制作靈活度 | 參數調整迭代快、隨機性強 | 矢量階段可精確控制每條色塊 |
| 適用場景 | 遊戲/電影海報、儀式感 Banner、音樂專輯封面 | 扁平插畫風海報、APP 啟動頁、PPT 背景 |
| 核心濾鏡 | 雜色、動感模糊、極座標 | 矩形工具、極座標 |
進階變體
- 多中心輻射:暗調法中,建立多個雜色圖層,各自極座標後移動中心點,合成多光源輻射。
- 彩色光束:暗調法中,雜色圖層改用漸變映射或色相/飽和度著色後再濾色;扁平法直接用彩色矩形。
- 動畫應用:將極座標前的「垂直條紋/動感模糊中間態」作為幀序列,製作旋轉/擴散動畫。