教你设计一枚皮包图标教程

theresajojo · 发表于 2016-4-18 01:22:07

您需要登录才可以下载或查看，没有账号？注册

x

教程十分详细，从皮包纹理到各个细节都详细讲解了一次，还有PSD文件可参考，有兴趣的一起练习一下。图标PSD：
http://www.16xx8.com/photoshop/sucai/2016/f338363.html
皮革纹理：
http://www.16xx8.com/photoshop/sucai/2016/w655596.html
我们的最终效果：

作者：P大点S 出处：pdadians

theresajojo · 发表于 2016-4-18 01:22:07

下面，教程开始！在正式做图标之前，需要先自定义一个图案。首先新建一个1000×1000px 的画布，填充颜色#c5ab90，然后【滤镜】-【杂色】-【添加杂色】，给图层添加7%的杂色。完成之后，【编辑】-【自定义图案】添加一个图案，命名为【磨砂纹理】

theresajojo · 发表于 2016-4-18 01:22:07

准备工作做好了，开始画皮包。新建一个1000×1000的画布，填充一个从#d9d5cf到#9c8c7e的径向渐变。

theresajojo · 发表于 2016-4-18 01:22:07

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

theresajojo · 发表于 2016-4-18 01:22:07

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

theresajojo · 发表于 2016-4-18 01:22:07

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

theresajojo · 发表于 2016-4-18 01:22:07

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

theresajojo · 发表于 2016-4-18 01:22:07

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

theresajojo · 发表于 2016-4-18 01:22:07

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

theresajojo · 发表于 2016-4-18 01:22:07

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

theresajojo · 发表于 2016-4-18 01:22:07

CTLR+J复制一层之前画的竖线（图层【左】），CTRL+T旋转为横线，放到皮革的上边缘。调节颜色和投影，做成这个样子"

theresajojo · 发表于 2016-4-18 01:22:07

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

theresajojo · 发表于 2016-4-18 01:22:07

调整图层颜色和投影，做成以下效果：

theresajojo · 发表于 2016-4-18 01:22:07

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

theresajojo · 发表于 2016-4-18 01:22:07

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

账号		自动登录	找回密码
密码			注册

[UI设计] 教你设计一枚皮包图标教程