本教學將示範如何運用 Fireworks 矢量工具與漸變光影，從基本幾何形狀出發，逐層構建一枚精緻的桌面顯示器圖標，適合 UI 圖標設計練習與實務專案應用。

以下為完整製作流程圖解，每一步驟皆附關鍵參數設定：

關鍵技巧總結

• 圓角矩形 + 路徑編輯：快速建立機身、螢幕、底座等主要輪廓
• 多層漸變疊加：線性、橢圓、放射漸變組合模擬金屬拉絲、塑膠質感與螢幕反光
• 內斜角/外斜角濾鏡：一鍵產生邊緣倒角與厚度感
• 投影與高光分層：分別控制陰暗部與高光層，靈活調整不透明度與混合模式
• 元件化管理：將各部件轉為「圖形元件」，便於後續調整尺寸、顏色或導出多種規格

完整 PNG 源檔可供拆解研究，歡迎下載練習！