欢迎来到设计师实训基地-南通科迅教育
咨询电话:0513-81107102
【科迅干货】AE制作支付完成动效视频教程
2019/12/6
科迅教育
180
南通ui设计培训哪家好,多少钱?

先来看下本期的教程吧,最终效果如下,是一个支付成功的动效

141655ecgcle7cybg484c4.gif

我们可以通过AE中「修建路径」「位置」「缩放」这三个属性,来实现以上的效果。

整个动画大概有3个状态。

1、是在等待的状态;

2、是支付完成绿色线条填充完覆盖灰色;

3、是后面的线条细节弹出。

1416557nnkjzylz5ypk5ne_副本.jpg


我们可以点开图层,在「添加」里面找到「修剪路径」

141658s3wcfzkeapb7se3b_副本.png

修剪路径里面有3个属性,可以控制我们的线条,分别是「开始」「结束」「偏移」

141658czincfhy3in4kkrn_副本.png

141658sr8f1ee1glcezcl0.gif

以下是绿色线条的关键帧位置以及速度曲线

141658sr8f1ee1glcezcl0.gif

以下是绿色线条的关键帧位置以及速度曲线

141658aa3kadpshrxrihdd.jpg

以下是对勾的关键帧位置以及速度曲线

141659gzju7nn1jrsz9x99_副本.jpg

新建一个调整图层,将圆形描边,关联到调整图层,并通过调整「调整图层」的「缩放」属性来统一调整整个圆的缩小与放大。

141659p9ygq3gtfpfxdqf7_副本.png

141659jcgtto1c5z19b5d1.gif

通过调整「位置」「缩放」「修建路径」调整出背景的出现消失的效果

141659usmsxlurxjorq983_副本.png

调整后后面的线条细节之后,勾选上运动模糊

141659l3jnj76vsjngr7o5_副本.png

细节调整完之后就完成啦

14165924y0n0fy0y5ez454.gif

77
关闭
先学习,后交费申请表
每期5位名额
在线咨询
免费电话
QQ联系
先学习,后交费
TOP
您好,您想咨询哪门课程呢?
关于我们
机构简介
官方资讯
地理位置
联系我们
我要学习
先学后付
申请试听
在线咨询
网站XML地图
0513-81107102
周一至周六     8:30-21:00
微信扫我送教程
手机端访问
南通科迅教育信息咨询有限公司     苏ICP备15009282号     联系地址:江苏省南通市人民中路23-6号新亚大厦二楼、三楼         法律顾问:江苏瑞慈律师事务所     Copyright 2008-