3d Vanishing / 將平面變成立體空間

ae vanishing3d demo

照片變3D透視感空間動畫

超神奇!今天這個範例教大家如何將平面的照片變成3D透視感的空間動畫!
步驟簡單,還能讓你熟練AE的攝影機位置與景深調整,3D文字的建立等技巧,一起來學習吧!
※此範例需配合PhotoshopVanishing Point功能,建議使用Adobe CC版以上版本。

1.Photoshop製作3D素材
1-1首先請在Photoshop開啟一張具有深度透視感的照片。
ae vanishing3d 11

1-2執行Filter/ Vanishing Point(濾鏡/消失點)
ae vanishing3d 12

1-3 可以看到Vanishing Point視窗開啟,請在左方工具列選取第2個:建立平面工具,在照片中的"地面"框出梯形的框線。
ae vanishing3d 13

1-4 框線繪製正確會自動產生透視網。
ae vanishing3d 14

1-5 視照片狀況將地面的透視網拉長,以蓋住整個地面。
ae vanishing3d 15

1-6 利用網邊上的編輯點,按住Ctrl往上拉,長出側面。
ae vanishing3d 16

1-7 以相同方法長出側面和底面,最後是天花板,總共有5個面。記得放大檢查一下有沒有未覆蓋到的破綻。
ae vanishing3d 17

1-8 確認OK就可以輸出了。在工具列旁有個延伸指令紐,按下並選擇Export for Affter Effects(.vpe)...
ae vanishing3d 18

1-9 輸出的檔案包含5張圖以及2vpe記錄檔,這5張圖即為原始照片拆解成3D空間時所定義的5個面。
ae vanishing3d 19

2.3D素材匯入AE
2-1 執行:File/ Import/ Vanishing Point(.vpe)...,選取先前製作的vpe檔。
ae vanishing3d 21

2-2 聰明的AE能讀取vpe3D資訊,自動將5張圖通通匯入並且合為一個compsition
ae vanishing3d 22

2-3 開啟該compsition,展開Parent圖層Rotation,調整Z軸角度將畫面轉正,這樣就完成了有空間深度的背景。
ae vanishing3d 23

3. 建立3D文字。
以文字工具新增一文字圖層,輸入想要的文字。
ae vanishing3d 30

4. 建立文字立體陰影。
4-1 選取該文字圖層,按Ctrl+D複製,將複製的圖層下移至原文字圖層之下,改變圖層名稱為Shadow,並套用特效:Fast Blur
ae vanishing3d 41

4-2 調整Fast BlurBlurriness參數至理想的模糊狀態。
ae vanishing3d 42

5.設定攝影機動態與景深。
5-1 使用攝影機工具,設下鏡頭往前移動的關鍵影格。
ae vanishing3d 51

5-2 在動態停止之前,設下景深自模糊到清楚的關鍵影格,最後選取所有關鍵影格,按F9使動態更平順。
ae vanishing3d 52

預覽一下影片動態,幾個步驟就完成了這支超有空間感的動態影片,而且只需要一張照片就能做出來,是不是覺得很有成就感呢?

留言

對內容有任何問題與討論,歡迎留言給我們^^

Archive

聯絡表單

傳送