PhotoShop 3D 你最熟悉的陌生人:輕鬆使用 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 工具與面板。※ 教學資料總整理:
- 跟著 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的步驟記錄保存下來,方便下次開啟時繼續使用!
- 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 錯誤」, 該如何解決呢?
留言