效果預覽

前期分析

參考實物開關照片，拆解結構：按鈕面、側面、凹槽、陰影、指示燈。材質設定為塑料，確定主光源位置（左上），再著手繪製。

圖層架構與圖層樣式參數

1. 畫布：1136×640 px。
2. 按鈕-下（側面）：橢圓工具畫正圓 → 圖層樣式：斜面與浮雕（內部） + 內陰影 + 漸層疊加（垂直雙色）+ 投影。
3. 按鈕-上（正面）：同心圓 → 選取底部錨點上移形成平面 → 圖層樣式：斜面與浮雕（外部） + 內發光 + 漸層疊加（徑向）+ 描邊（1px 深色）。
4. 凹槽：稍大同心圓 → 圖層樣式：斜面與浮雕（內部、平滑） + 內陰影 + 顏色疊加（深灰）+ 投影（內部模擬）。
5. 陰影層：橢圓選區（略扁）填黑 → 高斯模糊 → 不透明度 30% → 置於最底層。
6. 文字與指示燈：文字圖層輸入 ON/OFF → 圖層樣式 外發光（紅色/綠色）模擬指示燈泛光。

關鍵技法總結

• 同心圓結構模擬物理厚度。
• 圖層樣式組合（斜面浮雕+內陰影/發光+漸層疊加）單圖層解決材質、體積、光影。
• 陰影形狀略扁貼地，增強真實感。
• 指示燈用外發光而非實體發光，輕量高效。