放射狀光芒背景廣泛應用於廣告海報、英雄區、電商促銷頁,能強力引導視覺焦點。本教學提供兩種 Fireworks 純矢量製作法,無需外掛濾鏡,完全可編輯、可縮放、可動畫化。

工具列長按「矩形工具」→ 選「星形工具」 → 畫布點擊拖曳繪製預設五角星。


選中星形 → 左下角控制點(尖端內凹控制點)向上拖曳 → 角數增加提示顯示 → 調整至 30-60 角(視密度需求)。

星形上方四個控制點:選擇「半徑控制點 2」(內凹控制點)向中心拖曳 → 形成海膽狀密集尖刺。


拖曳「弧度控制點 2」(外凸控制點)向外 → 尖刺變長、間距變大。


拖曳「弧度控制點 1」向中心 → 形成花心極小的雛菊狀放射形狀。


填充模式改「放射漸變」 → 中心高亮色(白/亮黃)→ 邊緣主色調(紅/藍/紫)→ 透明。

繪製同尺寸正圓 → 同樣放射漸變但色相差異(如互補色)→ 置於星形下層。


繪製無填充矩形框住所需區域 → 選中星形+圓形 → Ctrl+X 剪切 → 選中矩形框 → Ctrl+Shift+V「貼入內部」→ 完成裁切。


文字置中、加外發光/投影;散佈小星星點綴,完成海報級背景。
方法二適合將現有條紋素材快速轉換,但輸出為位圖,縮放品質受限。
| 維度 | 星形工具法 | 極座標濾鏡法 |
|---|---|---|
| 編輯性 | 完全矢量,隨時調整角數、粗細、漸變 | 位圖輸出,需重做調整 |
| 檔案體積 | 極小(幾 KB) | 較大(依解析度) |
| 動畫潛力 | 可對控制點/漸變/旋轉做補間動畫 | 需逐幀位圖動畫 |
| 適用場景 | UI 介面、響應式背景、可編輯設計系統 | 快速概念驗證、位圖合成、特定紋理轉換 |
建議採用方法一納入設計系統元件庫,構建可複用的「放射光芒」元件組件。