Figma制作翻页加载动画教程 翻页动画的制作方法

在我们进行交互设计的时候，经常会使用Figma软件来进行设计动画。在我们进入一个软件或者是打开一个界面的时候，经常会看到一些加载动画的界面效果。今天小编为大家带来的就是，如何用我们的Figma制作翻页加载动画的教程，赶快和小编一起来看看学习起来吧！

1.首先第一步，绘制矩形，添加渐变。

2.第二步，绘制内页图形，添加渐变，画中间的一些长条矩形进行装饰。

3.第三步，我们进行复制平移，然后调整一下渐变的角度，将我们的画面的渐变变得更加和谐。

4.第四步，复制右侧的内页，然后进行三次叠加。

5.第五步，创建组件集，然后添加变体进行四次重复的操作。

6.第六步，分别翻转一下234变体的右侧内页，创建过渡帧效果，也是制作翻页的感觉。

7.第七步，现在我们为我们的变体添加交互属性。

8.第八步，创建一个画板，复制组件粘贴至画板，查看一下动效的演示，检查一下效果的播放。

9.然后我们添加一些文字设计，然后进行一些最后的细节调整，做一下最后的效果调整就完成啦。

以上就是小编为大家带来的，关于我们如何用我们的Figma制作翻页加载动画的教程，希望对各位正在学习交互界面设计的小伙伴和正在学习Figma软件的小伙伴们有所帮助哦！