分享此网站可得100G教程,联系小洁领取点击这里给我发消息

《教程》AE制作APP启动动效图

APP设计 学UI设计 1039次浏览 0个评论 扫描二维码

刚好有人问到怎么制作这么一个手机APP启动动效图,我这里就简单的说下制作过程,下面只是一个简单的模板,要学会举一反三!看什么说的就是你!

首先先打开AE,然后下一步

然后的话把它关掉,

一个冷笑话送给你,下面正式进去主题:

第一步:新建合成   创建一个圆角矩形   填充#3385FF  居中   效果如下图:

《教程》AE制作APP启动动效图

第二步:创建一个圆    然后创建移动(Position)动画

《教程》AE制作APP启动动效图

效果如下图:

《教程》AE制作APP启动动效图

第三步:按照第二步制作多个圆动画   大小随意   多少你高兴就好

《教程》AE制作APP启动动效图

我简单的做了几个 ,效果是这样的:

《教程》AE制作APP启动动效图

第四步:打开脚本插件AE_Mercury.jsxbin

点击AE_Mercury    如下图:

《教程》AE制作APP启动动效图

这样一弄,唉,就很有灵性了,它就是这样的:

《教程》AE制作APP启动动效图

第五步:复制最底层的圆角矩形放置在最上面    创建文字层  打个帖字

《教程》AE制作APP启动动效图

然后创建《教程》AE制作APP启动动效图这2个图层的缩放(Scale)不透明度(Opacity)动画,最终效果是这样的:

《教程》AE制作APP启动动效图

到这里整个就做出来了,然后我找了个手机图把我做好的动图这么一放,这又更加的有灵性了,

《教程》AE制作APP启动动效图

 


推荐:查看最受欢迎的设计导航网站 → http://hao.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (0)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!