首页
就业
干货
当前位置:
首页
技术交流
【科迅干货】AE制作支付完成动效视频教程
【科迅干货】AE制作支付完成动效视频教程
浏览量: 650
类别:技术交流

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

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
南京校区:南京市建邺区新城科技园广聚路33号安科大厦4楼
18724002926
南通校区:南通市崇川区人民中路23号新亚大厦3楼
13626275979
上海校区:筹建中...
敬请期待
全国咨询电话
400-836-0509
周一至周日   08:30-21:30
关注免费学习
苏ICP备15009282号     科迅教育版权所有     Copyright 2008 -
领取学习视频资料
限前100名
在线咨询
教学视频
索取资料
0元试听
学习补助
返回顶部