PhotoShop 3D 你最熟悉的陌生人:從一張 2D 圖像如何變化成 3D 模型
PhotoShop 3D 除了建立 3D 文字很簡單、快速外,其實一般的 2D 圖像也可以很輕鬆立體化,變成多種不同形式的 3D 模型喔!
以下我們就一起來看看吧!
※ 以上材質圖檔來自:
以下我們就一起來看看吧!
- 此文章的 PhotoShop 範例檔案下載 https://drive.google.com/drive/folders/1qqQDeWfYb_wvU6iK6hx7EuIUTLzn77zN?usp=sharing
一、3D 明信片
可以將 2D 圖像變成「沒有厚度」的 3D 明信片,類似使用 PhotoShop 「透視變形」的效果,只要再自行加入光源,就能產生 3D 立體陰影。
※ 以上兩張材質圖檔來自:
二、3D 模型
與之前介紹的「PhotoShop 3D 你最熟悉的陌生人:輕鬆使用 PhotoShop 建立 3D 立體文字融入影像中!」相同,直接將 2D 圖像加入厚度變成立體的。
三、圓錐體
除了點陣圖的單一圖層外,也可以配合「形狀圖層」,並一次選取多個圖層,一起變成 3D 模型!
四、方格包裹、正方體
請使用「滿版」的圖像,四週不要有留空隙,如果選擇「方格包裹」,就能像包裝紙一樣將立方體的六個面都以該 2D 圖像填滿。若是選擇「正方體」,則只有立方體的一個面會填滿,其餘五個面都是預設的灰色材質。
※ 以上材質圖檔來自:
※ 以上材質圖檔來自:
七、實色突出、平面、雙面平面
實色突出、平面、雙面平面製作出的 3D 模型主要差別在:
↑ 雙面平面
↑ 實色突出
這幾種方式都是將圖像以「灰階」的型式,轉換為 3D 模型「突出」的程度:
↑ 線性漸層
↑ 放射性漸層
↑ 反射性漸層
↑ 菱形漸層
- 實色突出:以實心方式建立 3D 模型,下方是平整面,上方則是突出面
- 平面:類似薄薄的紙張,只有上方有突出面
- 雙面平面:類似薄薄的紙張,但上方與下方都有突出面
這幾種方式都是將圖像以「灰階」的型式,轉換為 3D 模型「突出」的程度:
- 黑色:平面
- 灰階:局部突出
- 白色:完全突出
1.遊戲地形製作
以「灰階」的型式,轉換為 3D 模型「突出」,這是在 3D 場景製作上常用的技巧,剛開始對於這個部份不是很了解時,可以先透過以下的「https://cpetry.github.io/TextureGenerator-Online/」線上地形產生器來幫忙一下!A.使用以下設定建立一張灰階地形:
B.在 PhotoShop 中使用以下設定,將灰階影像轉換為「實色突出」
C.取得「彩色地形」圖檔後,將它做為剛才 3D 模型的材質貼圖
2.灰階漸層製作
其實試著用不同的漸層填充方式,也可以玩出一些不同的 3D 造型喔!※ 教學資料總整理:
- 跟著 Webduino 一起 Smart 學習 https://sites.google.com/view/cfp-webduino-smart/
- Sweet Home 3D 教學總整理:https://sites.google.com/view/sweethome3d-tw/
- OBS Studio 虛擬攝影棚教學總整理:https://sites.google.com/view/obs-tw
- 翻轉教學「現形記」教學總整理:https://sites.google.com/view/teachers-tools/
※ 延伸閱讀:
- PhotoShop 3D 你最熟悉的陌生人:如何將多個 3D 模型放入同一個 3D 圖層中共用攝影機、燈光、地平面?
- PhotoShop 3D 你最熟悉的陌生人:從 3D 場景顯示模式了解 3D 模型呈現的可能性與「橫截面」剖開模型並製作動畫!
- PhotoShop 3D 你最熟悉的陌生人:3D 模型的材質設定
- PhotoShop 3D 你最熟悉的陌生人:了解三種燈光類型與如何在場景中新增第二或第三盞燈光?
- PhotoShop 3D 你最熟悉的陌生人:Bevel 形狀預設集類型選擇與 Lathe 車床設定
- PhotoShop 3D 你最熟悉的陌生人:輕鬆使用 PhotoShop 建立 3D 立體文字融入影像中!
- 如何在存檔時將PhotoShop的步驟記錄保存下來,方便下次開啟時繼續使用!
- Adobe 軟體無法正常啟動時,可以將 Adobe 軟體設定檔,重設為當初安裝時的預設值,千萬別急著重新安裝呀!(適用全系列產品)
- 升級 PhotoShop CC 2019 前要改掉的「壞習慣」!
- 使用 Adobe Creative Cloud 安裝新版本 Adobe 相關程式時,請小心使用…
- Adobe Creative Cloud 2015 正式發表,After Effects CC2015 增添人物動畫製作生力軍 Character Animator
- 善用雲端服務提升工作效率:AI 圖片無失真放大 16 倍,PhotoShop 請退下!
- Remove Image Background 免費雲端 AI 服務全面進化:動物、植物、美食、生活用品…等 AI 都認得了,還在等什麼,趕快來幫忙出考題測驗一下囉!
- Remove Image Background 免費雲端 AI 服務,不囉嗦!5 秒鐘自動完成人物去背(摳圖)!
- 善用免費軟體提升工作效率:用 Snipaste 截取歷史記錄,進行課堂上的複習課程!
- Snipaste 與 Picpick 攜手合作 1+1,幫您一次搞定螢幕擷取、教學圖片、資料比對、便利貼!
- Snipaste 做為螢幕擷取、教學圖片、資料比對、便利貼真的很方便, 但有些電腦執行時卻出現「api-ms-win-crt-runtime-l1-1-0.dll 錯誤」, 該如何解決呢?
留言