這篇教程教AE特效學(xué)習(xí)者們，和APP界面動畫制作學(xué)習(xí)者們使用AE制作超炫路徑動效教程，教程非常實(shí)用。在APP的動效中算是非?？犰诺男Ч?，推薦過來和飛特網(wǎng)的朋友們一起分享一起學(xué)習(xí)，希望大家喜歡這篇教程，我們先來看看最終的效果圖吧：
首先，準(zhǔn)備素材，我采用直接在手機(jī)截屏的方法，獲取所需圖片，(如果想要做練習(xí)的可以自己把界面做一遍)包括加號中的五個應(yīng)用圖標(biāo)。
在ps中把背景、功能圖標(biāo)分開(包括加號旋轉(zhuǎn))，同時(shí)放個蒙層#000000,60%透明度(也可以在AE里畫)。
打開AE，雙擊紅色區(qū)域?qū)雙ath的ps源文件：
選擇導(dǎo)入，會彈出選擇彈出框，如下圖選擇：
雙擊紅色區(qū)域，圖層列表便會出現(xiàn)在時(shí)間軸中，同時(shí)顯示在中間視圖中：鼠標(biāo)在視圖區(qū)域通過滾軸可以放大縮小，也可以通過下面的百分比選擇
郵件紅框中的合成，選擇合成設(shè)置，設(shè)置動畫的時(shí)間長度，目前我們先設(shè)置3秒：
一切準(zhǔn)備就緒，開始做動畫了
首先，我們把蒙版層和五個功能圖標(biāo)隱藏：
把五個功能中及蒙版的圖層在時(shí)間軸中縮短(因?yàn)楫?dāng)前用不到，點(diǎn)擊加號才會出現(xiàn))，點(diǎn)擊加號層中的下拉三角，我們首先用到的是旋轉(zhuǎn)加號，快捷R，并往后大概0.3秒處位置打個關(guān)鍵幀，點(diǎn)擊紅框區(qū)域便是給此處打關(guān)鍵幀：
然后我們再把時(shí)間指示器拖到五個功能的位置，給旋轉(zhuǎn)設(shè)置成旋轉(zhuǎn)-45度，如下圖：可以按空格鍵播放測試
然后顯示蒙版層，在0.3秒處的位置透明度前打關(guān)鍵針(不透明度快捷鍵為T，可以快速展開想要的)，給出透明度為0，到如上一個關(guān)鍵幀相同的位置透明度設(shè)為60%，可以按空格鍵播放測試速度，快了就把關(guān)鍵幀的距離間隔遠(yuǎn)些，反之就放近些，都可以拖動;記得中間按Ctrl+S保存：
然后開始做五個功能圖標(biāo)：
首先同時(shí)選中，(把小眼睛的圖標(biāo)打開)，因?yàn)橐鑫灰苿赢嫞?/p>
按快捷鍵P，將時(shí)間指示器移動到加號轉(zhuǎn)45度關(guān)鍵幀出，按下位置處的關(guān)鍵幀：
再將時(shí)間指示器移動到0.3秒處(根據(jù)個人理解，有些關(guān)鍵幀會用到同一個位置)：鼠標(biāo)按住移動到加號上，目前發(fā)現(xiàn)在加號的上面，我們要放到加號的后面，將左邊的加號圖層移動的最上方即可
注意一定要基本吻合，完全被加號蓋住即可：
其他四個一樣的操作：(可以使用鼠標(biāo)滾軸放大，用上下左右鍵微調(diào))
最后如下圖：可以按空格測試一下位移的效果
測試結(jié)果太快了，怎么辦呢?只要按著Shift鍵選擇關(guān)鍵幀，往后拖，間距大，則是放慢速度。
接下來做回彈的效果：
將時(shí)間指示器往后拖一點(diǎn)(具體自己試)，每個功能圖標(biāo)上移一點(diǎn)位置，下圖中圓圈中是最終位置，網(wǎng)上走一點(diǎn)是為了做彈力效果，每個圖標(biāo)依次做完：
