页面加载动效怎么做

关注:14 发布时间:2021-10-05 17:17:07

导语本文整理了页面加载动效怎么做经验知识,帮助您全面了解,小白也能成为高手,跟随小编一起来看一看吧!

在使用手机跳转到页面的过程中,如果应用的ui做的仔细,肯定会有相应的加载动态效果。装载一般是一种等待移动的情况。虽然做起来不难,但是用户体验更好。让我们学习如何做一个简单的页面加载动态效果。

详细介绍方法/步骤

打开电脑中的ae软件,ctrl n新建一个复合,复合帧率一般为30f,宽度和高度自行确定。

创建构图后,我们首先在画布上画一个椭圆,然后使用“锚定工具”将圆心移动到圆心。

然后复制圆ctrl c/v三次,并确保每个圆在不同的层上,总共有四个形状层。

选择4个圆,适当调整位置距离,使用分布图层中的“水平中心分布”直接对齐。

然后我们会添加一个关键帧,从左向右移动。首先,在开始的左图中添加一个关键帧。

我们举一个向上跳的例子,统计帧数,然后向上移动,再添加关键帧。

跳起来之后一定要摔倒,然后在下面的帧里往下移动,加一个关键帧,帧要一致。

选择框中的所有关键帧,右键单击关键帧,然后单击“关键帧助手”,将“慢动作”助手添加到关键帧。

比较后复制左圈的关键帧,计算相应的移动位置,在另一层粘贴ctrl v,这样就做了一个简单的加载效果。

猜你喜欢

热门手机经验

360微商频道查询入口