当前位置:设计先锋 > 设计教程

UI图标教程之科技感指纹图标

来源:网络  作者:热心网友  发布时间:2017-06-24  浏览次数:307

这里可以直接用蒙版擦拭,但我用的更粗暴的办法,跟左侧反光类似,用色值为#50606e的画笔点一笔,压扁后,创建剪切蒙版到绿色反光图层上。效果:

到此,左上角的金属部分就完成啦。

让我们来总结下金属材质的要领:

1.渐变的形状上叠加金属材质的照片,混合模式和透明度。

2.加以高光、暗部、阴影等光效。增加立体感,更为逼真。

在此总结的基础上,我们完成接下来的金属竖条就简单多了,按类似方法:

6. 画三根细长的矩形,添加内阴影和渐变:


效果:

然后,记得复制并栅格化这些竖条,用附件的金属材质3创建剪切蒙版,混合模式为叠加,不透明度80%:

这就做好啦,套路太好用了,扫描仪顶部的效果,你可以自己试试!

3 玻璃部分

1. 画出三块矩形,色值为c2e5eb,并变形成:

ps上个分解图:

矩形1和2的图层样式分别是:

矩形3为线性减淡 不透明度90% 没有图层样式


标签:ui图标教程PS鼠绘教程

分享到

网站首页|电脑版|返回顶部