加载圆环怎么做?Figma制作加载圆环的方法

金珍妮            来源:优草派

圆环加载效果你一定在各种软件上见过,这样的动效可以应用到各种的场景中。在我们的UI设计中,经常会使用到的软件就是Figma软件。我们可以在这个软件中实现很多界面动画效果,这也是一个让我们喜爱并且常用的软件。今天小编为大家带来的就是,如何用我们的Figma怎么制作加载圆环的具体方法和步骤,赶快和小编一起来看一看学习起来吧!

加载圆环怎么做?Figma制作加载圆环的方法

1.首先画一个圆,然后我们添加两个投影,将圆环的体积感做出来。

2.添加外阴影完成之后,再给我们的圆环添加两个内阴影。

3.接下来,再复制一个,调整一下相反的位置,添加圆环描边,先我们的画面中就出现了一个红色内圈的圆环的效果了。

4.调整一下它的长度,可以将圆环的长度调到整个圆圈的30%左右,然后再复制一份,将它旋转一下,依次重复操作,将整个圆环进行闭合,完成到360度使其全部都填满。

5.然后我们创建智能动画,现在就可以看到我们的加载圆环动画效果就制作完成了。

6.最后,我们再检查一下画面,可以给我们的圆环设置不同的颜色效果,然后再进行一些演示,现在我们的圆环动画就制作完成了。

以上就是小编为大家带来的,关于Figma制作加载圆环的方法,希望对正在学习UI设计的小伙伴们有所帮助哦!

【原创声明】凡注明“来源:优草派”的文章,系本站原创,任何单位或个人未经本站书面授权不得转载、链接、转贴或以其他方式复制发表。否则,本站将依法追究其法律责任。
TOP 10
  • 周排行
  • 月排行