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