首页 > 设计知识 > 正文

Photoshop设计皮革纹理的镜头APP图标教程 Photoshop设计金属感十足的指纹APP图标

2023-08-11 02:10:30 | 一百分素材网

Photoshop设计皮革纹理的镜头APP图标教程

我自己第一次写Photoshop教程有点生疏,不过我自己觉着很详细,我一个一个图层的介绍做法尽量做到容易看懂初学者应该也能看懂吧。 很逼真的一个木纹皮革材质的镜头,共制作了52个图层,每个图层的制作方法都有详细写,喜欢的朋友一起来学习吧。一百分素材网

下载教程需要的源文件和uimaker.com/uimakerdown/">素材:MissYuan_素材和源文件.rar

最终效果:

首先新建一个画布 菜单栏点击 文件-新建:新建一个500×500的画布,新建图层 填充颜色:#25292d

点击拾色器设置前景色:#b0b0b0 点击工具栏的矩形工具在画布中,画一个高50像素宽随意的矩形

右键点击矩形图层栅格化图层,菜单栏点击滤镜-模糊-高斯模糊 半径30像素

效果

设置矩形图层不透明度数值25%

选择移动工具调整矩形图层位置偏下一点

点击工具栏的圆角矩形工具,设置工具选项栏 填充颜色:#d6ad79 宽度294像素高度294像素/半径50像素,在画布上画个圆角矩形()

选中圆角矩形1图层点击图层面板下方添加图层样式按钮给圆角矩形1图层,添加图层样式:斜面和浮雕 描边 渐变叠加 投影设置参数

效果

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设计金属质感的ICON图标教程
Photoshop设计皮革纹理的镜头APP图标教程 Photoshop设计金属质感的ICON图标教程

Photoshop设计皮革纹理的镜头APP图标教程我自己第一次写Photoshop教程有点生疏,不过我自己觉着很详细,我一个一个图层的介绍做法尽量做到容易看懂初学者应该也能看懂吧。很逼真的一个木纹皮革材质的镜头,共制作了52个图层,每个图层的制作方法都有详细写,喜欢的朋友一起来学习吧。下载教程需要的源文件和uimaker.com/uimakerdown/">素材:MissYuan_素材和源文

2023-07-30 09:01:54
Photoshop设计皮革纹理的镜头APP图标教程 Photoshop设计立体感十足的球状软件图标
Photoshop设计皮革纹理的镜头APP图标教程 Photoshop设计立体感十足的球状软件图标

Photoshop设计皮革纹理的镜头APP图标教程我自己第一次写Photoshop教程有点生疏,不过我自己觉着很详细,我一个一个图层的介绍做法尽量做到容易看懂初学者应该也能看懂吧。很逼真的一个木纹皮革材质的镜头,共制作了52个图层,每个图层的制作方法都有详细写,喜欢的朋友一起来学习吧。下载教程需要的源文件和uimaker.com/uimakerdown/">素材:MissYuan_素材和源文

2023-07-23 18:54:58
Photoshop设计金属质感的定时器图标 Photoshop设计皮革纹理的镜头APP图标教程
Photoshop设计金属质感的定时器图标 Photoshop设计皮革纹理的镜头APP图标教程

Photoshop设计金属质感的定时器图标本教程主要使用Photoshop巧用图层样式设计金属质感的IOS图标,形状主要使用钢笔来完成,后期的质感表现都是使用图层样式来完成,非常适合新手,教程简单幽默,听说在愉悦的气氛中学习的效率更高哦,一起来看看吧。教程源文件:金属质感的IOS软件图标PSD源文件Photoshop设计皮革纹理的镜头APP图标教程我自己第一次写Photoshop教程有点

2023-08-31 03:05:59
 Photoshop设计皮革纹理的镜头APP图标教程
Photoshop设计皮革纹理的镜头APP图标教程

使用PHOTOSHOP设计木制书架目前,很多小说阅读类APPS界面设计都采用了木质书架,这种方式无疑是一个完美的方式。今天,我们将指导您在Photoshop中创建一个木质书架。在本教程中,你会学到如何创造木材纹理等许多的方便、快捷的技术。所以,废话不多说,让我们开始吧!第1步 在Photoshop中创建一个新的文档,一个600px的宽度和800px高度。 第

2023-10-14 01:39:49
Photoshop设计金属质感的游戏标志教程 Photoshop设计皮革纹理的镜头APP图标教程
Photoshop设计金属质感的游戏标志教程 Photoshop设计皮革纹理的镜头APP图标教程

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

2023-09-30 02:21:21
Photoshop设计金属质感的艺术字教程 Photoshop设计皮革纹理的镜头APP图标教程
Photoshop设计金属质感的艺术字教程 Photoshop设计皮革纹理的镜头APP图标教程

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

2023-07-06 09:10:33
Photoshop设计复古风格的金属艺术字 Photoshop设计皮革纹理的镜头APP图标教程
Photoshop设计复古风格的金属艺术字 Photoshop设计皮革纹理的镜头APP图标教程

Photoshop设计皮革纹理的镜头APP图标教程我自己第一次写Photoshop教程有点生疏,不过我自己觉着很详细,我一个一个图层的介绍做法尽量做到容易看懂初学者应该也能看懂吧。很逼真的一个木纹皮革材质的镜头,共制作了52个图层,每个图层的制作方法都有详细写,喜欢的朋友一起来学习吧。下载教程需要的源文件和uimaker.com/uimakerdown/">素材:MissYuan_素材和源文

2023-07-23 05:30:32
Photoshop设计皮革纹理的镜头APP图标教程 Photoshop设计王者荣耀金属艺术字教程
Photoshop设计皮革纹理的镜头APP图标教程 Photoshop设计王者荣耀金属艺术字教程

Photoshop设计皮革纹理的镜头APP图标教程我自己第一次写Photoshop教程有点生疏,不过我自己觉着很详细,我一个一个图层的介绍做法尽量做到容易看懂初学者应该也能看懂吧。很逼真的一个木纹皮革材质的镜头,共制作了52个图层,每个图层的制作方法都有详细写,喜欢的朋友一起来学习吧。下载教程需要的源文件和uimaker.com/uimakerdown/">素材:MissYuan_素材和源文

2023-08-02 05:45:26