萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 手繪教學

Photoshop 設計夢幻水晶球:玻璃材質、倒影折射與環境融合的完整實戰

成果展示:五種視角的水晶球材質研究

本教程將展示如何從零繪製一顆**擁有真實玻璃質感、倒影折射、內含場景、環境融合**的夢幻水晶球。提供五個關鍵視角渲染圖,涵蓋正面、側面、俯視、特寫、材質球測試,幫助你全方位掌握透明球體材質表現邏輯。

核心物理光學原理(必懂理論)

水晶球渲染的本質是模擬**球面折射、菲涅爾反射、內部全反射、環境投影**四大光學現象:

  • 折射:背景影像經球面折射翻轉、縮小、扭曲呈現於球內(斯涅爾定律)
  • 菲涅爾反射:球面邊緣(掠射角)反射率高、中心(垂直入射)反射率低
  • 內部全反射:內含場景光線在球內多次反射,形成複雜高光網絡
  • 環境投影:球體投影非單純橢圓,含焦散光斑(caustics)、透光亮區

Photoshop 實作完整流程

步驟 1:完美球體基礎形狀

  1. 新建 1000×1000 px、300dpi 文件,背景深灰 #1a1a1a
  2. 橢圓工具(U)+ Shift 畫正圓,填色 50% 灰 #808080,命名「Ball_Base」
  3. 圖層樣式 > 斜面與浮雕:外斜面、平滑、深度 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:內含場景倒影折射製作

  1. 準備內含場景素材(風景、人物、抽象圖案),置入文件,轉為智慧物件,命名「Inner_Scene」
  2. Ctrl+T 自由變換:縮放至球體內接正方形大小、置於球心
  3. 濾鏡 > 扭曲 > 球面化:量值 100%、模式「正常」 → **核心步驟!模擬球面折射畸變**
  4. 圖層蒙版:橢圓選區(略小於球體 5%)、羽化 2px、填白顯示、黑色隱藏 → 裁切至球體內部
  5. 圖層模式:疊加/柔光(視場景亮度而定),不透明度 60~80%
  6. 新建剪貼蒙版層:軟邊畫筆、低流量、畫內部多重反射高光網絡(白色、線性減淡)

步驟 4:環境反射映射(讓球「活」在場景中)

  1. 複製背景/環境圖層 → 轉為智慧物件 → 濾鏡 > 扭曲 > 球面化(量值 -100%,凸面反射)
  2. 裁切至球體形狀(同步驟 3.4)
  3. 圖層模式:螢幕/線性減淡,不透明度 15~30%
  4. 蒙版漸隱:球面中心透明度高(低反射)、邊緣不透明度高(高反射),模擬菲涅爾效應

步驟 5:焦散光斑與微觀細節

  • 焦散光斑:新建圖層「Caustics」,自訂筆刷(散點、雙重筆刷、散佈 500%)、白色、線性減淡模式、流量 5%,在投影區域隨機點繪高亮細點/線條
  • 表面灰塵/指紋:新建圖層「Surface_Imperfections」,雜色筆刷(1px、散佈 100%)、#ffffff 5% 不透明度、正常模式、極輕掃過球面
  • 邊緣折射彩虹:新建圖層「Chromatic_Aberration」,筆刷 1px、顏色 #ff00ff/#00ffff/#ffff00、線性減淡、沿球邊極細弧線點繪

步驟 6:材質球測試驗證(標準驗證流程)

將水晶球置入三種標準測試環境驗證材質通用性:

  1. **HDR 環境圖測試**:載入 HDRI(如 HDRI Haven 的「Studio」或「Forest」),觀察高光/反射/折射是否自然
  2. **三點布光測試**:主光(左上 45°)、補光(右前 30°)、輪廓光(後上),檢查陰影/高光邏輯
  3. **純色背景測試**:紅/綠/藍/灰四色背景,驗證色彩中性度(水晶球不應染色)

進階變體:不同材質的「球體」快速轉換

材質基底色關鍵樣式修改額外步驟
有色玻璃(琥珀/綠/藍)#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

避坑指南:水晶球渲染十大雷區

  1. ❌ 球體不圓(橢圓工具未按 Shift) → 永遠按 Shift
  2. ❌ 高光位置錯誤(不對應光源) → 先定光源位置,所有高光/陰影/投影統一角度
  3. ❌ 折射不翻轉(忘記球面化 +100%) → 球面化是物理正確折射的唯一捷徑
  4. ❌ 邊緣銳利如剪貼 → 必須蒙版羽化 2~5px + 內發光邊緣過渡
  5. ❌ 投影是純橢圓 → 必須加焦散光斑、透光亮區、邊緣柔化
  6. ❌ 內含場景透視不匹配 → 內含場景透視點必須與球體透視點一致
  7. ❌ 顏色污染(水晶球變色) → 基底色必須中性灰,著色靠漸層疊加/色相飽和度剪貼蒙版
  8. ❌ 反射與折射疊加邏輯錯 → 反射在上(螢幕/線性減淡)、折射在下(疊加/柔光)
  9. ❌ 過度銳化破壞玻璃質感 → 銳化僅限線稿/文字層,球體層禁銳化
  10. ❌ 忽略色彩管理 → 印刷輸出必須轉 CMYK 並軟打樣,玻璃高光極易溢出色域

結語

水晶球看似簡單,實則是**測試藝術家對光學理解深度的試金石**。掌握「球面化折射、菲涅爾邊緣光、焦散投影、內部多重反射」四大核心,配合智慧物件非破壞流程,你就能在 PS 中繪製出經得起放大檢視、適用於印刷/網頁/3D/AR 多渠道的專業級水晶球材質。將這套流程存為動作/範本,下次需要「水晶球」「玻璃珠」「氣泡」「透明 UI 元素」時,十分鐘搞定。現在,開啟 PS,畫出屬於你的夢幻水晶世界吧!

copyright © 萬盛學電腦網 all rights reserved