扁平化圖標設計看似簡單，實則考驗「幾何構建精度、色彩克制、光影暗示、透視關係」四大功力。本教程以火箭圖標為例，13 步拆解從背景圓盤到尾焰、舷窗、長投影的完整構建過程，附配色方案與關鍵參數。

配色方案（HSB 值，可直接吸管取用）

• 深空藍（背景）：H 220 / S 80% / B 20%
• 火箭主體灰：H 0 / S 0% / B 60%
• 陰影灰藍：H 220 / S 30% / B 40%
• 尾焰紅：H 0 / S 90% / B 90%
• 舷窗亮藍：H 200 / S 80% / B 100%
• 星星黃：H 50 / S 100% / B 100%

13 步構建流程

1. 背景圓盤：橢圓工具 (U) 按 Shift 繪製 512×512px 正圓，填充深空藍。
2. 火箭主體輪廓：橢圓工具畫橢圓，直接選擇工具 (A) 點選頂點，轉換點工具 (Shift+P) 點擊頂點轉為尖角，形成火箭頭錐狀。
3. 截去底部：形狀選項欄 > 路徑操作 > 「相交」，矩形工具畫矩形覆蓋主體大部，底部保留一小段，自動切除多餘底部。
4. 右側陰影：矩形工具畫淺灰藍矩形覆蓋右半側，Ctrl+點擊主體圖層縮略圖載入選區，給陰影層添加蒙版，僅保留右側陰影。
5. 內部艙體：Ctrl+J 複製主體，Ctrl+T 縮放 70%，填充深灰藍，形成艙壁厚度感。
6. 底部細節：圓角矩形工具繪製火箭底部裝置。
7. 尾焰主體：橢圓工具畫紅圓，直接選擇工具拖動底部錨點下拉，轉換點工具調尖尾部，形成水滴狀。
8. 雙側尾焰：Ctrl+J 複製尾焰，編輯 > 變換路徑 > 水平翻轉，Shift 拖動對齊左側。
9. 中間尾焰：自由變換再造一束居中尾焰。
10. 長投影：黑色矩形，不透明度 50%，Ctrl+T 逆時針旋轉 45°，自由變換拉長覆蓋火箭右下方向。
11. 投影裁剪：添加錨點工具在投影與火箭交界處添加點，直接選擇工具拖動多餘投影錨點隱藏至火箭下方。
12. 投影漸變與混合：Alt 點擊投影層與背景圓盤層之間建立剪貼蒙版，矩形工具重填黑→白漸變，混合模式「正片疊底」，投影自然虛化。
13. 舷窗高光：橢圓工具畫紅圓頂部，形狀重疊「相交」隱藏多餘，亮藍色畫筆點綴高光。

關鍵技術點總結

• 形狀工具 + 路徑操作（相交/合併/減去）= 精確幾何構建，矢量無損。
• 剪貼蒙版 (Alt+點擊層間) = 非破壞限制顯示範圍，隨時可編輯。
• 長投影 = 45° 旋轉矩形 + 剪貼蒙版限制範圍 + 正片疊底漸變 = 扁平風標配立體感。
• 統一配色表 = 風格一致性保障，團隊協作零溝通成本。

遵循此流程，任何扁平化圖標皆可標準化產出。