本教學展示一款極具質感的 Web 2.0 風格按鈕製作全過程。核心策略：基礎幾何形狀疊加 + 多層漸變/透明度控制高光陰影 + 鋼筆繪製細節高光 + 混合模式疊加豐富層次。雖步驟繁多，但每步邏輯清晰，是掌握 FW 精細 UI 繪圖的優秀練習。

最終效果

圖層結構拆解

1. 背景層： 483×450 畫布，深色漸變矩形。
2. 按鈕主體三層疊加：
   - 底層：大圓角矩形，深色漸變+內陰影定基調。
   - 中層：稍小圓角矩形，亮色漸變+內發光凸顯邊緣。
   - 頂層：最小圓角矩形，主色調漸變，作為按鈕正面。

3. 頂部高光帶： 1px 高細長矩形，白色漸變透明，複製位移 1px 疊加，合併後再複製縮放置於四角強化棱角光感。
4. 側面弧面高光： 鋼筆繪製弧形路徑，白色漸變透明，複製 3 份透明度遞減 (80/40/20) 疊加，合併後再垂直翻轉複製置底部，透明度 20%，構建完整弧面光影。

5. 四角閃光點： 鋼筆繪製小三角高光，複製旋轉置於四角。
6. 中心橢圓高光： 橢圓形放射漸變，模擬頂部強光反射。
7. 頂部條狀高光： 橢圓 + 運動模糊 + 縮小位移疊加，模擬細長反光帶。
8. 鋼筆繪製兩側光源條： 白色漸變透明，混合模式疊加，增強側面體積感。

9. 文字與倒影： 文字圖層複製、垂直翻轉、指令「創意 > 圖像漸隱」生成倒影。

整個過程展示了「分層疊加、參數微調、混合模式善用」的專業 UI 繪圖思維。雖屬舊版教學，但其中「多層漸變疊加模擬物理材質」的核心邏輯在現代設計工具中依然完全通用。