AE制作超级简单的环形进度条教程-教程-UICN用户体验设计平台

恭喜你成为UI中国推荐设计师（详情）

查看全部热门榜单

全部

常用搜索：作品集 AE ui设计 aigc icon logo app

您的意见是我们 UI 中国进步的动力！

点击立即反馈按钮，发表您的意见！

QQ群反馈

您也可以加入UI中国官方反馈群进行反馈！

群号：302892100

备注：反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作，请填写需求表单，我们会在第一时间与您联系！

0/20

0/200

设计大赛

设计大赛
发布广告
发布招聘
其它需求

取消发送需求

提交完成
感谢您对UI中国的支持和信赖！

我知道了

AE制作超级简单的环形进度条教程

0.0°

2017-02-08 原创文章 教程举报 28963 60 132 11

2008hanfeizi 关注

AE制作超级简单的环形进度条教程

下面来跟我一起做一个极其简单的环形进度条。

老规矩先来看下效果图： Image title

1、新建合成（Ctrl+N），设置合成宽高等。 Image title

2、新建固态层（Ctrl+Y），颜色自定，作为背景。 Image title

3、用图中工具绘制一个矩形。并右击形状图层，选择图层样式-投影，给矩形添加投影（无关紧要，重要的在后面） Image title

Image title

4、设置投影的相关参数。 Image title

5、用圆形工具绘制一个圆形，宽高自定，关闭填充颜色，添加描边，右击形状图层，选择图层样式-投影，给矩形添加投影（无关紧要，重要的还在后面）。按照上面的方法再绘制一个圆环，描边数值小于上一个圆形，命名为：进度条。 Image title

6、注意！注意！注意！关键步骤来了，点击图层左边的三角，点击内容右边的添加的小三角，选择修剪路径。

Image title 7、在图层下面的设置项里找到修建路径，打开三角，在第一帧打一个关键帧，数值设为0%，在后面再打一个关键帧，数值设置为100%。

8、其他的百分比变化，参考前面的教程：http://www.ui.cn/detail/206240.html

9、恭喜你，成功了！

更新：2017-02-08

132

下载

收藏

60人已收藏

克服恐惧的直接方法就是提升自己。

73

作品
275

粉丝
277

关注

相关标签

图标设计教程 AE教程 AE 动效进度条网页设计 UI设计 GUI 界面设计

猜你喜欢

2017-02-08 原创文章 教程举报 28963 60 132 11

AE制作超级简单的环形进度条教程

0.0°

添加收藏！

您还可以进行分类收藏

您确认要推荐？

该作品发布时间：2017年02月08日

评分

完整度

启发性

勤奋性

排版布局

推荐心得

建议20-200字以内

0/200

取消确定

2008hanfeizi

克服恐惧的直接方法就是提升自己。

助人为乐

原创超人

收藏家lv.3

勤学标兵lv.1

他的作品

粉丝： 275 获赞： 132 颜值：1698

132

60

11

账号或密码错误，请重新输入

账号或密码错误，请重新输入

账号注册忘记密码

登录

第三方账号登录