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 不只可以利用「時間軸」面板製作 2D 動畫,它也可以與 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/






※ 教學資料總整理:

※ 延伸閱讀:

留言