針對圖標設計師的進階教學：以 eico design 經典信封圖標為臨摹藍本，展示 Fireworks 專業圖標製作的精細規範與細節處理技巧。強調兩大原則：1. FW 專注 Web 設計，避免過度複雜 PS 風格效果；2. FW 編輯邏輯近似 AI(向量優先)，非 PS 像素塗抹流。

精細製作流程拆解

1. 像素對齊基礎： 圓角矩形工具繪製主體 → Ctrl+Shift+G 拆散 → 白箭頭微調八個圓角節點對齊像素網格 → 路徑面板「將點對齊至像素」消除虛邊。
2. 雙層邊框構建厚度： 內外兩個圓角矩形(白箭頭移動 1px 對齊圓角節點)，禁用描邊，用填充區分內外層。
3. 蓋口倒三角立體化： 底層大圓角矩形複製 → 白箭頭 Shift+方向鍵 拉成倒三角 → 上層倒三角線性漸變(高光面) + 下層實心褐色羽化 1px(陰影面) → 白箭頭微調節點位置(0.3-0.5px)消除羽化虛邊。

4. 頂部雙層高光帶： 底層圓角矩形複製兩份上下間隔 2px → 路徑相減得細長條 → 橢圓放射漸變(白 0-100% 透明) → 疊加模式 Overlay，模擬雙層高光物理厚度。
5. 底部 1px 高光線 封閉底部陰影。

6. 三角蓋口單像素高光： 路徑相減(Punch Path)切出 1px 邊緣高光線，上下蓋口各一。
7. 外發光邊框： 比主體大 1px 圓角矩形，透明度 30%，模擬環境光包裹。
8. 底部補 1px 高光 完善接地感。

9. 一鍵潤色大法： 全選複製 → Ctrl+Alt+Shift+Z 平面化為位圖 → 混合模式 Overlay、透明度 60% → 瞬間提升飽和度、對比度、鋐利度。非萬能，特定場合需手動調曲線/飽和度。

此教學將「像素級對齊、路徑布林運算精準構形、高光陰影物理邏輯分層、混合模式一鍵潤色」串聯為標準化圖標生產 SOP，極具專業指導意義。