欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

AE怎么制作一个漂亮的进度条loading动画?

程序员文章站 2023-11-15 11:30:04
AE怎么制作一个漂亮的进度条loading动画?...

进度条动画用的地方范围非常广泛,一般出现在游戏和各种软件中,怎么做出美观高大上的进度条动画呢?下面我们就来看看详细的教程。

AE怎么制作一个漂亮的进度条loading动画?

1、打开ae软件,按ctrl+n新建一个合成,设置好长度和宽度和时间长度,再点击确定按钮。

AE怎么制作一个漂亮的进度条loading动画?

2、选择圆角矩形工具,再新建的舞台画出一个圆角矩形,调整角的圆度,去掉描边路径的眼睛,填充好进度条底颜色,然后按ctrl+home居中图形在舞台*。

AE怎么制作一个漂亮的进度条loading动画?

3、选择钢笔工具,按住shift键并用鼠标画出一条水平直线,调整好线的长度,然后按ctrl+home居中线条。

AE怎么制作一个漂亮的进度条loading动画?

4、选择锚点工具,把线条的中心点调到线条的左边线端,在第一帧设置缩放关键帧并去掉框中的链条。再到缩放里设置线条长度为0,再到最后一帧设置线条长度为100。

AE怎么制作一个漂亮的进度条loading动画?

AE怎么制作一个漂亮的进度条loading动画?

AE怎么制作一个漂亮的进度条loading动画?

5、点开内容项,设置好线条的宽度和颜色。最后线条两端设置它的圆点,这时候按空格键就可以看见它的动画效果了。这时候可以导出图片序列了。按ctrl+m弹出对话框,设置好文件存放路径,设置好图片格式,和透明通道,再点击确定按钮,再点击渲染按钮,最后得到图片序列。

AE怎么制作一个漂亮的进度条loading动画?

AE怎么制作一个漂亮的进度条loading动画?

AE怎么制作一个漂亮的进度条loading动画?

6、打开adobe imageready cs2,导入刚才的图片序列,选择优化好的第四联,再按ctrl+shift+ait+s输出gif格式,设置好保存路径,导出后得到动态图片。

AE怎么制作一个漂亮的进度条loading动画?

AE怎么制作一个漂亮的进度条loading动画?

AE怎么制作一个漂亮的进度条loading动画?

以上就是ae制作一个漂亮的进度条loading动画的教程,希望大家喜欢,请继续关注。