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