绘制逼真皮包样式APP图标的Photoshop教程

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

我们的最终效果:

绘制逼真皮包样式APP图标的PS教程

下面,教程开始!

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

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

绘制逼真皮包样式APP图标的PS教程

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

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

绘制逼真皮包样式APP图标的PS教程

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

绘制逼真皮包样式APP图标的PS教程

绘制逼真皮包样式APP图标的PS教程

绘制逼真皮包样式APP图标的PS教程

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

绘制逼真皮包样式APP图标的PS教程

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

绘制逼真皮包样式APP图标的PS教程

绘制逼真皮包样式APP图标的PS教程

绘制逼真皮包样式APP图标的PS教程

绘制逼真皮包样式APP图标的PS教程

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

绘制逼真皮包样式APP图标的PS教程

绘制逼真皮包样式APP图标的PS教程

绘制逼真皮包样式APP图标的PS教程

将这个线条复制一层,移动到竖矩形的左侧,将【投影】角度改为0°

绘制逼真皮包样式APP图标的PS教程

复制一层较小的圆角矩形(图层【中】),清除图层样式,用布尔运算裁掉上半部分,并填充颜色#372715

绘制逼真皮包样式APP图标的PS教程

给这个形状添加图层样式,其中【图案叠加】叠加的是【皮革纹理】(素材包中有提供)

绘制逼真皮包样式APP图标的PS教程

绘制逼真皮包样式APP图标的PS教程

绘制逼真皮包样式APP图标的PS教程

绘制逼真皮包样式APP图标的PS教程

CTLR+J复制一层之前画的竖线(图层【左】),CTRL+T旋转为横线,放到皮革的上边缘。

调节颜色和投影,做成这个样子~

绘制逼真皮包样式APP图标的PS教程

把这条横线复制一层,在形状工具下将线条改为虚线。

绘制逼真皮包样式APP图标的PS教程

调整图层颜色和投影,做成以下效果:

绘制逼真皮包样式APP图标的PS教程

将刚才做的实线和虚线一起建组(CTRL+G),添加一个图层蒙版,然后在蒙版上拉一个渐变。

绘制逼真皮包样式APP图标的PS教程

然后新建一个图层,添加一个黑白渐变。

绘制逼真皮包样式APP图标的PS教程

按住CTRL较小的圆角矩形(图层【中】)的选区,加一个蒙版,把多余的地方隐藏掉。然后将混合模式改为【柔光】不透明度改为60%。

中间部分的效果已经完成了,建议把除了【底面】和【背景】以外的图层一起建一个组。

绘制逼真皮包样式APP图标的PS教程

将【底面】图层复制一层,调整形状,更改图层样式。

绘制逼真皮包样式APP图标的PS教程

将刚才的图层【盖】再复制一层,调整大小,修改图层样式。

绘制逼真皮包样式APP图标的PS教程

绘制逼真皮包样式APP图标的PS教程

绘制逼真皮包样式APP图标的PS教程