AE制作超炫路径动效教程

AE制作超炫路径动效教程

 　　这篇教程教AE特效学习者们，和APP界面动画制作学习者们使用AE制作超炫路径动效教程，教程非常实用。在APP的动效中算是非常酷炫的效果了，推荐过来和飞特网的朋友们一起分享一起学习，希望大家喜欢这篇教程，我们先来看看最终的效果图吧：

　　首先，准备素材，我采用直接在手机截屏的方法，获取所需图片，(如果想要做练习的可以自己把界面做一遍)包括加号中的五个应用图标。

　　在ps中把背景、功能图标分开(包括加号旋转)，同时放个蒙层#000000,60%透明度(也可以在AE里画)。

　　打开AE，双击红色区域导入path的ps源文件：

　　选择导入，会弹出选择弹出框，如下图选择：

　　双击红色区域，图层列表便会出现在时间轴中，同时显示在中间视图中：鼠标在视图区域通过滚轴可以放大缩小，也可以通过下面的百分比选择

　　邮件红框中的合成，选择合成设置，设置动画的时间长度，目前我们先设置3秒：

　　一切准备就绪，开始做动画了

　　首先，我们把蒙版层和五个功能图标隐藏：

　　把五个功能中及蒙版的图层在时间轴中缩短(因为当前用不到，点击加号才会出现)，点击加号层中的下拉三角，我们首先用到的是旋转加号，快捷R，并往后大概0.3秒处位置打个关键帧，点击红框区域便是给此处打关键帧：

　　然后我们再把时间指示器拖到五个功能的位置，给旋转设置成旋转-45度，如下图：可以按空格键播放测试

　　然后显示蒙版层，在0.3秒处的位置透明度前打关键针(不透明度快捷键为T，可以快速展开想要的)，给出透明度为0，到如上一个关键帧相同的位置透明度设为60%，可以按空格键播放测试速度，快了就把关键帧的距离间隔远些，反之就放近些，都可以拖动;记得中间按Ctrl+S保存：

　　然后开始做五个功能图标：

　　首先同时选中，(把小眼睛的图标打开)，因为要做位移动画，

　　按快捷键P，将时间指示器移动到加号转45度关键帧出，按下位置处的关键帧：

　　再将时间指示器移动到0.3秒处(根据个人理解，有些关键帧会用到同一个位置)：鼠标按住移动到加号上，目前发现在加号的上面，我们要放到加号的后面，将左边的加号图层移动的最上方即可

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

　　其他四个一样的操作：(可以使用鼠标滚轴放大，用上下左右键微调)

　　最后如下图：可以按空格测试一下位移的效果

　　测试结果太快了，怎么办呢?只要按着Shift键选择关键帧，往后拖，间距大，则是放慢速度。

　　接下来做回弹的效果：

　　将时间指示器往后拖一点(具体自己试)，每个功能图标上移一点位置，下图中圆圈中是最终位置，网上走一点是为了做弹力效果，每个图标依次做完：

　　按空格测试一下，我们发现位移动画是有了，我们接着做旋转动画，位置动画和旋转动画最好一起做，为了大家比较清楚，所以我们是分开做的。

　　首页把时间指示器移到0.3秒处，选中五个功能图标层，按快捷键R,大关键帧：

　　然后将时间指示器移到最远的关键帧处，输入1(旋转一圈)，按空格测试一下

　　如果个人喜欢运动模糊，也可以自己添加，下图标红框处添加即可

　　如下图运动过程中有模糊的效果：

　　如下图

　　目前我就不添加了，添加运动模糊机子比较卡：

　　实现效果图如下图(省略了点击相机的步骤)：