效果預覽

利用 Fireworks 矢量繪圖與動態濾鏡結合，快速生成科技感炫光流線，適合網頁橫幅、UI 裝飾、賽博風海報。

製作步驟

1. 建立畫布與基礎筆觸

新建 600×400px 畫布，填充純黑背景。選取 畫筆工具，設定：大小 50px、邊緣羽化 80%、不透明度 60%，在畫布中心區域自由揮灑筆觸，形成不規則發光團塊。

2. 動感模糊拉伸光流

選中筆觸圖層，執行 濾鏡 > 模糊 > 動感模糊：

• 角度：90°（垂直向上）
• 距離：100px

點擊確定，筆觸瞬間拉伸為垂直光柱。執行 修改 > 扁平化圖層 將效果固化。

3. 漸變矩形疊加色彩氛圍

繪製矩形覆蓋畫布，填充 線性漸變（如青→紫→粉），圖層模式設 疊加。複製矩形圖層，模式改 柔光，不透明度 50%，疊加豐富色階。

4. 鋼筆繪製流線裝飾

選取 鋼筆工具，設定筆觸：寬度 2px、顏色高亮色、端點圓滑。繪製 S 型、螺旋型等流線路徑，描邊無填充。可開啟「對齊輔助線」保持幾何感。

5. 細節潤色

• 添加微小星形/圓形作為光塵粒子，模式「正片疊底」或「螢幕」。
• 整體群組，調整不透明度融入背景。
• 導出 PNG-24 保留透明通道，便於後續合成。

延伸應用

• 修改動感模糊角度/距離，生成放射狀、斜向光流。
• 漸變色板替換為品牌色，輸出品牌專屬炫光素材庫。
• 結合 FW 狀態面板製作動畫，輸出 GIF/MP4 動態炫光。

總結

Fireworks 矢量+位圖混合編輯特性，讓炫光特效製作「所見即所得」，無需 PS 複雜圖層堆疊，輕量級輸出極適合網頁與互動設計工作流。