Axure原型工具能够快速制作软件产品原型,同时它可以做出一些动态的效果,下面小编介绍一下如何通过Axure原型工具制作云层滚动的效果。
工具/原料
1
axure原型工具
2
PS工具
方法/步骤
1
首先从网上搜索一个云层的线条,或者会PS的可以自己制作一个云层的波浪线效果,在制作原型的时候会用到。
2
素材准备完成后,打开原型工作,新建一个图层,在工作区域内制作一个蓝天的效果,添加矩形,并填充颜色。
3
蓝天效果制作完成后,在蓝天的底部加入动态面板,用于制作云层使用。
5
打开State1,新增一个热区放到最左边。
6
然后将背景图片导入进来,这里要用到刚刚准备好的素材,导入进来后就能看到波浪的云层了。
7
重新打开云层动态面板,并将刚刚做好的State复制一份,并将其复制,分别改名为1和2,这个名字随便取。
8
然后我们点击云层动态面板,给它加事件,这里主要给载入时和状态改变时加属性事件。我们先给载入时加入事件,判断面板状态为1时,等待,然后设置动态面板为2并向左滑动,详细如图所示。
9
然后我们在给状态改变时加入事件,详见图片所示,主要是让云层动起来。
10
两个事件都制作完成后,F5预览一下,此时云层就会动起来了,如果不好看,可能是素材选择的不太好。
注意事项
1
小编也在不断学习探索阶段,欢迎提意见
2
喜欢的话可以关注
上一篇:原型设计工具:Axure怎么安装
下一篇:怎样用Axure做图片自动播放