首页 > 设计知识 > 正文

Photoshop设计金属感十足的指纹APP图标

2023-09-25 17:30:07 | 一百分素材网

今天一百分素材网小编整理了 Photoshop设计金属感十足的指纹APP图标相关信息,希望在这方面能够更好的大家。

 Photoshop设计金属感十足的指纹APP图标

photoshop设计制作圆形质感纽扣式按钮

效果图:

 

纽扣式按钮设计效果图

设计制作方法:
1.先铺个背景,如果你已经想好要基础的按钮颜色最好。(选定颜色,滤镜-杂色)
2.一层层的画。从底部最下面一层开始。
3.①第一个圆盘:这个圆饼就是开山鼻祖了!这个圆饼后面的走势一开始可能已经有人想好了,或者没有想好,就是随手一画的那样的也可以,未知的可能更有意思。渐变,投影。
   ②这个技法很简单,但是这样的颜色是需要一定的经验或者试错调出,可能一开始也不一定是这样的颜色,最后可以综合调整。


 Photoshop设计金属感十足的指纹APP图标

 
纽扣式按钮设计图(一)


4.①圆饼有渐变之后,光线上下走动。复制一层,变化样式,制作轻轻的凹陷感觉。至此,圆碟纽扣出现。
   ②切勿生硬,浮雕样式可以说是不借助手绘板来涂抹之外的最高效的功能。浮雕的柔度,决定了微质感的视觉柔度。个人以为十分的关键。

 
纽扣式按钮设计图(二)


5.①重复上面的步骤,可以做出圆碟上的“食物”。这里需要考虑的是快速制作。复制为新组,然后微调整,你会发现很难实现。
   ②这个“食物”也是有厚度的,四周的指示符号可以暂时不去理会。

 


6.①接下来,再次重复之前的圆碟设计方法,这样层次感觉就更加突出了。
   ②然后再加上一个内嵌感觉的凹槽,隐喻可点击。

 
纽扣式按钮设计图(四)


7.①最后,我们可以在碟片机边缘发挥下想象力。比如,为了让其更像一个纽扣,加上针缝线。这样就更加熟悉和亲切了。
   ②润色整个画面,就价格杂色背景都行。

 
纽扣式按钮设计成品图

 

 Photoshop设计金属感十足的指纹APP图标

Photoshop设计金属感十足的指纹APP图标

② b的阴影:复制图层a并添加图层样式投影:

效果:

③ 加绿色边缘反光:复制图层b并栅格化,添加图层样式:斜面和浮雕+内阴影:

得到效果:

④ 添加左侧反光:在绿色反光之上新建图层,命名左侧反光,用150大小、纯白色、硬度为0的画笔点一下后水平压缩到2-3像素宽度。创剪切蒙版,混合模式为叠加,效果:

⑤ 暗部:绿色反光的顶部由于被指纹识别器的顶部遮挡了,反光应该弱一些。一百分素材网

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

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

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

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

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

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

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

效果:

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

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

3、玻璃部分

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

PS上个分解图:

以上就是一百分素材网小编给大家带来的 Photoshop设计金属感十足的指纹APP图标全部内容,希望对大家有所帮助!
与“ Photoshop设计金属感十足的指纹APP图标”相关推荐
Photoshop设计立体光影感十足的APP图标 Photoshop设计金属感十足的指纹APP图标
Photoshop设计立体光影感十足的APP图标 Photoshop设计金属感十足的指纹APP图标

Photoshop设计立体光影感十足的APP图标新建画布:宽:800px高:600px分辨率:150像素/英寸名称:精灵球一、建立背景层填充背景色:点击拾色器输入色值:#dad9de确定主光源:点击拾色器输入色值:#ffffff选择画笔工具柔边画笔大小700xp,在画面右上角拍一下,给背景确定一个主光源。赋予主光源颜色:添加图层样式:颜色叠加混合模式:正常输入色值:#f

2023-08-03 00:30:46
Photoshop设计金属感十足的指纹APP图标 Photoshop设计金属质感的ICON图标教程
Photoshop设计金属感十足的指纹APP图标 Photoshop设计金属质感的ICON图标教程

Photoshop设计金属感十足的指纹APP图标②b的阴影:复制图层a并添加图层样式投影:效果:③加绿色边缘反光:复制图层b并栅格化,添加图层样式:斜面和浮雕+内阴影:得到效果:④添加左侧反光:在绿色反光之上新建图层,命名左侧反光,用150大小、纯白色、硬度为0的画笔点一下后水平压缩到2-3像素宽度。创剪切蒙版,混合模式为叠加,效果:⑤暗部:绿色反光的顶部由于被指纹识别器

