Axure怎么制作圆形翻转的动画效果?

番茄系统家园 · 2022-05-05 06:32:35

Axure中想要制作一个翻转的圆形动画,该怎么制作呢?下面我们就来看看Axure制作圆形翻转动画的教程。

软件名称:
Axure RP v8.1.0.3382 Enterprise 中文特别版(附注册机+汉化包+安装教程)
软件大小:
83.2MB
更新时间:
2019-04-26

Axure怎么制作圆形翻转的动画效果?

1、首先绘制一个圆(直径为200)

Axure怎么制作圆形翻转的动画效果?

2、将同一个圆,复制为9份,后续圆形不断压缩高度,至最低后再逐渐拉伸回原样,并将第一张图转换为动态面板

Axure怎么制作圆形翻转的动画效果?

3、对动态面板添加状态,将后续的图片依次贴入不同的动态面板状态中;此处需注意,动态面板中的圆形的圆心需要与状态1中对应的圆心保持一致,在y轴100的位置。

Axure怎么制作圆形翻转的动画效果?

Axure怎么制作圆形翻转的动画效果?

4、对动态慢板添加轮播事件,使动态面板每100毫秒切换一次状态,循环往复

Axure怎么制作圆形翻转的动画效果?

5、此时效果如图,大家可以看到圆形在比较流畅的翻转

Axure怎么制作圆形翻转的动画效果?

6、有兴趣的同学可以将没个圆形在原有基础上,逐步添加渐变色,使圆形转起来更炫酷

Axure怎么制作圆形翻转的动画效果?

以上就是Axure制作圆形翻转的动画效果的教程,希望大家喜欢,请继续关注。

相关推荐:

免责声明: 凡标注转载/编译字样内容并非本站原创,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如果你觉得本文好,欢迎推荐给朋友阅读;本文链接: https://m.nndssk.com/rjwt/165090nRdiTN.html
猜你喜欢
最新应用
热门应用