来源:uimaker.com 作者:淅沥小雨
如果要说2018什么最火，那当然就是波纹效果了，多重颜色的撞击与交错形成强烈的视觉效果，带给人眼前一亮的感觉，跟着源码时代UI老师一起来看看吧！
先来看看效果图：
这次我们主要还是要用到ps的3D工具，这个工具在平时很少会用到，对于平面设计师来说3[D显得比较高大上，可能有点难？其实当我们学会这个效果之后会发现3D也没有我们想象得那么“难以捉摸”。首先我们先找一张比较有层次感的高清图片，我个人觉得云层是最好的选择：
图片找好后直接拖进ps里面，选择3D-从图层新建网格-深度映射到-平面：
在属性面板里面选择预设—未照亮的纹理：
接下来，我们我们在窗口面板里面打开3D选项，把图层改为3D，然后在场景里面选择当前视图，调整其视角的度数，一直调到自己满意为止，千万不要死记参数，还可以用鼠标去调整视图的角度和方向:
调整好角度之后，将图层转化为智能对象，并且复制两层（ctrl+j）：
复制好之后，我们调整每个图层的色相／饱和度（颜色按照自己的喜好）：
现在我们再把第一个图层的混合模式改为变暗：
最后我们再ctrl+t任意调整一个图层的大小就可以达到这种错位的效果了：
调整好后，加上文字，裁剪图层大小，我们想要的效果就大功告成了！
