IT技术互动交流平台

如何在Axure里进行云层滚动的制作

作者:whl  来源:网络整理  发布日期:2018-12-01 08:33:00
  对于Axure这款设计工具如果不是专业人士的话应该都并不是很熟悉,大家还是比较习惯于使用PS来进行图像制作,但是今天小编就给大家介绍一下如何使用在Axure来制作云层的动态效果,效果与PS相比还是丝毫不逊色的,而且操作也还算简单快捷,感兴趣的朋友可以一起看看。

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

云层的波浪线效果

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

添加矩形

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

加入动态面板

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

动态面板命名为云层

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

新增一个热区

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

将背景图片导入

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

重新打开云层动态面板

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

设置动态面板

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

给状态改变时加入事件

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

F5预览一下

  今天给大家分享的关于在Axure里如何进行云层动态效果制作的教程就介绍到这里了,很多人对于PS都感觉太复杂了,很难操作,那么你可以试试Axure,这款软件还是非常不错的,出来的效果图也是很不错的,让人十分满意。如果大家对于上面的内容还有什么不明白的欢迎留言,大家可以一起交流。

延伸阅读:

  • 专题推荐

About IT165 - 广告服务 - 隐私声明 - 版权申明 - 免责条款 - 网站地图 - 网友投稿 - 联系方式
本站内容来自于互联网,仅供用于网络技术学习,学习中请遵循相关法律法规