技术员联盟提供win764位系统下载,win10,win7,xp,装机纯净版,64位旗舰版,绿色软件,免费软件下载基地!

当前位置:主页 > 教程 > 软件教程 >

AE制作超炫路径动效教程

来源:技术员联盟┆发布时间:2019-04-24 18:06┆点击:

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

AE制作超炫路径动效教程 三联

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

AE制作超炫路径动效教程

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

AE制作超炫路径动效教程

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

AE制作超炫路径动效教程

  选择导入,会弹出选择弹出框,如下图选择:

AE制作超炫路径动效教程

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

AE制作超炫路径动效教程

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

AE制作超炫路径动效教程

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

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

AE制作超炫路径动效教程

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

AE制作超炫路径动效教程

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

AE制作超炫路径动效教程

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

AE制作超炫路径动效教程

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

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

AE制作超炫路径动效教程

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

AE制作超炫路径动效教程

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

AE制作超炫路径动效教程

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

AE制作超炫路径动效教程

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

AE制作超炫路径动效教程

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

AE制作超炫路径动效教程

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

AE制作超炫路径动效教程

  接下来做回弹的效果:

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

AE制作超炫路径动效教程