03Aug

28.3D Space

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

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

準備素材

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.

結束~ 希望你喜歡~

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


  1. 1 06 Aug 2008

    十分感谢
    那个3D空间的第一次见到
    十分感谢
    继续关注

  2. 2 Noise07 Aug 2008

    希望你喜歡~ :D

  3. 3 hsinly07 Aug 2008

    我问一下。我的cs3里面没有那个Vanishing Point,也没有输出成AE档。。难道要装插件??

  4. 4 Noise07 Aug 2008

    你需要用 Photoshop CS3 Extended版本才會有這個功能喔。
    Photoshop CS3有分版本,請參考 http://www.adobe.com/cn/products/photoshop/

  5. 5 hsinly07 Aug 2008

    不好意思。我找到了。。呵呵。。感觉好兴奋啊。。这个功能太好用了

  6. 6 hsinly07 Aug 2008

    弱弱的问个表达式哈。。嘿嘿。。我想让物体只在X轴wiggle,该怎么写?

  7. 7 Noise07 Aug 2008

    wiggle似乎會對XYZ同時作用,所以我的做法是這樣

    1. 先新增一個null層,然後在null層的Position寫『wiggle(1,5)』(數值可以修改)
    2. 然後把你要做動作的那一層的Position寫:
    temp = thisComp.layer(”Null 1″).transform.position[0];
    [temp, position[1]]
    3. [temp, position[1]]的意思就是,只有X軸回跟隨null層的Wiggle晃動,Y軸就用自己本身的數值。

    如果是3D的層,多了Z軸,只要多加寫一個position[2]變成:
    temp = thisComp.layer(”Null 1″).transform.position[0];
    [temp, position[1], position[2]]

    以上,希望你看的懂我寫的~ :D

  8. 8 Noise07 Aug 2008

    另外給你個地址下載我試作的檔案,你研究看看。
    Wiggle.aep

  9. 9 hsinly08 Aug 2008

    呵呵。。看的明白。非常之感谢!~

    我在几个国外的网站看到你的足迹了哦。羡慕哦。

    Andrew Kramer的视频教程好像屏蔽了中国了。郁闷。

  10. 10 Noise08 Aug 2008

    VideoCopilot 被屏蔽掉了? 那很慘耶,他的教學可是AE界裡最屌的,看他的教學對學習AE可是超級有幫助的啊!!

  11. 11 hsinly12 Aug 2008

    问个AE 的表达式。。
    图层A 的scale 随图层B的scale的变大而变小。
    比如图层B缩放120% 图层A就缩放100/120.。这个表达式该怎么写?

  12. 12 Noise12 Aug 2008

    這是個數學問題,加加減減的應該就可以了,我的話會用比較容易懂的方式來做,你試試看。

    除了兩個物件外,新增一個Adjustment Layer,給他一個Slider Control來一次控制另外兩個物件的Scale,另外兩個物件的Scale寫法,一個是「本身Scale-Slider Control數值」,一個是「本身Scale+Slider Control數值」,這樣好處是,只要調整Slider Control數值,就會剛好一個放大一個縮小了。請看範例檔 :D

    其實應該有兩個物件直接連結的寫法,但我還沒想到 哈哈~

  13. 13 Noise12 Aug 2008

    兩個物件直接連結的寫法更簡單 :P 寫好了
    請看 另一個範例檔

  14. 14 hsinly12 Aug 2008

    我现在只能用两个物件连结的方法。因为我是用的tracker control 做的追踪得到的scale。
    我举个例子说吧,我想做一副眼镜跟着画面里面的人物运动并缩放,运动已经解决了,缩放还弄不清楚。

  15. 15 Noise12 Aug 2008

    >> 一副眼镜跟着画面里面的人物运动并缩放,运动已经解决了,缩放还弄不清楚
    Tracker Control 裡不是也可以選擇Scale? 不太懂?
    上面兩個物件直接連結的寫法對你有幫助嗎?

  16. 16 hsinly13 Aug 2008

    Tracker Control 是选择了scale,,如何保持把眼镜稳稳当当的戴在画面中的人物脸上(人物是从远到近)。。thank you!~

  17. 17 AB14 Aug 2008

    原來要先在PS中制作才能有這種3D效果啊@@

    我想提問….如何能用普通網上尋到的花樹草的照片素材製作一個有3D OR 空間感的自然景色鏡頭在AE中??

  18. 18 幻想世界27 Oct 2008

    VideoCopilot 我能进去 我还下载了好大一部分的教学碟 不是在官方下载的 那个我吐血的也买不起 我这里没有屏蔽
    呵呵 以前还不知道这个网站 现在去逛下

  19. 19 K28 Oct 2008

    Vanishing Point部份
    要選擇匯出VPE部份,沒有選項可以點
    這個部份怎麼辦…是少了元件還是要另外擴充?

  20. 20 Noise03 Nov 2008

    >> 幻想世界
    VideoCopilot 現在好像都沒有被屏蔽了,他們的教程是很好的學習範本。

    >>K
    你用的是CS3版本嗎?VPE應該是內建在Photoshop CS3裡的喔,不是另外安裝的。

  21. 21 Anonymous09 Dec 2008

    想問一下,那個ball是否一定需要white solid?

  22. 22 noise10 Dec 2008

    也可以是任何顏色的Solid,主要是要有一個layer層

  23. 23 Anonymous10 Dec 2008

    謝謝你呀~但想問問陰影部份那裡,為何我做起來有一片黑色?
    http://i102.photobucket.com/albums/m112/ihmcjacky/AE.jpg

  24. 24 Anonymous10 Dec 2008

    看了你的範例~明白了~原來要做feather~~
    ps:你的教學很正~繼續注視你的教學~~

  25. 25 Anonymous10 Dec 2008

    又出現問題了~學到這裡:
    將「Ball」這個Comp拉到 3D Space的Timeline面板上。開啟3D模式。
    開啓3d模式後,我那個球不見了..
    叧”選取圓形的Mask工具(圖例),按兩下圓形工具。”
    按兩下圓形工具是否按下圓形mask工具後再在上面按2下?

  26. 26 Noise14 Dec 2008

    開啓3d模式球應該是不會不見的,或者要檢查一下攝影機的問題,
    有可能球的那一層跑到攝影機看不到的地方去了。

    Mask工具的問題:都可以耶,有沒有先選圓形Mask工具的可以,只要在他上面按兩下就好,結果是一樣的。

Leave a Reply