AE-日夜交替UI风动画制作

目录

导入素材

操作

给按钮添加帧动画

给DAY文字透明度的帧变化

将白天图层制作的动效复制到夜晚图层

月亮动画

圆圈蒙版

缩放帧动画

将白天图层的遮罩设置成形状图层1

给动画添加灵魂

调整速度曲线

给圆圈动画添加运动模糊


导入素材

操作

双击白天-整理

设置预览前四秒

给按钮添加帧动画

给按钮添加帧动画,在第1s处,到达右边,然后停顿到第3s,再第4s处,返回到左边

给DAY文字透明度的帧变化

在1s处,按钮到达night夜晚,DAY文字透明度降低为30%,在4s处按钮回到DAY白天,DAY文字透明度恢复为100%

同理,给Night文字透明度的帧变化,这里就不赘述了

将白天图层制作的动效复制到夜晚图层

进入到黑夜整理合成,找到对应的图层,粘贴

其他动效也是同样的步骤,就不赘述了

月亮动画

给月亮图层的位置属性,添加帧动画,按钮在DAY处时,月亮未升起,按钮在NIGHT时,月亮升起

圆圈蒙版

在总效果中,添加一个圆圈图层,放置在中心位置,其锚点也在中心位置。

缩放帧动画

给圆圈添加缩放属性的帧动画,起始时,缩小为0,即一个点。按钮到达NIGHT时,适当放大,至少要填充满整个预览窗口,按钮回到DAY时,再缩小回0

将白天图层的遮罩设置成形状图层1

此时,会发现,按钮切换到夜晚,但是却转到了白天图层,所以我们需要进行遮罩反转

给动画添加灵魂

调整速度曲线

选中圆圈的所有帧,按f9,将帧速度变为非线性

打开图标编辑器,进一步调整速度变化曲线,达到先快后慢的效果

给圆圈动画添加运动模糊

同理,其他帧动画也可以进行上述的调整,这里就不赘述了

  • 5
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值