PS设计教程网欢迎你!

Photoshop制作丰富多彩的晶格化界面效果

文章来源于 站酷,感谢作者 micu设计 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2016-11-15
让界面看起来丰富而有细节。那么这样的效果是用形状工具绘制出来的呢?还是有其他什么简单的方法?所以这一期MICU教大家图和快速制作晶格化的界面效果。喜欢的朋友一起来学习吧。

在界面设计中我们经常会看到像晶格化效果的背景样式。让界面看起来丰富而有细节。那么这样的效果是用形状工具绘制出来的呢?还是有其他什么简单的方法?所以这一期MICU教大家图和快速制作晶格化的界面效果。喜欢的朋友一起来学习吧。

教程里需要的素材:208张三角几何低多边形高清背景(383M)

先看看效果图

Photoshop制作丰富多彩的晶格化界面效果

第1步

建立渐变背景

首先在PS中新建一个iphone6(750X1334)的画布。

Photoshop制作丰富多彩的晶格化界面效果

然后新建一个图层并双击图层,在【图层样式】中选择【渐变叠加】,“混合模式”为正常,“样式”为线性,“角度”为-90度。

Photoshop制作丰富多彩的晶格化界面效果

点击“渐变条”,设置为深蓝色到黑蓝色的渐变,两个颜色不要过度要太强烈。

Photoshop制作丰富多彩的晶格化界面效果

使用工具栏中的【椭圆工具】绘制一个200x200的正圆形。

Photoshop制作丰富多彩的晶格化界面效果

Photoshop制作丰富多彩的晶格化界面效果

找一张照片素材Ctrl+T缩放发到合适的大小,按住Alt键在照片与圆形形状图层中点击,添加剪切蒙版。

Photoshop制作丰富多彩的晶格化界面效果

Photoshop制作丰富多彩的晶格化界面效果

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa