教程亮點

純用圖層樣式與基本形狀工具，10 分鐘快速產出具有質感的紫色日曆 App 圖標，展示「圓角矩形+漸變疊加+內陰影+高光蒙版」的經典 UI 圖標構建公式。

最終效果

製作步驟

1. 畫布與背景

新建 1000×1000px 白底文檔，新建圖層填黑，添加漸變疊加樣式做深色背景（參數自定）。

2. 主體圓角矩形（日曆主體）

• 新建圖層，圓角矩形工具半徑 30px 繪製黑色圓角矩形。
• 添加圖層樣式：斜面與浮雕、內陰影、漸變疊加、投影，構建凸起的實體質感（參考圖層樣式截圖）。

3. 日期顯示區（深色長方形）

• 新建圖層繪製同寬黑色長方形，添加內陰影與漸變疊加，形成凹陷的顯示窗口效果。

4. 頂部高光帶（關鍵細節）

• 新建圖層 3，載入形狀 1 選區填白，大橢圓選區添加蒙版形成漸隱，添加投影樣式，產生頂部弧形高光帶，模擬玻璃/陶瓷頂部反光。

5. 文字與陰影

添加日期數字與星期文字，文字圖層加投影增強立體感。

核心公式複盤

1. 基底形狀：圓角矩形 + 斜面浮雕 + 內陰影 + 漸變疊加 + 投影 = 實體感。
2. 凹陷窗口：同寬矩形 + 內陰影 + 深色漸變 = 內凹感。
3. 頂部高光：白色填充 + 橢圓蒙版漸隱 + 投影 = 材質反光帶。
4. 配色邏輯：紫色系漸變贯穿主體、窗口、高光，色調統一專業感強。

掌握此公式，可快速衍生出計算器、相機、相冊等同風格圖標族。