在我们的UI设计中,经常会使用到的软件就是Figma软件 。我们可以在这个软件中实现很多界面动画效果,这也是一个让我们喜爱并且常用的软件 。今天小编为大家带来的就是,如何用我们的Figma怎么制作动态背景网页的具体方法和步骤,赶快和小编一起来看一看学习起来吧!
文章插图
1.首先第一步,新建画板尺寸,调整为1920*1080 。
2.然后第二步,我们填充背景并且排版,将元素拖入画板并且调整位置和大小 。
3.第三步,这一步我们需要添加背景装饰了,可以在这里随便画几个图形,然后添加模糊效果并且添加渐变,复制几份并且调整位置和大小 。
4.第四步,我们连接原型 。将上一个步骤的图形复制一份,调整装饰元素以及图片的位置,让整个画面出现一些变化动态的效果,也调整一下元素的大小和角度 。
5.连接原型,选择after delay,延迟修改为1,选择smart animate,延迟修改为4000 。
6.最后我们检查一下画面的细节,将我们刚刚制作的动画演示一下看一下还有哪里需要修改,我们的动态背景网页就制作完成啦 。
【动态背景网页效果怎么做?Figma制作动态网页效果的方法】以上就是小编为大家带来的,关于Figma制作动态网页效果的方法,赶快和小编一起来学习吧,希望对你们有所帮助哦!
推荐阅读
- 鱼纹背景怎么做?AI制作鱼纹背景的方法
- ai怎么抠图?ai怎么抠图换背景?
- 安禄山能够发动叛乱的历史背景 安禄山为什么叛乱
- 五四运动的起源和过程 五四运动爆发的背景及历史意义
- 清明上河图历史背景和意义 清明上河图的历史故事简介
- 介绍罗贯中三国演义的故事背景 三国演义历史背景分析
- 红楼梦中妙玉身世来历与背景之谜 妙玉的身世和结局
- 什么样的画挂背景墙上好看 沙发后面背景墙挂什么画好
- axure计分器原型制作教程 axure如何制作计分器?
- ppt如何制作动态倒计时效果?ppt倒计时动画效果制作教程