Photoshop绘制皮革纹理风格的APP图标教程

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:P大点S

关键词

今天的图标教程一个写实的皮包图标,绝大部分效果都是图层样式做出来的,不熟悉这部分的同学可以来练习了,附上源文件免费下载,不会就看作者怎么做的,喜欢的朋友让我们一起来学习吧。

教程源文件:逼真的皮包图标PSuimaker.com/uimakerhtml/uistudy/">教程素材

我们的最终效果:

Photoshop绘制皮革纹理风格的APP图标教程

下面,教程开始!

在正式做图标之前,需要先自定义一个图案。

首先新建一个1000×1000px 的画布,填充颜色#c5ab90,然后【滤镜】-【杂色】-【添加杂色】,给图层添加7%的杂色。完成之后,【编辑】-【自定义图案】添加一个图案,命名为【磨砂纹理】

Photoshop绘制皮革纹理风格的APP图标教程

准备工作做好了,开始画皮包。

新建一个1000×1000的画布,填充一个从#d9d5cf到#9c8c7e的径向渐变。

Photoshop绘制皮革纹理风格的APP图标教程

建一个512×512,半径为90的圆角矩形,并添加图层样式,其中【图案叠加】叠加的是刚才新建的【磨砂纹理】

Photoshop绘制皮革纹理风格的APP图标教程

Photoshop绘制皮革纹理风格的APP图标教程

Photoshop绘制皮革纹理风格的APP图标教程

CTRL+J复制一层刚才的圆角矩形,CTRL+T并按住ALT+SHIFT等比缩小,然后再给这个图层添加一个投影。

Photoshop绘制皮革纹理风格的APP图标教程

画一个竖着的矩形,居中摆放,并添加图层样式。

Photoshop绘制皮革纹理风格的APP图标教程

Photoshop绘制皮革纹理风格的APP图标教程

Photoshop绘制皮革纹理风格的APP图标教程

Photoshop绘制皮革纹理风格的APP图标教程

画一条细线,紧贴竖矩形的右边缘,添加图层样式。

Photoshop绘制皮革纹理风格的APP图标教程

Photoshop绘制皮革纹理风格的APP图标教程

Photoshop绘制皮革纹理风格的APP图标教程

 收藏