萬盛學電腦網

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

Photoshop 打造時尚折疊照片效果教學

利用 Photoshop 的「自由變換 > 斜切」功能,即可輕鬆將平面照片轉化為極具立體質感的折疊藝術照。本教學將詳細拆解從選區建立、斜切變形、漸變陰影模擬、圖層疊加到最終投影收尾的完整流程,助你掌握這項極具視覺張力的創意合成技法。

效果預覽

最終折疊效果

詳細製作步驟

核心原理

將圖片水平分割為三等分區塊,對每個區塊分別應用「斜切」變形,並疊加黑白漸變模擬折疊陰影,最後統一添加投影,即可在二維平面上營造出三維折疊的錯覺。

第一摺疊區塊製作(左三分之一)

  1. 建立選區: 矩形選框工具(M)選取畫面左側約 1/3 寬度區域。(參考圖)
  2. 變換選區貼合邊緣: 選擇 > 變換選區,調整選區邊界精確貼合圖片邊緣,按 Enter 確認。
  3. 斜切變形製造折角: 編輯 > 變換 > 斜切,拖動選區右側邊緣向上或向下傾斜,形成折疊角度。**關鍵:記下選項欄顯示的「H」水平傾斜角度數值**(如 +15°),後續區塊需保持一致。(參考圖)
  4. 製作折疊陰影漸變:
    • 按 D 重置前景/背景色(黑/白)。
    • 新建圖層(圖層 2),漸變工具(G)選「前景到背景」線性漸讀,在斜切區域內由折疊線向外拖曳,產生從深到淡的陰影過渡。
    • 圖層 2 模式設「柔光」,不透明度 50%(可視圖片亮度微調)。
    • Ctrl+E 向下合併至圖片圖層。

第二摺疊區塊製作(中間三分之一)

  1. 同法建立中間 1/3 選區,變換選區貼合邊緣。(參考圖)
  2. 斜切變形,**拖動距離/角度必須與第一區塊完全一致**(參考步驟 3 記錄的數值),保證折疊線連續平行。(參考圖)
  3. 新建圖層,同樣製作黑白漸變陰影,模式「柔光」,不透明度 50%,合併下層。(參考圖)

第三摺疊區塊製作(右三分之一)

  1. 重複上述流程:建立選區 → 變換選區 → 斜切(同角度) → 新建圖層漸變陰影(柔光/50%) → 合併。(參考圖)

最終整合與投影立體感

  1. 圖層樣式添加投影: 選中合併後的圖片圖層,圖層 > 圖層樣式 > 投影,參數建議:混合模式「正片疊底」,顏色深灰,不透明度 40%,角度 120°(全域光),距離 10px,擴展 0%,大小 15px。根據畫面大小微調,使投影呈現「懸浮於背景上方」的立體感。(參考圖)

最終效果再鑑賞

進階變體與創意延伸

多方向折疊

  • 垂直三分折疊: 同理將畫面上中下三等分,對水平邊緣斜切。
  • 九宮格折疊: 先垂直三分再水平三分(或反之),產生 9 個折疊單元,適合海報設計。
  • 不規則折疊: 使用「編輯 > 變換 > 扭曲」或「橡皮擦工具」手動製造撕裂、彎曲不規則折痕。

材質質感升級

  • 紙張紋理疊加: 引入紙張材質圖(皺紋、粗糙紙、羊皮紙),模式「疊加」/「柔光」,不透明度 20-40%。
  • 邊緣磨損效果: 折疊邊緣用「濾鏡 > 風格化 > 風濾鏡(風向:從左/右)」製造毛邊,或用粉筆筆刷在蒙版上擦除邊緣。
  • 燙金/壓紋效果: 折疊脊線處添加「斜面與浮雕」圖層樣式,高光/陰影顏色取金/銀色。

動態應用

  • 將每個折疊區塊作為獨立圖層導入 After Effects,設定 3D 圖層,添加 X/Y 軸旋轉關鍵幀,製作「照片展開/折疊」動畫。
  • 配合 Cinema 4D 厚度擠出,製作真實 3D 折疊紙張動畫。

常見問題排查

Q: 斜切後圖片內容變形嚴重怎麼辦?
A: 斜切角度過大(>30°)會導致嚴重透視變形。建議控制在 10-20°,或改用「編輯 > 變換 > 扭曲」網格微調局部。
Q: 三個區塊折疊線不連續?
A: 必須嚴格保證:1) 選區寬度精確三等分;2) 斜切角度/距離完全一致;3) 漸變陰影起始位置對齊折疊線。建議建立參考線輔助。
Q: 投影看起來不自然?
A: 檢查「全域光」是否勾選;角度需與畫面主光源一致;距離/大小需符合物體厚度與背景距離邏輯;嘗試將投影圖層單獨提取(圖層樣式 > 創建圖層)再高斯模糊、變換透視。

速查表:折疊效果關鍵參數

步驟關鍵操作關鍵參數/設置常見錯誤
分割選區矩形選框 + 變換選區精確三等分,貼合畫布邊緣選區寬度不均、未貼合邊緣
斜切變形編輯 > 變換 > 斜切**記錄並統一 H 傾斜角度值**各區塊角度不一致
陰影漸變新建圖層 + 黑白線性漸讀模式:柔光;不透明度:50%±漸讀方向反、模式錯誤、不透明度過高
合併圖層Ctrl+E向下合併至圖片像素層合併順序錯誤導致陰影消失
投影樣式圖層樣式 > 投影正片疊底/全域光/距離10/大小15角度與光源不符、大小過大顯浮誇

折疊照片效果看似複雜,實則是「精準分割 → 統一斜切 → 陰影模擬 → 投影立體」四步邏輯的嚴密執行。關鍵在於**紀律性**:每一個區塊的參數必須完全一致,才能換來視覺上「一氣呵成」的折疊感。掌握此法,你不僅能做時尚折疊照片,更能將其應用於海報折頁設計、包裝展開圖展示、UI 介面翻頁動畫靜態稿等眾多商業場景。現在,找一張構圖簡潔、色彩鮮明的照片,動手摺出你的第一張「立體平面」作品吧!

copyright © 萬盛學電腦網 all rights reserved