20Jul

26.Audio Boom!! Boom!! Boom!!

• 利用AE抽出音波當做Keyframe
• 使用Expression來連結音波並控制動作
Download Project |

有些片子常常會使用到「音波」這樣的元素,而AE裡剛好也可以將聲音的波動幅度轉變成Keyframe,這一篇就來講解一下怎麼運用聲音製作影片。

準備素材

1.請先分別下載 聲音檔圖片素材
2.打開AE,把素材通通都扔進去吧~。
3.新建Comp「Command(Ctrl)+N」,取名「Boom」尺寸 700*350 長度12秒 Frame Rate 30。(圖例)
4.雙擊「Buddy.mp3」,點選Footage面板下方Go to Time按鈕,輸入11:10,按ok。(圖例)
5.點選Footage面板下方設定11:10為Out點(圖例),然後再按下「插入素材按鈕」(圖例)將MP3檔放到Timeline面板中。
6.上面步驟再做一張圖給大家看看,(圖例)
7.TimeLine面板中打開Buddy.mp3層的所有子項目,可以看到聲波(圖例),發現最後面沒有切的很準,多了1、2格。把它拉回去一點就好了。(圖例)
8.請先存檔,準備開始製作了~

Step1:轉換音波

1.[Buddy.mp3] 層上按右鍵選取「Keyframe Assistant > Convert Audio to Keyframes」,AE會自動生出一個新的layer層,叫做 [Audio Amplitude]。
2.點選 [Audio Amplitude]層,看一下Effect Controls面板,裡面一共生成有3個效果,我們只會用到「Both Channels」,所以另外兩個可以殺掉沒關係。(圖例)
3.點選 [Audio Amplitude]層,按「U」,並打開Graph Editot。 (圖例)
4.把11:10以後的Keyframe通通殺掉。
5.點選 [Audio Amplitude]層下方的「Slider」全選所有的Keyframes,調整上方位置到30 units以內。(圖例)
6.音波的Keyframes部分準備好了,下面的步驟就來套用這些Keyframes吧。

Step2:添加圖片

1.把下載的Photo目錄圖檔全部拉到Timeline面板中。
2.按「S」調整Scale為25。並打開這4層圖片的3D模式。(圖例)
3.按「Y」調整4層圖片的軸心位置,通通移到圖片的最下方。(圖例)這裡的操作不會很好調,如果你想要直接輸入數值請參考圖例
4.接下來,把Comp視角改為Top,我們要來調整圖片的位置了。
5.利用位移、旋轉把4層圖片排成一個方形。(圖例)詳細數值就不用太在意了,大概就好啦~(圖例)
6.新增一個 50mm 的 Camera,按「C」調整位置方便觀看。
7.選取[Photo-03.jpg][Photo-06.jpg]兩層,按「S」打開Scale控制項,按著「Alt」鍵點選小碼表符號,打開Expression輸入介面。
8.把[Photo-03.jpg][Photo-06.jpg]兩層的Scale控制項裡的「豬尾巴」連結到 [Audio Amplitude] 裡面的「Slider」。(圖例)

看一下目前的結果:

Get the Flash Player to see the wordTube Media Player.

放大縮小似乎太過強烈點,等等調一下。

Step3:修正縮放效果

1.上一步驟中圖片的Scale數值都是連結 [Audio Amplitude] 裡面的「Slider」,因此要修正縮放強度的話,也是去改動「Slider」的數值就好了。
2.點選 [Audio Amplitude]層下方的「Slider」全選所有的Keyframes,調整下方位置到10 units以上。(圖例)

看一下修正後的結果,順多了~

Get the Flash Player to see the wordTube Media Player.

Step4:位移動作連結

1.[Photo-16.jpg] [Photo-19.jpg] 這兩層一樣要連結到 [Audio Amplitude] 裡面的「Slider」,不過這裡我們改成用位置來連結。
2.點選 [Photo-16.jpg],按「P」,按著「Alt」鍵點選小碼表符號,打開Position的Expression輸入介面。
3.把 [Photo-16.jpg] 的Position控制項裡「豬尾巴」連結到 [Audio Amplitude] 裡面的「Slider」。(圖例)
4.看一下結果….哇 位置根本不對,不能這樣連啊~現在的XYZ軸都跟著「Slider」一起變動,但我只需要他往橫向移動就好了啊~ 所以,接下來只好手動修正了。
5.注意看一下,Expression裡有一組數值[temp, temp, temp],這裡就是修正重點啦~,這個數值其實就是 [X, Y, Z]的數值。基本上我只有X軸需要連結到「Slider」,Y 跟 Z 軸我還是要原來的就好了。

6.這裡教大家一個參數「 transform.position[0], transform.position[1], transform.position[2] 」這就是原始軸心的位置,0 1 2分別代表X Y Z,所以等下把Y Z的數值換掉就好了。

第六步驟更正:transform.position[0],不用寫這麼長~寫成 position[0] 即可。

7.回到 [Photo-16.jpg] 的Position控制項裡,把 [temp, temp, temp] 改成 [temp,position[1],position[2]] 。
8.看看效果,X軸動的不夠大,必須調整一下,把數值改成 [-temp*5+350, position[1], position[2]] 。(圖例)
9. [Photo-19.jpg] 也做跟上面一樣的動作,數值為 [temp*5+350,position[1],position[2]] ,跟另一個只差在一個是負數,一個是正數喔。

看一下這一步的結果:

Get the Flash Player to see the wordTube Media Player.

Step5:加上一些其他東西

1.首先加上攝影機圍繞的動作,這裡各位自行調整即可。
2.再加上倒影,看起來會比較豐富(這裡用的是Preset檔,請參考這一章教的,或直接下載倒影Preset檔)。
3.最後再加了一層白色Solid當背景。結束。

看看最後完成的結果:

也可以看MOV大檔

Get the Flash Player to see the wordTube Media Player.


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