這篇教程教大家用AE制作跟隨音符跳動(dòng)的圖片，教程制作的效果有點(diǎn)類似于音樂播放器的界面效果。制作難度中等。轉(zhuǎn)發(fā)過來和飛特的朋友們一起學(xué)習(xí)。先來看看最終的效果圖：

　　1、請先分別下載 聲音檔、圖片素材。

　　聲音文件下載地址為：http://www.colorvfx.com/AE/PRoject/26-AudioBoom/Buddy.zip

　　圖片文件下載地址為：http://www.colorvfx.com/AE/project/26-AudioBoom/Photo.zip

　　2、打開AE，把素材通通都扔進(jìn)去吧。

　　3、新建Comp「Command(Ctrl)+N」，取名「Boom」尺寸 700*350 長度12秒 Frame Rate 30。(圖01)

　　4、雙擊「Buddy.mp3」，點(diǎn)選Footage面板下方Go to Time按鈕，輸入11:10，按ok。(圖02)

　　5、點(diǎn)選Footage面板下方設(shè)定11:10為Out點(diǎn)，然后再按下「插入素材按鈕」將MP3檔放到Timeline面板中。(圖03、04)

　　6、上面步驟再做一張圖給大家看看，(圖05)

　　7、TimeLine面板中打開Buddy.mp3層的所有子項(xiàng)目，可以看到聲波，發(fā)現(xiàn)最后面沒有切的很準(zhǔn)，多了1、2格。把它拉回去一點(diǎn)就好了。(圖06、07)

　　8、請先存檔，準(zhǔn)備開始制作了～

　　第一步：轉(zhuǎn)換聲波

　　1、[Buddy.mp3] 層上右鍵單擊選取「Keyframe Assistant > Convert Audio to Keyframes」，AE會(huì)自動(dòng)生出一個(gè)新的layer層，叫做 [Audio Amplitude]。

　　2、點(diǎn)選 [Audio Amplitude]層，看一下Effect Controls面板，里面一共生成有3個(gè)效果，我們只會(huì)用到「Both Channels」，所以另外兩個(gè)可以殺掉沒關(guān)系。(圖08)

　　3、點(diǎn)選 [Audio Amplitude]層，按「U」，并打開Graph Editot。 (圖09)

　　4、把11:10以后的Keyframe通通殺掉。

　　5、點(diǎn)選 [Audio Amplitude]層下方的「Slider」全選所有的Keyframes，調(diào)整上方位置到30 units以內(nèi)。(圖10)

　　6、音波的Keyframes部分準(zhǔn)備好了，下面的步驟就來套用這些Keygrames吧。

　　第二步：添加圖片

　　1、把下載的Photo目錄圖文件全部拉到Timeline面板中。

　　2、按「S」調(diào)整Scale為25。并打開這4層圖片的3D模式。(圖11)

　　3、按「Y」調(diào)整4層圖片的軸心位置，通通移到圖片的最下方。這里的操作不會(huì)很好調(diào)，如果你想要直接輸入數(shù)值請參考圖例。(圖12、13)

　　4、接下來，把Comp視角改為Top，我們要來調(diào)整圖片的位置了。

　　5、利用位移、旋轉(zhuǎn)把4層圖片排成一個(gè)方形。詳細(xì)數(shù)值就不用太在意了，大概就好啦～(圖14、15)

　　6、新增一個(gè) 50mm 的 Camera，按「C」調(diào)整位置方便觀看。

　　7、選取[Photo-03.jpg][Photo-06.jpg]兩層，按「S」打開Scale控件，按著「Alt」鍵點(diǎn)選小碼表符號，打開Expression輸入接口。

　　8、把[Photo-03.jpg][Photo-06.jpg]兩層的Scale控件里的「豬尾巴」連結(jié)到 [Audio Amplitude] 里面的「Slider」。(圖16)

　　看一下目前的結(jié)果，放大縮小似乎太過強(qiáng)烈點(diǎn)，需要調(diào)一下。

　　第三步：修正縮放效果

　　1、上一步驟中圖片的Scale數(shù)值都是連結(jié) [Audio Amplitude] 里面的「Slider」，因此要修正縮放強(qiáng)度的話，也是去改動(dòng)「Slider」的數(shù)值就好了。

　　2、點(diǎn)選 [Audio Amplitude]層下方的「Slider」全選所有的Keyframes，調(diào)整下方位置到10 units以上。(圖17)

　　大家可以看一下自己修正后的結(jié)果，順多了～

　　第四步：位移動(dòng)作連結(jié)

　　1、[Photo-16.jpg] [Photo-19.jpg] 這兩層一樣要連結(jié)到 [Audio Amplitude] 里面的「Slider」，不過這里我們改成用位置來鏈接。

　　2、點(diǎn)選 [Photo-16.jpg]，按「P」，按著「Alt」鍵點(diǎn)選小碼表符號，打開Position的Expression輸入接口。

　　3、把 [Photo-16.jpg] 的Position控件里「豬尾巴」連結(jié)到 [Audio Amplitude] 里面的「Slider」。(圖18)

　　4、看一下結(jié)果....哇 位置根本不對，不能這樣連啊～現(xiàn)在的XYZ軸都跟著「Slider」一起變動(dòng)，但我只需要他往橫向移動(dòng)就好了啊～ 所以，接下來只好手動(dòng)修正了。

　　5、注意看一下，Expression里有一組數(shù)值[temp, temp, temp]，這里就是修正重點(diǎn)啦～，這個(gè)數(shù)值其實(shí)就是 [X, Y, Z]的數(shù)值。基本上我只有X軸需要連結(jié)到「Slider」，Y 跟 Z 軸我還是要原來的就好了。

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

　　7、回到 [Photo-16.jpg] 的Position控件里，把 [temp, temp, temp] 改成 [temp, transform.position[1], transform.position[2]] 。

　　8、看看效果，X軸動(dòng)的不夠大，必須調(diào)整一下，把數(shù)值改成 [-temp*5+350, transform.position[1], transform.position[2]] 。(圖19)

　　9、 [Photo-19.jpg] 也做跟上面一樣的動(dòng)作，數(shù)值為 [temp*5+350, transform.position[1], transform.position[2]] ，跟另一個(gè)只差在一個(gè)是負(fù)數(shù)，一個(gè)是正數(shù)喔。

　　第五步：加上一些其他東西

　　1、首先加上攝影機(jī)圍繞的動(dòng)作，這里各位自行調(diào)整即可。

　　2、再加上倒影，看起來會(huì)比較豐富。

　　3、最后再加了一層白色Solid當(dāng)背景。結(jié)束。(圖20)