2023-08-04 15:33:21
Photoshop设计金属质感的定时器图标 Photoshop设计金属感十足的指纹APP图标
Photoshop设计金属质感的定时器图标 Photoshop设计金属感十足的指纹APP图标

Photoshop设计金属质感的定时器图标本教程主要使用Photoshop巧用图层样式设计金属质感的IOS图标,形状主要使用钢笔来完成,后期的质感表现都是使用图层样式来完成,非常适合新手,教程简单幽默,听说在愉悦的气氛中学习的效率更高哦,一起来看看吧。教程源文件:金属质感的IOS软件图标PSD源文件Photoshop设计金属感十足的指纹APP图标②b的阴影:复制图层a并添加图层样式投影:

2023-08-31 21:41:59
Photoshop设计立体感十足的球状软件图标 Photoshop设计金属感十足的指纹APP图标
Photoshop设计立体感十足的球状软件图标 Photoshop设计金属感十足的指纹APP图标

Photoshop设计金属感十足的指纹APP图标②b的阴影:复制图层a并添加图层样式投影:效果:③加绿色边缘反光:复制图层b并栅格化,添加图层样式:斜面和浮雕+内阴影:得到效果:④添加左侧反光:在绿色反光之上新建图层,命名左侧反光,用150大小、纯白色、硬度为0的画笔点一下后水平压缩到2-3像素宽度。创剪切蒙版,混合模式为叠加,效果:⑤暗部:绿色反光的顶部由于被指纹识别器

2023-08-07 22:07:09
Photoshop设计金属质感的游戏标志教程 Photoshop设计金属感十足的指纹APP图标
Photoshop设计金属质感的游戏标志教程 Photoshop设计金属感十足的指纹APP图标

Photoshop设计金属质感的游戏标志教程本教程主要使用Photoshop制作金色质感的游戏标志教程,整体的过主要通过图层样式来完成,作者主要完成了背景的制作,字体的制作过程比较的复杂,作者直接就做好了请大家下载uimaker.com/uimakerdown/">素材即可,喜欢的朋友让我们一起来学习吧。教程需要的素材:金色质感的3D立体字教程PS素材Photoshop设计金属感十足

2023-09-27 19:22:58
Photoshop设计金属质感的艺术字教程 Photoshop设计金属感十足的指纹APP图标
Photoshop设计金属质感的艺术字教程 Photoshop设计金属感十足的指纹APP图标

Photoshop设计金属质感的艺术字教程本教程主要使用Photoshop制作金属质感的父爱如山艺术字教程,,这次分享一些字体设计的验技巧,希望对大家能有所帮助。小编菜鸟一枚,写的不是很好,不要误导大家才好哦,写的不足的地方还请大家多多指正,如有雷同纯属巧合。教程所需要的源文件:MissYuan_教程源文件.rar Photoshop设计金属感十足的指纹APP图标②b的阴影:复制图层

2023-08-07 01:06:52
Photoshop设计由蚊子组成的APP图标 Photoshop设计金属感十足的指纹APP图标
Photoshop设计由蚊子组成的APP图标 Photoshop设计金属感十足的指纹APP图标

Photoshop设计金属感十足的指纹APP图标②b的阴影:复制图层a并添加图层样式投影:效果:③加绿色边缘反光:复制图层b并栅格化,添加图层样式:斜面和浮雕+内阴影:得到效果:④添加左侧反光:在绿色反光之上新建图层,命名左侧反光,用150大小、纯白色、硬度为0的画笔点一下后水平压缩到2-3像素宽度。创剪切蒙版,混合模式为叠加,效果:⑤暗部:绿色反光的顶部由于被指纹识别器

2023-08-16 00:13:28
Photoshop设计逼真的购物袋APP图标 Photoshop设计金属感十足的指纹APP图标
Photoshop设计逼真的购物袋APP图标 Photoshop设计金属感十足的指纹APP图标

Photoshop设计逼真的购物袋APP图标本教程主要使用Photoshop设计逼真的购物袋APP图标,今天这枚拟物化的购物袋图标,非常写实,教程界面全中文,过程详实,方便好学,另外有一个添加花纹的小技巧很实用。最终效果图:新建画布。给画布拉个渐变。拉个圆角矩形。双击图层添加图层样式,先来投影。接着内阴影,内发光和渐变叠加。最后来个图案叠加,任选一个用来做纹理。

2023-08-24 14:42:12