教學預覽

本教學示範如何以基本幾何形狀、漸層填色與透明度工具，快速繪製一組具有立體金屬質感的白色插座與開關圖示。最終效果如下：

步驟一：繪製面板基礎形狀

1. 選取「矩形工具」繪製一個方形，大小自訂，填充 5% 黑（淺灰）。
2. 切換「形狀工具」，將四個角的圓滑度皆設為 20，形成圓角矩形面板。

步驟二：建立內縮邊框（描邊效果）

1. 按住 Shift 點擊滑鼠左鍵向內複製面板（按住左鍵同時點右鍵複製再放開），獲得內縮一圈的副本。
2. 將此副本設為 1mm 黑色描邊、無填色，形成面板邊框。

步驟三：繪製開關按鈕（立體球體）

1. 按住 Ctrl+Shift 繪製正圓，大小依比例調整。
2. 填充 線性漸層：30% 黑 → 白色，模擬球體受光立體感。

步驟四：添加插座孔位（斜向矩形漸層）

1. 繪製小矩形，旋轉 36°。
2. 套用漸層：白 → 20% 黑，模擬孔位內部陰影。

步驟五：繪製開關面板細節（圓角正方形）

1. 繪製正方形，用形狀工具將四角圓滑度設為 83。
2. 填充 5% 黑，描邊 0.75mm、80% 黑。

延伸閱讀

若想挑戰更寫實的 Photoshop 版本，可參考：
PhotoShop 繪製逼真白色開關插座 ICON 圖標教程

小結

透過圓角矩形、內縮複製、漸層模擬光影、旋轉變形等基礎操作組合，即可高效產出具備立體質感的 UI 圖示。初學者可嘗試調整漸層角度、透明度與描邊粗細，觀察光影變化對質感的影響。