UI技术之如何制作波纹效果海报

2018/06/28 14:11 分类：技术交流浏览：69

如果要说2018什么最火，那当然就是波纹效果了，多重颜色的撞击与交错形成强烈的视觉效果，带给人眼前一亮的感觉，我们依旧先来看看效果图：

这次我们主要还是要用到ps的3D工具，这个工具在平时很少会用到，对于平面设计师来说3[D显得比较高大上，可能有点难？其实当我们学会这个效果之后会发现3D也没有我们想象得那么“难以捉摸”。首先我们先找一张比较有层次感的高清图片，我个人觉得云层是最好的选择：

图片找好后直接拖进ps里面，选择3D-从图层新建网格-深度映射到-平面：

在属性面板里面选择预设—未照亮的纹理：

接下来，我们我们在窗口面板里面打开3D选项，把图层改为3D，然后在场景里面选择当前视图，调整其视角的度数，一直调到自己满意为止，千万不要死记参数，还可以用鼠标去调整视图的角度和方向:

调整好角度之后，将图层转化为智能对象，并且复制两层（ctrl+j）：

复制好之后，我们调整每个图层的色相／饱和度（颜色按照自己的喜好）：

现在我们再把第一个图层的混合模式改为变暗：

最后我们再ctrl+t任意调整一个图层的大小就可以达到这种错位的效果了：

调整好后，加上文字，裁剪图层大小，我们想要的效果就大功告成了！

感谢源码时代教学讲师提供此文章！

本文为原创文章，转载请注明出处！

#标签：UI设计,源码时代,波纹效果