??今日为你们分享的文章是关于Axure这款软件的,你们了解使用Axure直走出云层滚动动态效果的方法吗?下文就带来了使用Axure制作触云层滚动动态效果的具体操作流程。
??1、首先从网上搜索一个云层的线条,或者会PS的可以自己制作一个云层的波浪线效果,在制作原型的时候会用到。

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

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

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

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

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


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

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

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

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

??按照上文为你们讲述的使用Axure制作触云层滚动动态效果的具体操作流程,你们自己也赶紧去试试吧!