Figma随机滚动动画怎么做?随机滚动动画的制作方法

金珍妮            来源:优草派

在我们的UI设计中,经常会使用到的软件就是Figma软件。我们可以在这个软件中实现很多界面动画效果,这也是一个让我们喜爱并且常用的软件。今天小编为大家带来的就是,如何用我们的Figma中随机滚动动画应该怎么做?非常的有用也有非常多的干货哦,赶快和小编一起来看一看学习起来吧!

Figma随机滚动动画怎么做?随机滚动动画的制作方法

1.首先第一步,我们需要准备一个页面,这里面需要包含比如说logo,或者是一个标题文字,一个圆形的元素。

2.第二步,在基础页面下,我们选中圆和文本,快捷键comman+d,将画面复制一份。

3.然后我们选中新复制的那一份,使用一个蒙版工具,将画面中的图形位置进行一些调整,然后我们再修改一下文本的颜色,设置为白色。

4.复制一下Frame1,这里跟随自己的想法来进行设置,注意要将画面中的一些图形进行一个排版。

5.修改一下圆形蒙版的位置和大小,当然颜色也可以修改哦,注重要将画面中的颜色进行一个比对和配对。

6.其他的地方也是同样一个思路,依次类推修改就好,这里我们要快速的进行一个颜色。

d8b5d8f82e87657881efef05b9dd29e.jpg

7.下一步,从头开始添加一个交互动画,可以将画面中设置为点击后触发联动,然后我们从第二页开始进行一个设置,就完成了。

以上就是小编为大家带来的,关于Figma随机滚动动画怎么做的具体方法,希望对正在学习Figma软件的小伙伴们有所帮助哦!

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