时间:2021-05-22
进度条动画用的地方范围非常广泛,一般出现在游戏和各种软件中,怎么做出美观高大上的进度条动画呢?下面我们就来看看详细的教程。
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怎么制作双圆转动的登录加载动画效果?
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
进度条我们经常看到,想要使用axure制作一个百分比进度条动画效果,该怎么制作呢?下面我们就来看看详细的教程。软件名称:AxureRPv8.1.0.3382En
网页进度条能够更好的反应当前网页的加载进度情况,loading进度条可用动画的形式从开始0%到100%完成网页加载这一过程。但是目前的浏览器并没有提供页面加载进
主题今天手把手教大家用CSS3制作圆形滚动进度条动画,想不会都难!那么,到底是什么东东呢?先不急,之前我分享了一个css实现进度条效果的博客《CSS实现进度条和
加载动画和进度条的真正目的是让用户了解任务的进度,有很多的基于JavaScript的动画,但我决定切换到CSS3。在本教程中,我决定制作动画的进度条,使用纯CS
想要使用WPS制作一个简易的进度条,该怎么制作一个简单的进度条呢?下面我们就来看看详细的教程。软件名称:WPSOfficeProPlus2016(wps2016