以漸變疊加構建主體色調，配合選區變形、圖層蒙版漸變羽化、高光/暗部逐層刻畫，完成極具通透立體感的水晶蝴蝶圖標。流程清晰展示「基底漸變→高光疊加→細節強化」的圖標設計核心邏輯。

最終效果

製作流程

1. 翅膀基底漸變（半邊翅膀）

• 新建 500×500 px 白底文件，新建圖層，鋼筆工具（形狀圖層模式）勾勒半邊翅膀外形。
• Ctrl+Enter 路徑轉選區，漸變工具設定徑向漸變（參考圖色標），從翅膀基部向尖端拖曳，形成核心色調。

2. 中央高光球體

• 新建圖層，橢圓選框工具 Shift 拉正圓選區 → Ctrl+Alt+D 羽化 20px → 填充 #FFF100（亮黃） → Ctrl+D 取消選區。
• 添加圖層蒙版，黑色畫筆擦除多餘範圍，保留翅膀中心高光區。

3. 翅膀邊緣高光條（收縮選區法）

• Ctrl+點擊翅膀圖層載入選區 → 選取 > 修改 > 收縮（數值視大小而定，如 3-5px）。
• 新建圖層填白 → Ctrl+D 取消選區 → 橢圓選區拉出橢圓 → Delete 刪除中間 → 形成邊緣高光帶。
• 添加圖層蒙版，黑白漸變（左下向右上）淡化高光過渡。

4. 疊加多層高光與暗部細節

• 重複「收縮選區 → 填白/填深色 → 蒙版漸變」流程，分別製作次級高光、陰影、反光條，圖層疊加構建豐富體積感。

5. 橙色/綠色/藍色小翅膀同法製作

• 依序建立橙色小翅膀、綠色翅膀、藍色翅膀，色相對應調整漸變色標，結構邏輯完全一致。

6. 投影與最終合成

• 合併所有翅膀/身體圖層（或群組），複製合併層 → 垂直翻轉 → 置於底部 → 添加圖層蒙版黑白漸變淡化 → 不透明度 30% 左右，形成接地投影。
• 整體群組化，可縮放應用於不同尺寸畫布。

水晶圖標設計核心邏輯

1. 基底漸變定色調：徑向/線性漸變確立主體色相與明暗分佈。
2. 選區布林運算構造結構：收縮/擴張/相交/相減選區，快速生成邊緣帶、高光帶、陰影帶等幾何結構。
3. 蒙版漸變控制過渡：每個細節圖層必配蒙版，黑白漸變實現精準羽化與局部顯示。
4. 高光/暗部分層疊加：不求一次到位，分多圖層逐層刻畫，混合模式（正常/柔光/疊加/線性減淡）視效果切換。
5. 色相統一/變體：同結構不同色相部件，複製圖層組 → 色相/飽和度 (Ctrl+U) 整體偏移色相，極效率。

掌握此套「選區構造 + 蒙版過渡 + 圖層疊加」工作流，可快速產出任意色系、任意形狀的水晶質感圖標系列。