PhotoShop 3D 你最熟悉的陌生人:從 3D 場景顯示模式了解 3D 模型呈現的可能性與「橫截面」剖開模型並製作動畫!
一、3D 場景顯示模式
PhotoShop 3D 除了真實的演算上色外,其實也提供了多種 3D 場景顯示模式,讓 3D 模型以不同的樣貌呈現,方便與其他 2D 圖層進行合成!
選按「3D」面板的「場景」,就可以在「內容」面板中找到 PhotoShop 中內建的「預設集」選單進行切換!
↑ 此為 PhotoShop 3D 預設場景模式輸出圖檔
此外,也可以針對每個預設集中的參數做調整,以達到最符合您需要的輸出喔!
1.線條插圖
2.著色插圖 (類似插畫)
3.素描草、素描散佈
4.實色線框
5.線框
二、「橫截面」的基本使用
除了完整模型的顯示外,其實我們也可以透過「橫截面」的設定,將 3D 模型以不同角度剖開,看到模型內部構造。1.先調整「橫截面」的相關位置與參數
2.如果想將此設定「永久生效」(將 3D 模型真正切除),按下「套用」就可以。
↑ 套用後的 3D 模型,已不再具有原本完整的 3D 外觀。
※ 如果要製作以下的「橫截面」動畫影片,請不要按「套用」喔!
三、配合「時間軸」面板製作「橫截面」動畫影片
而且 PhotoShop 時間軸的操作方式與 After Effect、Animate CC (以前的 Flash) 完全相同喔!
以下我們將以「橫截面」的「Y軸」,製作「建築物由地面往上蓋」的動畫影片!
1.開啟「時間軸」面板 / 「建立視訊時間軸」
2.設定「時間軸」面板 / 「橫截面」屬性關鍵影格動畫
- 設定「切片」為「Y軸」,並將「偏移量」往下調整到接近地面
- 選按「3D 橫截面」屬性的「碼錶」圖示,會自動增加「關鍵影格」
- 移動時間軸指標到適當時間
- 調整「Y軸」的「偏移量」往上移動, 此時,時間軸上會自動加入關鍵影格,拉動時間軸指標就可以看到建築物的剖面動畫已經完成囉!
3.輸出「時間軸」動畫影片
- 選按「時間軸」面板右上角 / 「演算視訊」
- 可以選擇要透過「Adobe Media Encoder」輸出成影片格式,或是「PhotoShop 影像順序」輸出連續圖檔。
- 若輸出影像或是影片時,不想看到「灰黑色的橫截面」,記得取消核選「平面」選項。
四、PhotoShop 3D 範例檔案與原始 3D 模型檔
本範例檔案的原始 3D 模型來自 https://free3d.com/,背景圖來自 https://pixabay.com/
※ 教學資料總整理:
- 跟著 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 模型的材質設定
- 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 錯誤」, 該如何解決呢?
留言