排行时报

页面加载动效怎么做

科技数码  2023-01-05 07:50:30  热度:52℃

在使用手机跳转页面的过程中,如果应用的UI做得比较细致的话,肯定会有相应的加载动效,加载一般就是运动等待的情况,虽然做起来不难,但是用户体验比较好,下面来学习一下怎么做一个简单的页面加载动效。

01、打开电脑中的AE软件,ctrl+n新建一个合成,合成的帧速率一般都是30f,宽高自定。

02、创建合成之后,在画布上我们先绘制一个椭圆,然后用“锚点工具”将圆的中心店移动到圆心。

03、接着将这个圆ctrl+c/v复制3个出来,要保证每个圆都是在不同的图层,一共有4个形状图层。

04、选择4个圆形,将位置距离进行适当调整,直接使用分布图层中的“水平居中分布”也可以进行对齐排列。

05、接着我们就来加关键帧,顺序是从左到右运动,先给左侧的图形在开始的位置加一个关键帧。

06、我们举例往上跳动,算好帧数,然后向上移动,再次添加关键帧。

07、跳上去之后肯定要落下去,再往后的帧数中向下移动,添加一个关键帧,帧数最好保证一致。

08、框选所有关键帧,右键关键帧后点击“关键帧辅助”,在里边给关键帧添加“缓动”辅助。

09、最后复制左侧圆的关键帧,算好相应的运动位置之后ctrl+v粘贴在别个图层中,这样就做好了一个简单的加载动效。

最近更新

  • 怎么将wps输出为pdf的文字水印设置为单行

    怎么将wps输出为pdf的文字水印设置为单行

    2025-04-26761阅读

  • Ubuntu 20.04新增仓颉输入法

    Ubuntu 20.04新增仓颉输入法

    2025-04-26715阅读

  • 950显卡能吃鸡吗

    950显卡能吃鸡吗

    2025-04-27892阅读

  • 扫描件是什么格式的

    扫描件是什么格式的

    2025-04-26742阅读

  • win7怎么设置屏幕休眠密码(win7屏幕保护设置密码)

    win7怎么设置屏幕休眠密码(win7屏幕保护设置密码)

    2025-04-26804阅读

  • 电脑怎么删除桌面图标 笔记本电脑如何删除桌面上的图标

    电脑怎么删除桌面图标 笔记本电脑如何删除桌面上的图标

    2025-04-26804阅读

  • 怎么用vlookup匹配数据?

    怎么用vlookup匹配数据?

    2025-04-26681阅读

  • 嗜睡说明了什么问题

    嗜睡说明了什么问题

    2022-12-21896阅读

  • 入睡很困难该怎么办

    入睡很困难该怎么办

    2022-12-20944阅读

  • 发质不好可以怎么办

    发质不好可以怎么办

    2022-12-21937阅读

  • 精选专题