Axure怎么制作云层滚动的动态效果?

Axure中想要制作云层滚动的效果,该怎么制作呢?下面我们就来看看详细的教程。

软件名称:
原型设计工具Axure RP Pro 8.1破解版 中文汉化破解版(附汉化包+注册码+安装教程)
软件大小:
90.5MB
更新时间:
2018-05-24

1、首先从网上搜索一个云层的线条,或者会PS的可以自己制作一个云层的波浪线效果,在制作原型的时候会用到。

Axure怎么制作云层滚动的动态效果?_第1张图片

2、素材准备完成后,打开原型工作,新建一个图层,在工作区域内制作一个蓝天的效果,添加矩形,并填充颜色

Axure怎么制作云层滚动的动态效果?_第2张图片

3、蓝天效果制作完成后,在蓝天的底部加入动态面板,用于制作云层使用。

Axure怎么制作云层滚动的动态效果?_第3张图片

4、将动态面板命名为云层,目前动态面板里只有一个State,我们先把这个制作好,然后再复制。

Axure怎么制作云层滚动的动态效果?_第4张图片

5、打开State1,新增一个热区放到最左边。

Axure怎么制作云层滚动的动态效果?_第5张图片

6、然后将背景图片导入进来,这里要用到刚刚准备好的素材,导入进来后就能看到波浪的云层了。

Axure怎么制作云层滚动的动态效果?_第6张图片

Axure怎么制作云层滚动的动态效果?_第7张图片

7、重新打开云层动态面板,并将刚刚做好的State复制一份,并将其复制,分别改名为1和2,这个名字随便取。

Axure怎么制作云层滚动的动态效果?_第8张图片

8、然后我们点击云层动态面板,给它加事件,这里主要给载入时和状态改变时加属性事件。我们先给载入时加入事件,判断面板状态为1时,等待,然后设置动态面板为2并向左滑动,详细如图所示。

Axure怎么制作云层滚动的动态效果?_第9张图片

9、然后我们在给状态改变时加入事件,详见图片所示,主要是让云层动起来。

Axure怎么制作云层滚动的动态效果?_第10张图片

10、两个事件都制作完成后,F5预览一下,此时云层就会动起来了,如果不好看,可能是素材选择的不太好。

Axure怎么制作云层滚动的动态效果?_第11张图片

以上就是Axure制作云层滚动的动态效果的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

Axure怎么设计开关按钮效果?

Axure8怎么将所有页面导出为图片?

Axure怎么制作雷达图? Axure雷达图的画法

你可能感兴趣的:(Axure怎么制作云层滚动的动态效果?)