页面加载动效怎么做

在使用手机跳转页面的过程中 , 如果应用的UI做得比较细致的话,肯定会有相应的加载动效,加载一般就是运动等待的情况,虽然做起来不难 , 但是用户体验比较好 , 下面来学习一下怎么做一个简单的页面加载动效 。
操作方法01、打开电脑中的AE软件,ctrl n新建一个合成,合成的帧速率一般都是30f,宽高自定 。

页面加载动效怎么做


02、创建合成之后,在画布上我们先绘制一个椭圆,然后用“锚点工具”将圆的中心店移动到圆心 。
03、接着将这个圆ctrl c/v复制3个出来,要保证每个圆都是在不同的图层,一共有4个形状图层 。
04、选择4个圆形,将位置距离进行适当调整,直接使用分布图层中的“水平居中分布”也可以进行对齐排列 。
05、接着我们就来加关键帧,顺序是从左到右运动,先给左侧的图形在开始的位置加一个关键帧 。
06、我们举例往上跳动,算好帧数,然后向上移动,再次添加关键帧 。
07、跳上去之后肯定要落下去,再往后的帧数中向下移动,添加一个关键帧,帧数最好保证一致 。
08、框选所有关键?。壹丶『蟮慊鳌肮丶「ㄖ? ,在里边给关键帧添加“缓动”辅助 。
【页面加载动效怎么做】09、最后复制左侧圆的关键?。愫孟嘤Φ脑硕恢弥骳trl v粘贴在别个图层中 , 这样就做好了一个简单的加载动效 。

    推荐阅读