許多人認為 Fireworks 不如 Photoshop 適合繪製精細圖標，但只要掌握漸變、透明度、混合模式等核心技巧，FW 同樣能創作出極具立體質感的水晶風格圖標。本教學將以微軟官網 Windows Media Player 11 的播放圖標為藍本，拆解其水晶光感構建邏輯。

最終效果

製作拆解

1. 繪製球體基底：放射漸變奠定色彩基調

黑色畫布上繪製正圓。屬性面板選擇「放射狀」漸變，設定四色過渡（由內而外）：#FFFFFF → #99FFFF → #0099FF → #000099。關鍵在於將最深的 #000099 佔據較大面積，豐富色彩層次，模擬玻璃厚度的光學折射。

2. 繪製頂部高光曲面：半圓 + 透明度漸變

用鋼筆工具繪製一個帶弧度的半圓形路徑（模擬球體頂部曲面）。同樣套用「放射狀」填充，顏色全為白色，但透明度設定三個控制點：25%、63%、100%。靠近中心處透明度較低（較不透明），邊緣漸變透明，完美模擬水晶頂部的聚光與折射。

3. 勾勒輪廓線：增強飽滿度

繪製一個空心圓線，顏色 #00CCFF，透明度 40%，強化球體輪廓邊緣的光暈感。

4. 繪製播放三角形：弧邊設計與漸變

使用多邊形工具繪製三角形，並將直邊調整為微彎的弧邊，增加獨特感。填充線性漸變：頂部白色，底部淺灰 #CCCCCC，以白色為主體現發光體積感。

5. 底部光暈橢圓：高斯模糊柔化

繪製淺藍色 #33FFFF 橢圓，套用「高斯模糊」數值 21，置於球體下方，模擬底部反射光暈。

6. 製作倒影：垂直翻轉 + 透明度遞減

將完成的所有圖層群組複製、垂直翻轉，調整透明度並套用漸變遮罩，即得地面倒影效果。

教學總結：水晶質感的關鍵在於「多層疊加的透明度漸變」與「混合模式」的精準控制。步驟不複雜，考驗的是對光影細節的觀察與把控。同樣邏輯可移植至 PS、Figma 等工具，舉一反三！