PhotoShop 3D 你最熟悉的陌生人:輕鬆使用 PhotoShop 建立 3D 立體文字融入影像中!


PhotoShop 是設計領域同學最基本也最重要的設計軟體,但是對於 PhotoShop 中的 3D 功能,卻是相當陌生!

※ 蕭亞軒 Elva Hsiao - 最熟悉的陌生人 https://youtu.be/C5mI0TqrJ-4?t=64



一、關於 PhotoShop 3D

PhotoShop 應該是自 CS4 就開始加入 3D 功能,一直到 CS5.5、CS6 以後版本,3D 的功能才漸趨完備!想要在 2D 平面設計中加入 3D 元素,也變得愈來愈簡單,不一定要學習 3DSMAX、MAYA…等專業 3D 軟體才能達成!

↑ PhotoShop CS4 的 3D 操作畫面

↑ PhotoShop CC 2019 的 3D 操作畫面


※ 切換至 PhotoShop 3D 工作區




Adobe 也以相同的 3D 操作模式,在 2017 年發表新的 3D 包裝設計軟體:Adobe Dimension (其前身為 Felix),讓 3D 模型可以更輕易地與一般 2D 影像結合。

因此,只要學會 PhotoShop 中的 3D 功能,自然 Adobe Dimension 就能輕鬆上手,無縫接軌!


↑ Adobe Dimension 可以輕鬆幫模型加上適當的材質影像

↑ Adobe Dimension 提供本機端與雲端的演算渲染




二、建立 3D 文字

3D 文字的建立有兩種方式:

第一種方式:可以在 PhotoShop 中輸入文字內容後直接轉成 3D 圖層



第二種方式:是 PhotoShop 中標準的做法,選到文字圖層後,選按「3D / 新增來自選取圖層的 3D 模型」



接著,就會進入到 PhotoShop 的 3D 工作模式,請特別注意,一定要使用「移動工具」,才會看到 3D 的相關畫面與工具喔!



此外,在 PhotoShop 右側也會自動開啟 「3D」面板3D 相關屬性「內容」面板




三、調整 3D 文字透視角度與背景影像相符

不論是一般的影像合成或是 3D 文字的合成,第一件事情就是讓透視角相同,才能產生自然、不違和的合成效果!

只要在左下角的 3D 攝影機調整工具的相關圖示上,如下圖,直接拖曳滑鼠,就能進行調整囉!

畫面上的網格狀就是代表地面,3D 文字所產生的陰影會落在此平面上。

  • 環繞移動 3D相機:可以調整相機角度
  • 平移 3D 相機:可以調整地面的高低
  • 推移 3D 相機:可以調整與 3D 模型的遠近





四、調整 3D 文字的位置、角度與大小

透過 3D 模型調整工具,可以針對每一個選取的模型個別調整位置、角度與大小,選按中間灰色方塊,可以進行等比例縮放,如下圖,調整時只有 3D 模型受影響,下方的地面網格不會跟著改變喔!




五、調整 3D 文字的「突出深度」(厚度)

在「3D」面板選按剛才的 3D 文字,就可以到「內容」面板調整 3D 文字的突出深度囉!





六、文字內容可以重新調整嗎?

是的,沒有問題,雖然目前已經將文字轉換為 3D 圖層,但是依然保有文字的屬性,在「3D」面板選按剛才的 3D 文字,就可以到「內容」面板選按「編輯來源」。



在另外開啟的 *.psb 檔案視窗中,可以重新調整文字內容,完成後關閉並儲存檔案,回到原來的影像,就可以看到更新的情形囉!




七、調整燈光方向,以符合背景影像的光線與陰影角度

PhotoShop 3D 預設會提供一個「無限光」的燈光,在「3D」面板選按該燈光,即可進行光線與陰影的調整。




八、進行最後高畫質影像的「演算 3D 圖層」

PhotoShop 3D 與其他 3D 軟體一樣,需要針對設計好的 3D 模型做 Render 演算的動作,以取得最終的高畫質影像,在文件左下角可以看到還需要演算的大略時間,若要取消,可以按 ESC 鍵。





九、用什麼檔案格式儲存 PhotoShop 3D 呢?

PhotoShop 3D 的資料只要儲為 PSD 就可以,完全不用需要使用其他的特殊格式喔!下次開啟時,只要選按 3D 圖層並使用「移動工具」,就可以看到相關的 PhotoShop 3D 工具與面板。






※ 教學資料總整理:


※ 延伸閱讀:

留言