這篇教程教AE特效學(xué)習(xí)者們，和APP界面動畫制作學(xué)習(xí)者們使用AE制作超炫路徑動效教程，教程非常實用。在APP的動效中算是非常酷炫的效果了，推薦過來和飛特網(wǎng)的朋友們一起分享一起學(xué)習(xí)，希望大家喜歡這篇教程，我們先來看看最終的效果圖吧：

　　首先，準(zhǔn)備素材，我采用直接在手機截屏的方法，獲取所需圖片，(如果想要做練習(xí)的可以自己把界面做一遍)包括加號中的五個應(yīng)用圖標(biāo)。

　　在ps中把背景、功能圖標(biāo)分開(包括加號旋轉(zhuǎn))，同時放個蒙層#000000,60%透明度(也可以在AE里畫)。

　　打開AE，雙擊紅色區(qū)域?qū)雙ath的ps源文件：

　　選擇導(dǎo)入，會彈出選擇彈出框，如下圖選擇：

　　雙擊紅色區(qū)域，圖層列表便會出現(xiàn)在時間軸中，同時顯示在中間視圖中：鼠標(biāo)在視圖區(qū)域通過滾軸可以放大縮小，也可以通過下面的百分比選擇

　　郵件紅框中的合成，選擇合成設(shè)置，設(shè)置動畫的時間長度，目前我們先設(shè)置3秒：

　　一切準(zhǔn)備就緒，開始做動畫了

　　首先，我們把蒙版層和五個功能圖標(biāo)隱藏：

　　把五個功能中及蒙版的圖層在時間軸中縮短(因為當(dāng)前用不到，點擊加號才會出現(xiàn))，點擊加號層中的下拉三角，我們首先用到的是旋轉(zhuǎn)加號，快捷R，并往后大概0.3秒處位置打個關(guān)鍵幀，點擊紅框區(qū)域便是給此處打關(guān)鍵幀：

　　然后我們再把時間指示器拖到五個功能的位置，給旋轉(zhuǎn)設(shè)置成旋轉(zhuǎn)-45度，如下圖：可以按空格鍵播放測試

　　然后顯示蒙版層，在0.3秒處的位置透明度前打關(guān)鍵針(不透明度快捷鍵為T，可以快速展開想要的)，給出透明度為0，到如上一個關(guān)鍵幀相同的位置透明度設(shè)為60%，可以按空格鍵播放測試速度，快了就把關(guān)鍵幀的距離間隔遠(yuǎn)些，反之就放近些，都可以拖動;記得中間按Ctrl+S保存：

　　然后開始做五個功能圖標(biāo)：

　　首先同時選中，(把小眼睛的圖標(biāo)打開)，因為要做位移動畫，

　　按快捷鍵P，將時間指示器移動到加號轉(zhuǎn)45度關(guān)鍵幀出，按下位置處的關(guān)鍵幀：

　　再將時間指示器移動到0.3秒處(根據(jù)個人理解，有些關(guān)鍵幀會用到同一個位置)：鼠標(biāo)按住移動到加號上，目前發(fā)現(xiàn)在加號的上面，我們要放到加號的后面，將左邊的加號圖層移動的最上方即可

　　注意一定要基本吻合，完全被加號蓋住即可：

　　其他四個一樣的操作：(可以使用鼠標(biāo)滾軸放大，用上下左右鍵微調(diào))

　　最后如下圖：可以按空格測試一下位移的效果

　　測試結(jié)果太快了，怎么辦呢?只要按著Shift鍵選擇關(guān)鍵幀，往后拖，間距大，則是放慢速度。

　　接下來做回彈的效果：

　　將時間指示器往后拖一點(具體自己試)，每個功能圖標(biāo)上移一點位置，下圖中圓圈中是最終位置，網(wǎng)上走一點是為了做彈力效果，每個圖標(biāo)依次做完：

　　按空格測試一下，我們發(fā)現(xiàn)位移動畫是有了，我們接著做旋轉(zhuǎn)動畫，位置動畫和旋轉(zhuǎn)動畫最好一起做，為了大家比較清楚，所以我們是分開做的。

　　首頁把時間指示器移到0.3秒處，選中五個功能圖標(biāo)層，按快捷鍵R,大關(guān)鍵幀：

　　然后將時間指示器移到最遠(yuǎn)的關(guān)鍵幀處，輸入1(旋轉(zhuǎn)一圈)，按空格測試一下

　　如果個人喜歡運動模糊，也可以自己添加，下圖標(biāo)紅框處添加即可

　　如下圖運動過程中有模糊的效果：

　　如下圖

　　目前我就不添加了，添加運動模糊機子比較卡：

　　實現(xiàn)效果圖如下圖(省略了點擊相機的步驟)：