欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

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

程序员文章站 2023-08-14 15:08:07
Axure怎么制作云层滚动的动态效果?...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关标签: Axure