动态背景网页效果怎么做?Figma制作动态网页效果的方法

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

动态背景网页效果怎么做?Figma制作动态网页效果的方法

文章插图
1.首先第一步,新建画板尺寸,调整为1920*1080 。
2.然后第二步,我们填充背景并且排版,将元素拖入画板并且调整位置和大小 。
3.第三步,这一步我们需要添加背景装饰了,可以在这里随便画几个图形,然后添加模糊效果并且添加渐变,复制几份并且调整位置和大小 。
4.第四步,我们连接原型 。将上一个步骤的图形复制一份,调整装饰元素以及图片的位置,让整个画面出现一些变化动态的效果,也调整一下元素的大小和角度 。
5.连接原型,选择after delay,延迟修改为1,选择smart animate,延迟修改为4000 。
6.最后我们检查一下画面的细节,将我们刚刚制作的动画演示一下看一下还有哪里需要修改,我们的动态背景网页就制作完成啦 。
【动态背景网页效果怎么做?Figma制作动态网页效果的方法】以上就是小编为大家带来的,关于Figma制作动态网页效果的方法,赶快和小编一起来学习吧,希望对你们有所帮助哦!

    推荐阅读