PS绘制超精致的指纹科技感图标

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

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

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

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

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

1 结构分析

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

2 金属部分

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

图层a

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

图层b

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

添加图层样式：

得到效果：

4. 复制c并栅格化得到c2，用附件中的金属材质2放在c2上面创建剪切蒙版，正片叠底，不透明度80%。得到效果：

3 玻璃部分

1. 画出三块矩形，色值为c2e5eb，并变形成：

ps上个分解图：

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

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

2. 阴影

用2像素的画笔 颜色值#1869a7画一笔阴影：

3. 多处高光！

玻璃质感本身透光强 易形成多出高光和反光，我们将画5处高光提升其质感：

①直线工具白色，画出如图两根线

填充为0，图层样式：

②将矩形2复制，清除图层样式，填充色值为#dbdede，高斯模糊数值2，混合模式浅色，不透明度50%，放在矩形2的上面：

③ 最后的三个点光源

新建图层 用白色画笔画一个圆，稍微压扁，添加图层样式：

效果：

混合模式为叠加，复制此图层两次，分别放于图中位置：

玻璃也完成啦。

玻璃材质小结：

1.浅绿、半透的形状 各种高光。

2.混合模式很重要，当背景是深色，多用线性减淡类，当背景是亮色，多用叠加类。

把这些图层复制、合并后垂直翻转，拼成整个识别器的左侧：

左侧基本完成了，最后再加一层高光来提亮：同样是大画笔色值#81d0fe，裁切出图层b和c合并的形状：

混合模式为叠加，不透明度80%。每个人画笔位置不一致，注意自行把握透明度。整个左侧就好做了~~~：

4 光线部分

1. 先来画指纹

给指纹素材添加径向渐变：

效果：

添加图层蒙版，擦去上下部分，注意保留一部分透明度：

在上面用叠加的混合模式，加一层高光，同样，用色值为#00fdff的画笔点一笔。

2. 扫描光

先画一坨小的高光 色值#00fdff （方法你已知道了 压扁画笔）

再来一大坨高光，不透明度60%：

组合的效果：

左侧右数个白色压扁的椭圆组成，每一个外发光：

效果：

复制翻转即得到右侧的。

最后来制作中间的主光线：

画一条粗白色横线加外发光：

效果：

全部完成啦：

教程结束，以上就是PS绘制超精致的指纹科技感图标方法介绍，教程介绍地很详细，希望这篇文章能对大家有所帮助！