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

(编辑:jimmy 日期: 2025/11/6 浏览:2)

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

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

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

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

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

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

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

1 结构分析

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

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

2 金属部分

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

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

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

图层a

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

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

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

图层b

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

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

添加图层样式:

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

得到效果:

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

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

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

上一页12 3 4 下一页 阅读全文

一句话新闻

高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。