UI图标教程之科技感指纹图标(1)

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

这篇鼠绘教程教设计先锋网的PS鼠绘学习者们使用PS绘制科技感图标,教程属于比较基础的PS鼠绘教程,其中质感的刻画使用了滤镜和图层样式、图层混合模式。科技感的营造主要来自于色彩的处理。大家有一个基础的思路之后就会更容易学会和弄懂这个教程了,好了先来看看最终的效果图吧:

其实很简单啦,高大上的科技感基本元素:金属 玻璃 光效。

金属常用于:字体、建筑、兵器装备等;玻璃用于电子屏幕、全息投影、液态介质等;光效则烘托气氛,是科技感设计的必备元素。

下面分别献上这三类材质的实现方法。



以上图为例(某个app的图标),典型的兼备金属、玻璃和光线的实例,建议大家用它来练手。最后附上源文件,供参考。

1 结构分析

四个角是对称的,只需设计好一个角再复制旋转即可。上下也是对称的,只需设计顶部,复制得到底部。最后再加上中间的指纹和扫描光。

2 金属部分

1. ps中建立600*600像素的文件,在左上角画出如图的形状,颜色随意,添加渐变:

图层a

2. 栅格化上面的图层a(养成保留原始图层好习惯,栅格化之前先复制备份一张哦)找来一张金属拉丝的图片如下(附件中有)旋转90°成竖向,适量缩小让拉丝更细腻,注意正片叠底不透明度80%,创建剪贴蒙版给图层a,得到图层b,金属材质已经出来啦。

图层b


3. 侧面金属,将上面的图层a复制后得到图层c,放于底层。用直接选择工具对其拖移锚点,比a的右边厚一些:

添加图层样式:

得到效果:


123456共6页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/xinshourumen/aijiaocheng/6099.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通