《教程》AE制作APP启动动效图-教程-UICN用户体验设计平台

恭喜你成为UI中国推荐设计师（详情）

查看全部热门榜单

全部

常用搜索：作品集 AE ui设计 aigc icon logo app

您的意见是我们 UI 中国进步的动力！

点击立即反馈按钮，发表您的意见！

立即反馈

QQ群反馈

您也可以加入UI中国官方反馈群进行反馈！

群号：302892100

备注：反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作，请填写需求表单，我们会在第一时间与您联系！

0/20

0/200

设计大赛

设计大赛
发布广告
发布招聘
其它需求

取消发送需求

提交完成
感谢您对UI中国的支持和信赖！

我知道了

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

0.0°

2017-07-14 原创文章 教程举报 10179 53 82 8

UImili 关注

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

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

然后的话把它关掉，

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

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

Image title

第二步：创建一个圆然后创建移动（Position）动画

Image title

效果如下图：

Image title

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

Image title

我简单的做了几个，效果是这样的：

Image title

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

点击AE_Mercury 如下图：

Image title

这样一弄，唉，就很有灵性了，它就是这样的：

Image title

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

Image title

然后创建 Image title 这2个图层的缩放（Scale）不透明度（Opacity）动画，最终效果是这样的：

Image title

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

Image title

希望可以对你有所帮助，特别是那种笨的要命的，请点个赞再走，谢谢~

Image title

更新：2017-07-14

53人已收藏

UImili

坚持，唯有坚持，别无选择

14

作品
69

粉丝
5

关注

猜你喜欢

2017-07-14 原创文章 教程举报 10179 53 82 8

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

0.0°

添加收藏！

您还可以进行分类收藏

您确认要推荐？

该作品发布时间：2017年07月14日

评分

完整度

启发性

勤奋性

排版布局

提交需求

猜你喜欢

举报理由:

您确认要推荐？

评分

推荐心得