教程目標

學習使用自定義形狀工具與圖層樣式，從零制作符合 Google Material Design 風格的加號圖標，掌握圖層疊加邏輯、填充度與不透明度分離、描邊/內發光/投影組合建模核心技法。

最終效果

關鍵步驟邏輯重構

基礎幾何構建（步驟 1-3）

1000×1000px 白底→圓角矩形工具（半徑 50px）繪黑色基礎形→複製調整大小位置改白→添加描邊樣式→填充歸零，僅保留描邊形成外框環。

十字主體構建：雙層邊框+內填（步驟 4-8）

矩形工具「加法模式」繪十字→圖層樣式構建邊框→效果得十字邊框→同法新層繪小白十字→添加樣式→形成雙層十字結構（外框+內填）。

立體高光面構建（步驟 9-13）

新層繪矩形→載入首個圓角矩形選區→添加蒙版裁切→圖層樣式構建高光面質感（漸變/內陰影/斜面浮雕組合）→效果呈現立體凸起面。

多狀態變體與陰影收尾（步驟 14-16）

同法制作其他形狀變體（改顏色即可）→新層白色矩形→樣式：填充歸零、不透明度 80%→添加投影→最終效果。

Material Design 圖標設計方法論

本教程實踐了 MD 圖標核心原則：
1. 幾何基礎化：基本形狀組合而非自由曲線；
2. 圖層樣式標準化：陰影/高光/邊框參數統一規範；
3. 填充度/不透明度分離控制：填充 0% 保留樣式、不透明度控制整體強度；
4. 蒙版裁切非破壞編輯；
5. 色彩系統化：主色調通過樣式顏色參數統一管理。
建立個人「MD 圖標樣式庫」，可實現批量高效產出規範圖標集。