想為設計作品增添夢幻般的七色光效嗎？本教學將帶你透過 Fireworks 的核心工具——畫筆、濾鏡、複製與變形、漸層填充、混合模式以及鋼筆路徑，一步步打造出令人驚豔的炫光視覺效果。無論是網頁背景、橫幅設計還是 UI 裝飾，這招絕對能派上用場。

最終效果預覽

最終效果展示

詳細製作步驟

步驟 1：建立畫布與基底

新建 600×400 像素畫布，填充純黑色（#000000）作為背景，讓後續的光效更突出。

步驟 2：繪製基礎光筆觸

選取畫筆工具，調整筆觸大小並開啟「柔化邊緣」選項。在畫布中央自由塗鴉，勾勒出初步的光暈形狀，不必追求完美，隨意筆觸反而更有機感。

圖 1：基礎塗鴉狀態

步驟 3：套用動態模糊拉伸光感

對剛繪製的圖形執行「濾鏡 → 模糊 → 動態模糊」，角度設為 90°，距離 100 像素。這步會將點狀筆觸拉伸成細長的光帶，奠定流動感基礎。

圖 2：動態模糊後效果

步驟 4：平面化並複製變形疊加

將圖形平面化（位圖化），接著透過複製（Ctrl+Shift+D）與自由變形（Ctrl+T），旋轉、縮放、錯位疊加多層光帶，形成豐富的立體光束群。

圖 3：多層光束疊加效果

步驟 5：漸層矩形疊加增色

新建矩形覆蓋畫布，填充彩虹線性漸層（紅→橙→黃→綠→青→藍→紫），圖層混合模式設為「疊加」。這步瞬間賦予畫面七彩斑斕的色彩張力。

圖 4：漸層疊加模式效果

步驟 6：柔光模式細化光澤

複製上一步的漸層矩形，將混合模式改為「柔光」，不透明度微調至 60% 左右，進一步柔化色彩過渡，提升光效通透度。

圖 5：柔光模式微調細節

步驟 7：鋼筆路徑勾勒流動軌跡

選取鋼筆工具，設定適當筆觸（建議 2-3px 柔化圓形），繪製 S 型或螺旋型路徑模擬光流軌跡，描邊顏色取高亮色，為畫面注入動態導向。

圖 6：路徑軌跡增強動感

步驟 8：細節潤飾完善成品

最後添加微粒星光、邊緣羽化、局部亮度提升等細節，統一色階對比，輸出最終炫麗七色光效成品。

圖 7：完成圖