設計邏輯與圖層架構
半月立體圖形本質為「半球體切割後的半月切面」與「外弧面」的幾何組合。核心技法：矢量形狀布爾運算構建幾何體 → 圖層樣式（斜面浮雕/內陰影/漸變疊加/投影）賦予材質 → 手繪高光/蒙版精修細節 → 倒影/環境光整合場景。全流程保持矢量可編輯，支援無損縮放。
初始幾何體構建（基於提供 PSD 或自建）
- 基礎形狀組：
- Moon1：半月主體正面（半圓+矩形組合）
- MOON：半月側面/厚度面
- BLUE：底座/支撐面
- 若無 PSD 自建：矩形工具+橢圓工具+路徑操作（合併/減去/相交）構建上述三形狀，各自獨立矢量圖層
側面/厚度面建模（Moon1 副本）
- 複製 Moon1 → 命名「Moon1 厚度」 → 顏色改
#0077a2（深藍）
- Ctrl+T 向左下平移（模擬厚度延伸方向）
- 鋼筆工具（直接選擇工具 A）調整右側/頂部錨點 → 向上/向右移動 → 形成透視收縮的側面形狀
- 圖層樣式：
| 樣式 | 參數 |
|---|
| 斜面與浮雕 | 內斜面、平滑、深度 100%、方向向上、大小 8px、高光線性減淡(白)、陰影正片疊底(深藍) |
| 內陰影 | 距離 3px、大小 5px、噪點 5% |
| 漸變疊加 | 線性、角度 -45°、左上亮藍→右下深藍 |
| 投影 | 距離 5px、大小 8px、不透明度 30% |
主體正面質感（Moon1）
- 高光層： 新建「高光」→ Ctrl 載入 Moon1 厚度選區 → 白色柔邊筆（流量 20%）塗抹右上邊緣 → 模式「疊加」
- 月牙邊緣高光： Ctrl 載入 Moon1 選區 → Ctrl+Alt 點擊 Moon1 厚度縮圖 → 交集得月牙選區 → 新建層白筆塗抹右上弧邊
- Moon1 圖層樣式：
| 樣式 | 參數 |
|---|
| 斜面與浮雕 | 外斜面、平滑、深度 150%、大小 10px、高光線性減淡、陰影正片疊底 |
| 內陰影 | 距離 5px、大小 10px、噪點 3% |
| 漸變疊加 | 徑向、中心亮青 #48d7ff → 邊緣深藍 #003366 |
| 外發光 | 顏色青 #00ffff、大小 15px、不透明度 40% |
| 投影 | 距離 8px、大小 12px、不透明度 40% |
底座與倒影系統
- 倒影層 1： 新建 → 橢圓選區填充黑 → 高斯模糊 10px → 不透明度 30% → 置於底部
- 倒影層 2： 複製倒影層 1 → 下移距離 → 圖層樣式：漸變疊加（線性、透明→白→透明）、不透明度 25%
- BLUE 翻轉倒影： 複製 BLUE + BLUE 副本 → 合併 → Ctrl+T 垂直翻轉 → 移至底部 → 不透明度 25%
- MOON 同法處理
- 地面漸變： 選中 Layer 0 → 前景
#48d7ff 背景白 → 線性漸變自上而下
關鍵技術總結
| 技術點 | 應用對象 | 核心參數/操作 |
|---|
| 矢量布爾運算 | 基礎幾何體 | 形狀圖層合併/減去/相交，保留向量可編輯 |
| 副本平移+錨點調整 | 厚度面構建 | Ctrl+T 位移 + 直接選擇工具調節節點透視 |
| 斜面與浮雕 | 所有立體面 | 外斜面(正面)/內斜面(厚度/底座)、深度100-150%、高光/陰影模式配色 |
| 選區交集運算 | 月牙高光區 | Ctrl+Alt 點擊縮圖得交集選區 |
| 疊加模式手繪高光 | 高光層 | 白柔筆+疊加模式，非破壞性疊加 |
| 倒影三層疊加 | 底部倒影 | 模糊黑橢圓+漸變疊加層+垂直翻轉矢量層，不透明度遞減 |
避坑指南
- 透視不一致： Moon1 厚度平移方向、錨點調整方向、倒影翻轉軸線、地面漸變角度，必須共享同一透視系統（消失點/地平線）
- 圖層樣式參數硬套： 所有大小/距離/深度參數隨畫布解析度線性縮放，本教學基於 800px 基準，實際專案請按比例換算
- 高光過強破壞材質： 外發光/高光不透明度建議 30-50%，疊加模式天然柔和，避免正常模式純白高光
- 倒影層級混亂： 由下而上：地面漸變 → BLUE 翻轉倒影 → 倒影層 2 → 倒影層 1 → 主體立體組
延伸應用
- 材質替換： 將漸變疊加顏色改為金/銅/玻璃/塑膠色系，斜面浮雕高光/陰影模式同步調整，即得不同材質同幾何體
- 動畫化： 將各矢量圖層導入 After Effects，利用「形狀圖層」屬性動畫（路徑/描邊/填充/變換）製作旋轉/變形/材質變化動效
- 圖標集擴展： 同套幾何邏輯製作「全月/新月/眉月/球體/立方體」系列，構建統一設計語言的幾何圖標庫