效果展示

設計解析：透明球體的光學特徵

透明圓球的視覺特徵：環境折射（背景在球內倒立縮小）、高光點（光源反射）、彩虹色散（邊緣色散）、投影（含焦散光亮斑）、內部氣泡/雜質。五彩效果通過多球體疊加、色相旋轉實現。

單顆透明球體製作標準流程

步驟 1：基礎球體形狀

橢圓工具按 Shift 繪製正圓形狀圖層，填充 0%。

步驟 2：球體材質圖層樣式（核心）

• 斜面與浮雕：風格「外部凸緣」，技術「平滑」，深度 200%，方向「向上」，大小 30px，軟化 0，角度 120°，高度 30°，光澤等高線「環形-雙峰」，高光模式「線性減淡」白色 100%，陰影模式「線性加深」深灰 100%
• 內發光：混合模式「螢幕」，不透明度 30%，噪點 10%，顏色淡黃/淡藍（模擬色散），來源「邊緣」，大小 20px
• 外發光：混合模式「螢幕」，不透明度 20%，顏色白，大小 15px
• 光澤：混合模式「疊加」，不透明度 50%，角度 120°，距離 0，大小 20px，等高線「圓形-倒角」
• 投影：距離 10px，大小 15px，不透明度 30%，雜色 5%

步驟 3：高光點精確控制

新建圖層置於球體上方，模式「顏色減淡」。小硬筆刷 (3-5px) 點擊高光位置（對應光源方向）。可添加次級高光（更小、不透明度更低）模擬多次反射。

步驟 4：折射內容模擬（進階）

1. 複製背景/環境圖層，自由變換縮小 40% 並垂直翻轉
2. 球體選區載入，為縮小環境圖層添加蒙版
3. 濾鏡 > 扭曲 > 球面化，量值 100% 模擬球面折射變形
4. 圖層不透明度 30-50%，模式「正常」或「疊加」

五彩球體群組合成

1. 複製單顆球體圖層組 5-7 次
2. 每組應用「色相/飽和度」調整圖層（剪貼蒙版），色相依次偏移 40-60°（紅→橙→黃→綠→青→藍→紫）
3. 自由變換調整大小、位置、疊加順序，構建動態堆疊構圖
4. 添加群組投影：合併複製組 → 填黑 → 高斯模糊 → 變形透視 → 不透明度 20%
5. 頂層添加全局「色彩查詢表」(LUT) 統一色調風格

圖標設計規範應用

• 基準網格：64×64px / 1024×1024px
• 安全區：邊緣保留 8px 邊距
• 色彩模式：sRGB / P3 廣色域
• 導出格式：PNG（透明背景）、SVG（矢量版本，需簡化樣式）
• 命名：icon_glass_sphere_rainbow_1024.png

延伸變體

• 液體球：內部添加流體模擬濾鏡效果
• 發光球：內發光改為強烈顏色，外發光大幅增大
• 磨砂球：斜面浮雕改「內部凸緣」，添加雜色紋理，移除高光點
• 水晶球：增加多面體倒角效果（需 3D 或複雜路徑運算）

掌握透明球體繪製，即掌握了「透明材質」的通用邏輯，可舉一反三應用於水滴、氣泡、玻璃珠、水晶、透明按鈕、儀表蓋蓋等海量 UI/插畫元素。