效果預覽:文字墜入水面的瞬間
核心視覺語言:折射扭曲、水面漣漪、氣泡懸浮、體積光射線。教程通過自由變形、濾鏡扭曲、素材疊加三大手段,構建真實的水下光學環境。
素材準備清單
- 水面紋理圖(俯視視角,含高光漣漪)
- 水下背景圖(珊瑚、沙石、體積光)
- 氣泡筆刷組 / 氣泡 PNG 素材
- 水花/飛濺素材(側視角)
- 目標字體(粗體無襯線,便於變形識別)
核心制作流程
階段一:場景搭建(圖層結構自下而上)
- 水下背景組:放置水下環境圖,添加「色相/飽和度」降低飽和度、偏青綠;疊加「曲線」壓暗邊緣,模擬水深光衰。
- 水面紋理組:水面紋理置於背景上方,模式 疊加,不透明度 60%;添加蒙版漸變由下而上透明,模擬水面以下過渡。
- 體積光組:新建圖層填黑,濾鏡 ▸ 渲染 ▸ 光照效果 產生神光射線,模式 篩選/顏色減淡,蒙版擦除多餘區域。
階段二:文字變形與折射模擬
- 輸入文字,轉為形狀圖層(右鍵 ▸ 轉換為形狀),便於非破壞變形。
- 自由變形 ▸ 扭曲:拖動控制點模擬水面折射導致的字形扭曲——上部較完整,下部拉伸、斷裂、偏移(參考教程截圖序列)。
- 複製文字形狀圖層,下層填深色、高斯模糊(8-12px)、不透明度 30% 做投影;上層保持原色,添加「圖層樣式 ▸ 內發光」(青綠色、邊緣發光)模擬折射邊緣高光。
- 關鍵技巧:置換濾鏡。將水面紋理存為 PSD 置換圖;文字圖層執行 濾鏡 ▸ 扭曲 ▸ 置換,水平/垂直比例 5-10,拉伸適應,邊緣「重複邊緣像素」。此步驟能根據水面紋理自動產生像素級折射扭曲,極大提升真實感。
階段三:水下細節疊加
- 氣泡:載入氣泡筆刷,新建圖層在文字內部及周邊點繪,圖層模式 篩選,不透明度 60-80%;不同尺寸疊加 2-3 組圖層製造景深。
- 水花/飛濺:置入水花素材,Ctrl+T 變形貼合文字邊緣,模式 正片疊底 或 疊加,蒙版擦除硬邊。
- 懸浮顆粒:新建圖層填黑 → 濾鏡 ▸ 雜色 ▸ 添加雜色(單色、15%) → 濾鏡 ▸ 模糊 ▸ 動感模糊(角度 90°、距離 20) → 模式 篩選,不透明度 10%。
階段四:整體色調與氛圍統一
- 頂層建立「色彩查找」調整圖層,選擇「LateSunset」或自定義 LUT(青藍調、低對比、高光壓制)。
- 「可選顏色」微調:青色通道青 -20、黃 +15;中性色通道黑 -5。
- 新建圖層,大尺寸柔邊畫筆(顏色 #00ffff,不透明度 5%)在畫面上方點繪體積光暈,模式 顏色減淡。
進階變體:破水而出 / 半浸沒
在文字形狀圖層蒙版上,用黑白漸變筆刷繪製水面線位置:水面以上部分蒙版白(顯示),水面以下部分蒙版灰(半透明),水面線處用硬邊畫筆刻畫水線高光。配合「濾鏡 ▸ 扭曲 ▸ 海浪」對水面線微幅度變形,極具動態張力。
效率提示: 將「水面紋理+置換圖+體積光+氣泡筆刷」存為 PS 動作 或 CC 資源庫,下次制作同類效果只需替換文字與背景圖,10 分鐘出成品。
▲ 關鍵步驟截圖序列(局部)