After Effects制作三維空間里跳動(dòng)的球體

這篇教程教朱峰社區(qū)的朋友們用after effects制作三維空間里跳動(dòng)的球體，教程比較簡(jiǎn)單制作的效果很漂亮。轉(zhuǎn)發(fā)過來和朱峰社區(qū)的朋友們一起分享了，教程要用到的素材圖片：

第一步

第二步

在photoshop cs3中打開28-photo.jpg。選取「filter > vanishing point」。（圖01）

圖01

第三步

在vanishing point的編輯窗口中點(diǎn)出地面， 如果地面消失點(diǎn)不合理會(huì)顯示紅線，請(qǐng)微調(diào)某一頂點(diǎn)讓他變成藍(lán)色框線。（圖02、03）

圖02

圖03

第四步

按著command（ctrl）拖曳地面右方中間的點(diǎn)，將會(huì)產(chǎn)生一個(gè)新的框線。（圖04）

圖04

第五步

依序拖曳下面前三張圖，將最遠(yuǎn)方那一面稍微放大一點(diǎn)，以免將來穿幫。（圖05、06、07、08）

圖05

圖06

圖07

圖08

第六步

完成后，點(diǎn)選左上三角形選單，選取「export for after effect cs3(.vpe)...」。（圖09）

圖09

第七步

彈出窗口中輸出檔案，新增一個(gè)目錄叫做「vpe」，文件名取作「3d space.vpe」。

第八步

photoshop的部份完成了，可以關(guān)掉啦。

輸入并調(diào)整

第九步

打開ae，輸入剛剛的vpe檔，「file > import > vanishing point(.vpe)...」。（圖10）

圖10

第十步

輸入以后會(huì)看起來沒反應(yīng)，請(qǐng)打開project面板中的「3d space.vpe」這個(gè)comp， comp面板中顯示如下圖。（圖11）

圖11

第十一步

一開始的時(shí)候位置都會(huì)跑掉，只要稍微調(diào)整就好，請(qǐng)調(diào)整「parent」層，調(diào)整如圖例，調(diào)整后應(yīng)該是這樣的。（圖12、13）

圖12

圖13

第十二步

請(qǐng)先存檔，存檔完后按「c」，輕輕地動(dòng)一下攝影機(jī)看看，你就會(huì)發(fā)現(xiàn)這是一個(gè)真實(shí)的3d環(huán)境了。

第十三步

玩完以后請(qǐng)undo，回復(fù)到剛剛存檔時(shí)的狀態(tài)，攝影機(jī)運(yùn)動(dòng)我們最后一步驟才要做。

做顆小球

第十四步

這里我講快一點(diǎn)喔～這個(gè)步驟不需要跟我做的一樣，只要你覺得好看順眼就好了，不要被教程限制住了，總而言之，不過就是做一顆假的球出來就好了。新增comp，300*300、10秒、每秒30格。（圖14）

圖14

第十五步

新增solid，新增effect，具體如下圖。（圖15、16）

圖15

圖16

第十六步

只有「fractal noise」效果中的rotation有設(shè)keyframe，第一格「0度」、最后一格「70度」。

第十七步

套好效果的圖層做旋轉(zhuǎn)動(dòng)作，第一格「0x + 0.0度」、最后一格「1x + 0.0度」，轉(zhuǎn)360度一整圈。（圖17）

圖17

第十八步

新增一層黑色solid，使用mask圈出大概的陰影位置。（圖18）

圖18

第十九步

新增一層白色solid，使用mask圈出大概的亮部位置。（圖19）

圖19

調(diào)整攝影機(jī)與小球的動(dòng)作

第二十步

將「ball」這個(gè)comp拉到 3d space的timeline面板上。開啟3d模式。

第二十一步

選取圓形的mask工具，雙擊圓形工具。（圖20）

圖20

第二十二步

ball 層自動(dòng)產(chǎn)生一個(gè)切齊圖層邊框的mask，但是太大了要縮小，按「command（ctrl）＋t」來縮放，將mask縮放到比球小一點(diǎn)就好，然后調(diào)整邊緣羽化。（圖21、22）

圖21

圖22

第二十三步

接下來要做球在這個(gè)3d空間的運(yùn)動(dòng)，請(qǐng)先把comp的視角改成 left 看一下，攝影機(jī)跟場(chǎng)景離作業(yè)的區(qū)域好遠(yuǎn)啊～，這在作業(yè)中會(huì)變得很不方便，例如把其他層丟進(jìn)這個(gè)comp，一開始會(huì)是看不到的，要特別調(diào)整后才看的到。（圖23）

圖23

第二十四步

請(qǐng)將 camera 和 parent 改成。（圖24）

圖24

第二十五步

小球的動(dòng)作.....用文字很難形容，請(qǐng)直接看范例文件，或是參考下圖。（圖25、26、27）

圖25

圖26

圖27

第二十六步

范例文件中我還有作小球的倒影，這個(gè)倒影沒甚么技巧，就是基本上連結(jié)之前作的小球，然后手動(dòng)去調(diào)整位置。

畫面加點(diǎn)震動(dòng)

第二十七步

作震動(dòng)最簡(jiǎn)單的方法就是用expression，所以我們來用吧～

第二十八步

按著alt點(diǎn)選parent下position的小碼表圖案，然后再expression窗口中輸入『wiggle(30,50)』。（圖28）

圖28

第二十九步

現(xiàn)在會(huì)晃了～但是不用這么多吧，我只需要球撞到墻壁的時(shí)候，震動(dòng)一點(diǎn)點(diǎn)就好了。

第三十步

所以必須先將震動(dòng)轉(zhuǎn)變成可見的keyframes來控制，點(diǎn)選「選單animation > keyframe assistant > convert expression to keyframes」，即可轉(zhuǎn)換成keyframes了。（圖29）

圖29

第三十一步

把不需要的keyframes殺掉，留下球撞到墻壁的時(shí)間點(diǎn)附近一些些keyframes即可。大概是10-14、19-25這幾格。expression前面的開關(guān)記得關(guān)掉，不然還是整個(gè)畫面在晃喔。（圖30）

圖30

第三十二步

我最后有讓camera動(dòng)一點(diǎn)點(diǎn)，讓整個(gè)畫面更3d一點(diǎn)，數(shù)值請(qǐng)參考。（圖31）

圖31

教程到此結(jié)束，最終效果如下圖。（圖32、33、34）

圖32

圖33

圖34

圖29

第三十一步

把不需要的keyframes殺掉，留下球撞到墻壁的時(shí)間點(diǎn)附近一些些keyframes即可。大概是10-14、19-25這幾格。expression前面的開關(guān)記得關(guān)掉，不然還是整個(gè)畫面在晃喔。（圖30）

圖30

第三十二步

我最后有讓camera動(dòng)一點(diǎn)點(diǎn)，讓整個(gè)畫面更3d一點(diǎn)，數(shù)值請(qǐng)參考。（圖31）

圖31

教程到此結(jié)束，最終效果如下圖。（圖32、33、34）

圖32

圖33

圖34