萬盛學電腦網

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

Photoshop 打造電影級城市夜景室內視角:光影透視與材質的極致推演

教學前言

本教學譯自國外大神 AverageJoseph 經典教程,堪稱「PS 光影透視教科書級示範」。從一張乾淨室內照出發,通過精準透視重建、材質重繪、光路推演、倒影物理模擬,構建出極具電影質感的城市夜景室內視角。全程無 3D 輔助,純 2D 圖層邏輯推演,極大鍛鍊設計師的空間感與光影掌控力。

最終效果

Step 1:素材選擇與畫面裁切

  • 選用單一光源、高解析、構圖簡潔的室內照(參考 ArchDaily 風格)。
  • C 鍵裁切工具 移除冗餘邊緣,聚焦核心空間。

Step 2~3:元素分層與矢量蒙版精準抠圖

  • 複製背景圖層 4 次(木櫃、圓柱、窗戶、牆面),每層添加矢量蒙版。
  • 鋼筆工具 (P) 精確勾繪各元素輪廓,轉為矢量蒙版路徑。關閉背景圖層可見性便於操作。
  • 圓柱體:矢量蒙版添加錨點 + 圓角矩形工具修飾為圓角矩形截面。
  • 參考線 + 標尺 (Ctrl+R) 定位圓柱中心、底部對齊基準線。

Step 4~6:透視修正與空間重建

  • 圓柱選區 Ctrl+T > 右鍵 > 扭曲,寬度 50% 壓扁修正透視變形。
  • 新增垂直/水平參考線對齊圓柱底部與櫃體轉角,Shift+拖動 直線移動對齊。

Step 7~9:地板、瓷磚、牆面材質重繪

  • 地板:矩形工具繪製淺灰矩形,圖層樣式「漸變疊加」(黑→白、90°、正常模式、20% 不透明度),模擬地面漸變受光。
  • 瓷磚縫:直線工具 (1px 白線) 疊加於地板上,模擬磚縫透視間距。
  • 牆面:深灰矩形至櫃體邊緣,漸變疊加 (白→深灰、90°、正常、30%) 模擬牆面受光遞減。

Step 10~14:天花板透視構建與光照推演

  • 消失點推導:櫃體底邊延長線 + 窗戶底邊延長線 交點 = 消失點 VP1。新增第三條線驗證三線共點。
  • 鋼筆工具沿消失點連線繪製天花板斜面,淺灰填充,漸變疊加 (左暗右亮) 模擬側光照射。
  • 左側天花板疊加漸變蒙版 (黑→透明、不透明度 20%) 強化陰影遞減。

Step 15~18:地板倒影物理模擬(核心難點)

  • 圓柱倒影:複製圓柱圖層 → 垂直翻轉 → 置於圓柱下方 → 添加漸變蒙版 (黑→透明、從畫面底部向上) → 不透明度 40%。
  • 窗戶倒影:複製窗戶圖層 → 垂直翻轉 → Ctrl+T > 扭曲/透視 大幅縮小 (符合透視縮小規律) → 對角線漸變蒙版 (黑→透明) → 不透明度 40%。
  • 櫃體倒影:最複雜,需結合自由變換扭曲 + 透視網格輔助,分段處理門板/把手/側面,此處原教程內容截斷,核心原則:倒影非單純垂直翻轉,必須遵循透視收斂規律,遠端縮小、近端放大、側面扭曲。

核心方法論總結

  1. 單一光源假設:全圖所有高光/陰影/投影/倒影/材質反射,必須服從同一光源位置與屬性推演。
  2. 透視網格先行:動筆前建立完整參考線系統 (消失點、地平線、垂直基準),所有幾何構建、變換、倒影皆依此推演。
  3. 材質邏輯分層:漫反射層(顏色/紋理) + 鏡面反射層(高光/倒影) + 環境光遮蔽層(陰影/接觸暗部),圖層組分離管理。
  4. 非破壞迭代:矢量蒙版、智能物件、調整圖層、圖層樣式,保留隨時回溯修改彈性。

進階挑戰

嘗試在場景中加入:動態窗簾(濾鏡 > 扭曲 > 波浪)、雨滴玻璃效果(疊加雨紋素材 + 置換濾鏡)、室內發光體(燈帶/螢幕)對環境光的二次照明推演。

copyright © 萬盛學電腦網 all rights reserved