Axure原型工作如何制作按中心旋转动态效果

2025-04-18 10:23:46

1、首先新建一个空白页面,在工作区域内拖入或复制准备好的素材,小编在网上找了一个卡通飞机和地球,如下图所示。

Axure原型工作如何制作按中心旋转动态效果

2、素材准备好之后,直接开始加交互事件,如图所示,先给小飞机加旋转时的效果,需要注意的是旋转的角度以及方向等信息。

Axure原型工作如何制作按中心旋转动态效果

3、为了有个缓冲的效果,然后我们给小飞机做载入时的交互设置,如下图所示。

Axure原型工作如何制作按中心旋转动态效果

4、同样的方面我们给地球做一个旋转时的效果,需要对旋转的角度以及方向等信息进行设置,如下图所示。

Axure原型工作如何制作按中心旋转动态效果

5、然后给地球做载入时的效果,如下图所示。

Axure原型工作如何制作按中心旋转动态效果

6、交互事件做好了,对素材的位置做一个小的微调,让旋转时有更好的效果,如下图所示。

Axure原型工作如何制作按中心旋转动态效果

7、所有工作准备完成,f5预览一下效果,小飞机会沿着地球在飞速的旋转,小编的素材不太好,飞机有点歪,网友们可以自己调整一下,如下图所示。

Axure原型工作如何制作按中心旋转动态效果
Axure原型工作如何制作按中心旋转动态效果
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