結合網格工具、濾鏡效果、不透明蒙版、路徑查找器分割等核心技術，繪製具備金屬質感、發光邊緣、屏幕反光、凹凸細節的科技風綠色按鈕。適合 UI 圖標、儀表盤介面、科技主題設計。

成品預覽

詳細制作步驟

1. 新建文件：設定尺寸/解析度/RGB 模式。
2. 基礎金屬質感：矩形工具畫正方形填黑，網格工具 (U) 植入網格點，逐點填色（深綠→亮綠→高光白），構建金屬底材質感。套用 效果 > 扭曲 > 海洋波紋 參數微調，增加金屬拉絲/波紋紋理。
3. 圓環主體構建：
   • 橢圓工具畫兩正圓（外/內），直線工具穿過圓心連接。
   • 全選 → 路徑查找器 > 分割，得上/下半圓環。
   • 上半環：線性漸層（深綠→亮綠→高光白），模擬頂部受光。
   • 下半環：線性漸層（深綠→中綠），模擬背光面。
4. 圓環厚度與銅版雕刻紋理：複製圓環群組，套用 效果 > 像素化 > 銅版雕刻，不透明度降至 10%，加不透明蒙版漸隱，疊加細膩金屬紋理。
5. 凹凸按鍵質感：橢圓 + 漸層工具繪製凸起/凹陷按鍵高光陰影（內發光/投影邏輯）。
6. 中心螢幕區：正圓填徑向漸層（中心亮綠→邊緣深綠），模擬螢幕發光。
7. 螢幕反光層疊：
   • 白圓 + 不透明蒙版（黑白漸層控制透明度漸變）。
   • 複製白圓，不透明度 10%，疊加霧面感。
8. 鋼筆繪製鏡面高光：勾勒屏幕反光條形，高斯模糊 + 降低不透明度。
9. 不規則高光片：鋼筆畫不規則形狀，填白 + 不透明蒙版（漸隱），模擬複雜環境反光。
10. 底部反光：鋼筆勾勒底部捕獲地面反光，同法處理。
11. 頂部高光收尾：橢圓 + 高斯模糊，參數目測調整至滿意。

技術總結

• 網格工具：不規則有機質感著色基石。
• 濾鏡即時效果：海洋波紋/銅版雕刻/高斯模糊，非破壞疊加紋理。
• 路徑查找器分割：將簡單幾何轉為可獨立著色的複雜區域。
• 不透明蒙版：向量級透明度控制，比圖層蒙版更精確、可編輯。
• 分層疊加邏輯：底材 → 主體結構 → 紋理 → 局部高光/反光 → 全局氛圍，順序不可亂。

科技感源於對材質物理屬性（金屬拉絲、玻璃反光、發光體自發光）的向量化還原與藝術夸張。