03Aug

28.3D Space

• 利用Photoshop創建3D環境
• 在AE裡活用3D環境,讓畫面更豐富
Download Project |

這一篇我們來講解3D環境,怎麼在AE裡套用VPE格式檔案,製作真實的3D環境,並且稍微提到一點點Expression的應用,步驟很多,請耐心觀看 😛

準備素材

1.請先下載範例檔,其中包含一張在上海某大樓裡拍的照片,請猜猜是在哪?

2.在Photoshop CS3中打開28-photo.jpg。選取「Filter > Vanishing Point」。(圖例)

3.在Vanishing Point的編輯視窗中點出地面(圖例), 如果地面消失點不合理會顯示紅線(圖例),請微調某一頂點讓他變成藍色框線。

4.按著Command(Ctrl)拖曳地面右方中間的點,將會產生一個新的框線(圖例)

5.依序拖曳(圖例)(圖例)(圖例),將最遠方那一面稍微放大一點,以免將來穿幫(圖例)

6.完成後,點選左上三角形選單,選取「Export for After Effect CS3(.vpe)…」(圖例)

7.彈出視窗中輸出檔案,新增一個目錄叫做「Vpe」,檔名取作「3D Space.vpe」

8.Photoshop的部份完成了,可以關掉啦。

Step1:輸入並調整

1.打開AE,輸入剛剛的Vpe檔,「File > Import > Vanishing Point(.vpe)…」(圖例)

2.輸入以後會看起來沒反應,請打開Project面板中的「3D Space.vpe」這個Comp, Comp面板中顯示如圖例

3.一開始的時候位置都會跑掉,只要稍微調整就好,請調整「Parent」層,調整如圖例,調整後應該是這樣的。

4.請先存檔,存檔完後按「C」,輕輕地動一下攝影機看看,你就會發現這是一個真實的3D環境了。

5.玩完以後請undo,回復到剛剛存檔時的狀態,攝影機運動我們最後一步驟才要做。

Step2:做顆小球

這裡我講快一點喔~這個步驟不需要跟我做的一樣,只要你覺得好看順眼就好了,不要被教程限制住了,總而言之,不過就是做一顆假的球出來就好了。

1.新增Comp,300*300、10秒、每秒30格(圖例)

2.新增Solid,新增一堆Effect,有那些?請看圖例1以及圖例2。參數就照圖上的修改即可。

3.只有「Fractal Noise」效果中的Rotation有設Keyframe,第一格「0度」、最後一格「70度」。

4.套好效果的圖層做旋轉動作,第一格「0x + 0.0度」、最後一格「1x + 0.0度」,轉360度一整圈。(圖例)

5.新增一層黑色Solid,使用Mask圈出大概的陰影位置。(圖例)

6.新增一層白色Solid,使用Mask圈出大概的亮部位置。(圖例)

看看這一步的效果:

Get the Flash Player to see the wordTube Media Player.

以上步驟如果你覺得很難,請看一下範例檔裡「Ball」這個Comp。

Step3:調整攝影機與小球的動作

1.將「Ball」這個Comp拉到 3D Space的Timeline面板上。開啟3D模式。

2.選取圓形的Mask工具(圖例),按兩下圓形工具。

3.Ball 層自動產生一個切齊圖層邊框的Mask,但是太大了要縮小,按「Command(Ctrl)+T」來縮放,將Mask縮放到比球小一點就好(圖例),然後調整邊緣羽化(圖例)

4.接下來要做球在這個3D空間的運動,請先把Comp的視角改成 Left 看一下(圖例),攝影機跟場景離作業的區域好遠啊~,這在作業中會變得很不方便,例如把其他層丟進這個Comp,一開始會是看不到的,要特別調整後才看的到。

5.請將 Camera 和 Parent 改成(圖例)

6.小球的動作…..用文字很難形容,請直接看範例檔,或是參考 (圖例1)(圖例2)(圖例3)

7.範例檔中我還有作小球的倒影,這個倒影沒甚麼技巧,就是基本上連結之前作的小球,然後手動去調整位置。

看一下這一步驟的結果:

Get the Flash Player to see the wordTube Media Player.

Step4:畫面加點震動

1.作震動最簡單的方法就是用Expression,所以我們來用吧~

2.按著Alt點選Parent下Position的小碼表圖案,然後再Expression窗口中輸入『wiggle(30,50)』(圖例)

3.現在會晃了~但是不用這麼多吧,我只需要球撞到牆壁的時候,震動一點點就好了。

4.所以必須先將震動轉變成可見的Keyframes來控制,點選「選單Animation > Keyframe Assistant > Convert Expression to Keyframes」(圖例),即可轉換成Keyframes了。

5.把不需要的Keyframes殺掉,留下球撞到牆壁的時間點附近一些些Keyframes即可。(圖例)大概是10-14、19-25這幾格。Expression前面的開關記得關掉,不然還是整個畫面在晃喔。

6.我最後有讓Camera動一點點,讓整個畫面更3D一點,數值請參考(圖例)

看一下最後完成的效果:

Get the Flash Player to see the wordTube Media Player.

結束~ 希望你喜歡~

如果對這篇教學有興趣,可以下載範例檔案來練習,有任何使用上的問題,歡迎留言討論