成果展示:五種視角的水晶球材質研究
本教程將展示如何從零繪製一顆**擁有真實玻璃質感、倒影折射、內含場景、環境融合**的夢幻水晶球。提供五個關鍵視角渲染圖,涵蓋正面、側面、俯視、特寫、材質球測試,幫助你全方位掌握透明球體材質表現邏輯。
核心物理光學原理(必懂理論)
水晶球渲染的本質是模擬**球面折射、菲涅爾反射、內部全反射、環境投影**四大光學現象:
- 折射:背景影像經球面折射翻轉、縮小、扭曲呈現於球內(斯涅爾定律)
- 菲涅爾反射:球面邊緣(掠射角)反射率高、中心(垂直入射)反射率低
- 內部全反射:內含場景光線在球內多次反射,形成複雜高光網絡
- 環境投影:球體投影非單純橢圓,含焦散光斑(caustics)、透光亮區
Photoshop 實作完整流程
步驟 1:完美球體基礎形狀
- 新建 1000×1000 px、300dpi 文件,背景深灰
#1a1a1a
- 橢圓工具(U)+ Shift 畫正圓,填色 50% 灰
#808080,命名「Ball_Base」
- 圖層樣式 > 斜面與浮雕:外斜面、平滑、深度 500%、大小 120px、柔化 8px、角度 120°、高度 30°、光暈模式「線性減淡」
#fff 40%、陰影模式「正片疊底」#000 60% → **單圖層產生球體體積感**
步驟 2:玻璃材質核心——圖層樣式疊加系統
在「Ball_Base」上疊加以下樣式(順序即疊加順序):
| 樣式 | 關鍵參數 | 物理對應 |
| 內發光 | 模式:螢幕、顏色 #ffffff、不透明度 15%、噪點 5%、來源:邊緣、大小 80px | 球體邊緣菲涅爾反射(掠射角高反射) |
| 斜面與浮雕 (第2次) | 內斜面、鑿刻、深度 200%、大小 30px、柔化 3px、光暈「線性減淡」#fff 30%、陰影「正片疊底」#000 40% | 玻璃厚度邊緣折射高光/陰影 |
| 光澤 | 混合模式:正常、不透明度 40%、角度 120°、距離 20px、大小 150px、輪廓「環形」 | 主光源鏡面高光帶(球面最亮帶) |
| 漸層疊加 | 模式:疊加、不透明度 25%、線性、角度 120°、#fff→透明→#000(三色漸層) | 球體整體明暗轉折與環境映射基調 |
| 投影 | 模式:正片疊底、#000、不透明度 50%、角度 120°、距離 15px、展開 10%、大小 25px、雜色 5% | 球體落地投影(含焦散光斑預留) |
步驟 3:內含場景倒影折射製作
- 準備內含場景素材(風景、人物、抽象圖案),置入文件,轉為智慧物件,命名「Inner_Scene」
- Ctrl+T 自由變換:縮放至球體內接正方形大小、置於球心
- 濾鏡 > 扭曲 > 球面化:量值 100%、模式「正常」 → **核心步驟!模擬球面折射畸變**
- 圖層蒙版:橢圓選區(略小於球體 5%)、羽化 2px、填白顯示、黑色隱藏 → 裁切至球體內部
- 圖層模式:疊加/柔光(視場景亮度而定),不透明度 60~80%
- 新建剪貼蒙版層:軟邊畫筆、低流量、畫內部多重反射高光網絡(白色、線性減淡)
步驟 4:環境反射映射(讓球「活」在場景中)
- 複製背景/環境圖層 → 轉為智慧物件 → 濾鏡 > 扭曲 > 球面化(量值 -100%,凸面反射)
- 裁切至球體形狀(同步驟 3.4)
- 圖層模式:螢幕/線性減淡,不透明度 15~30%
- 蒙版漸隱:球面中心透明度高(低反射)、邊緣不透明度高(高反射),模擬菲涅爾效應
步驟 5:焦散光斑與微觀細節
- 焦散光斑:新建圖層「Caustics」,自訂筆刷(散點、雙重筆刷、散佈 500%)、白色、線性減淡模式、流量 5%,在投影區域隨機點繪高亮細點/線條
- 表面灰塵/指紋:新建圖層「Surface_Imperfections」,雜色筆刷(1px、散佈 100%)、
#ffffff 5% 不透明度、正常模式、極輕掃過球面
- 邊緣折射彩虹:新建圖層「Chromatic_Aberration」,筆刷 1px、顏色
#ff00ff/#00ffff/#ffff00、線性減淡、沿球邊極細弧線點繪
步驟 6:材質球測試驗證(標準驗證流程)
將水晶球置入三種標準測試環境驗證材質通用性:
- **HDR 環境圖測試**:載入 HDRI(如 HDRI Haven 的「Studio」或「Forest」),觀察高光/反射/折射是否自然
- **三點布光測試**:主光(左上 45°)、補光(右前 30°)、輪廓光(後上),檢查陰影/高光邏輯
- **純色背景測試**:紅/綠/藍/灰四色背景,驗證色彩中性度(水晶球不應染色)
進階變體:不同材質的「球體」快速轉換
| 材質 | 基底色 | 關鍵樣式修改 | 額外步驟 |
| 有色玻璃(琥珀/綠/藍) | #cc8800/#006633/#003399 | 漸層疊加改雙色(基底色→透明→深基底色)、內發光改同色系 | 內含場景圖層加「色相/飽和度」剪貼蒙版著色 |
| 磨砂玻璃 | #e0e0e0 | 斜面浮雕深度降至 100%、大小 20px、加「紋理化」濾鏡(砂岩 80%) | 內含場景模糊 15px、不透明度 40% |
| 水球/氣泡 | 透明填充 0% | 移除斜面浮雕、內發光改「邊緣」來源、大小 200%(極薄膜感) | 加「薄膜干涉」彩虹邊緣、投影極淡 |
| 金屬球(鏡面/拉絲) | #cccccc | 移除所有透明相關樣式、斜面浮雕深度 300%、加「紋理化」(拉絲/畫布) | 環境反射模式改「正常」100%、無折射內含場景 |
商業應用場景與輸出規範
- 產品展示圖:水晶球內含產品 3D 渲染圖、輸出 4K JPG/TIFF、附加剪徑路徑
- UI 圖示/圖標:簡化為 512×512 px、移除微觀細節、保留核心高光/折射、輸出 PNG 透明底
- 動態設計素材:分層導出(球體、內含場景、高光、投影、焦散)供 AE/C4D 動畫
- AR/VR 素材:導出 USDZ/glTF,材質參數對應:Transmission 1.0、IOR 1.5、Roughness 0、Thickness 0.01
避坑指南:水晶球渲染十大雷區
- ❌ 球體不圓(橢圓工具未按 Shift) → 永遠按 Shift
- ❌ 高光位置錯誤(不對應光源) → 先定光源位置,所有高光/陰影/投影統一角度
- ❌ 折射不翻轉(忘記球面化 +100%) → 球面化是物理正確折射的唯一捷徑
- ❌ 邊緣銳利如剪貼 → 必須蒙版羽化 2~5px + 內發光邊緣過渡
- ❌ 投影是純橢圓 → 必須加焦散光斑、透光亮區、邊緣柔化
- ❌ 內含場景透視不匹配 → 內含場景透視點必須與球體透視點一致
- ❌ 顏色污染(水晶球變色) → 基底色必須中性灰,著色靠漸層疊加/色相飽和度剪貼蒙版
- ❌ 反射與折射疊加邏輯錯 → 反射在上(螢幕/線性減淡)、折射在下(疊加/柔光)
- ❌ 過度銳化破壞玻璃質感 → 銳化僅限線稿/文字層,球體層禁銳化
- ❌ 忽略色彩管理 → 印刷輸出必須轉 CMYK 並軟打樣,玻璃高光極易溢出色域
結語
水晶球看似簡單,實則是**測試藝術家對光學理解深度的試金石**。掌握「球面化折射、菲涅爾邊緣光、焦散投影、內部多重反射」四大核心,配合智慧物件非破壞流程,你就能在 PS 中繪製出經得起放大檢視、適用於印刷/網頁/3D/AR 多渠道的專業級水晶球材質。將這套流程存為動作/範本,下次需要「水晶球」「玻璃珠」「氣泡」「透明 UI 元素」時,十分鐘搞定。現在,開啟 PS,畫出屬於你的夢幻水晶世界吧!