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

波纹效果海报

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

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

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

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

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

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

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

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

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

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

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

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

调整好角度之后,将图层转化为智能对象,并且复制两层(ctrl+j):

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

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

复制好之后,我们调整每个图层的色相/饱和度(颜色按照自己的喜好):

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

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

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

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

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

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

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

更多技术文章,敬请关注源码时代各大官方平台。

源码时代成都校区UI精英班7月12日正式开班


分享到:


相關文章: