前言

Fireworks 專注 Web 設計，不適合過於複雜 PS 效果；編輯方式似 Illustrator，習慣像素著色者請略過。以 eico design 信封圖標為臨摹對象，加入細節使結果略異原圖。

步驟

Step 01 參考圖定位

剪下參考圖鎖定圖層。路徑面板為 CS4 版但操作相容 CS3。

Step 02 信封主體

圓角矩形工具畫形狀，四圓角控制點調半徑。Ctrl+Shift+G 打散。複製一份，白箭頭四向移 1px 做雙層邊框（白箭頭處理 8 圓角節點對齊）。不可用 Stroke 描邊（會產生虛邊），若出現非 Stroke 虛邊，打散後用黑箭頭選路徑點「Round Points to Pixels」歸位像素。

Step 03 信封蓋

大圓角矩形複製置頂，白箭頭 Shift+方向鍵 拉成倒三角。複製兩份：上層線性漸變，下層實心褐色 1px 羽化。

Step 04 拉長信封

白箭頭選中間節點向下移 2px。

Step 05 底部倒三角

Step 03 漸變倒三角垂直翻轉，複製擺放，上下間距 1px+。深褐色倒三角上方四節點上移 0.3-0.5px 減弱虛感。

Step 06 頂部高光

參考圖高光約 2px 且上下亮度不同。複製最底圓角矩形兩次得上下間距 2px 兩矩形，路徑相減得新路徑，橢圓漸變（白 0-100% 透明度），疊加模式「Overlay」。

Step 07 底部 1px 高光

Step 08 階段小結

Step 09 處理羽化溢出

背景改白可見倒三角羽化溢出。兩法：平面化為位圖、或保留路徑做遮罩（推薦後者可再編輯）。操作如圖。

Step 10 側面立體感

深色背景下信封兩側顯平，用 Bars 或 Radial 漸變加效果。

Step 11-12 上下三角單像素高光

路徑相減 (Punch Path) 製作高光線條。

Step 13 外發光替代方案

不濾鏡，畫比底層圓角矩形四周大 1px 新圓角矩形，無羽化、透明度 30%。

Step 14 底部再加 1px 高光

Step 15 潤色

全選複製圖層，Ctrl+Alt+Shift+Z 平面化為位圖，疊加模式「Overlay」、透明度 60%，提升飽和度對比。非萬用，必要時手動調曲線/對比度/飽和度。

完成

（信封底部三角亦用路徑做投影，發現較晚未加入）