手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-11 22:38:54

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

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

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

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

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

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

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

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

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

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

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

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

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

Axure原型工作如何制作按中心旋转动态效果
Axure原型工作如何制作按中心旋转动态效果
© 手抄报圈