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

百度经验   发布时间:2019-11-12 17:27:10   作者:liuyuanbin120   我要评论
AE怎么制作一个漂亮的进度条loading动画?网页中经常能见到进度条加载动画,该怎么制作一个进度条加载动画效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下

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

软件名称:
Adobe After Effects CC 2019(AE) for Mac V16.1 苹果电脑版
软件大小:
2.12GB
更新时间:
2019-03-28立即下载

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

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

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

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

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

6、打开Adobe ImageReady CS2,导入刚才的图片序列,选择优化好的第四联,再按CTRL+SHIFT+AIT+S输出GIF格式,设置好保存路径,导出后得到动态图片。

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

相关推荐:

AE怎么制作裂变式加载小动画?

ae怎么制作小球页面加载动效?

AE怎么制作双圆转动的登录加载动画效果?

相关文章

  • ae怎么制作一段树皮脱落文字显示的动画?

    ae怎么制作一段树皮脱落文字显示的动画?ae中想要制作一个脱落出现文字的动画效果,该怎么制作这个动画效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-04-16
  • ae怎么制作多个圆形移动融合的动画效果?

    ae怎么制作多个圆形移动融合的动画效果?ae中想要制作多个圆形移动融合的动画,该怎么制作四周的圆形向中间移动并融合的效果嗯?下面我们就来看看详细的教程,需要的朋友可
    2019-04-15
  • AE怎么制作双圆转动的登录加载动画效果?

    AE怎么制作双圆转动的登录加载动画效果?AE中想要制作一个登陆加载的动画效果,该怎么制作这个效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-04-08
  • AE中继器怎么制作烟花绽放效果的动画?

    AE中继器怎么制作烟花绽放效果的动画?有时候网页加载的时候,会出现一个类似烟花绽放的小动画效果,该怎么制作这个动画效果呢?今天我们就来看看使用ae中继器来完成的技巧
    2019-04-04
  • AE怎么使用time表达式怎么转动的钟表动画?

    AE怎么使用time表达式怎么转动的钟表动画?AE中想要制作一个正常走动的钟表动画,该怎么制作呢?下面我们就来看看ae钟表转动效果的制作方法,需要的朋友可以参考下
    2019-04-03
  • ae两张图片素材怎么添加斜角擦除过渡动画效果?

    ae两张图片素材怎么添加斜角擦除过渡动画效果?ae中直走动画过度效果很简单,想要制两张图片斜角擦除的效果,该怎么制作这个效果呢?下面我们就来看看详细的教程,需要的朋
    2019-04-02
  • AE怎么制作点击下拉菜单的动画效果?

    AE怎么制作点击下拉菜单的动画效果?网页中有很多下拉菜单,想要使用ae制作一个下拉菜单的动画效果,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-04-01
  • AE2018怎么制作颤抖的文字? ae颤抖字体动画的制作方法

    AE2018怎么制作颤抖的文?ae2018中想要制作一个抖动的文字,该怎么制作颤抖的文字动画呢?下面我们就来看看ae颤抖字体动画的制作方法,需要的朋友可以参考下
    2019-04-01
  • AE怎么制作自行车轮一直转动的动画效果?

    AE怎么制作自行车轮一直转动的动画效果?ae中制作动画很简单,想啊哟给自行车添加循环转动的动画,该怎么添加呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-03-29
  • AE怎么制作一个loading加载小动画效果?

    AE怎么制作一个loading加载小动画效果?ae中想要制作一个加载的动画,该怎么制作一个加载的动画呢?下面我们就来看看ae家在动画的设计方法,需要的朋友请参考一下
    2019-03-24

最新评论