牛仔布质感图标icon设计方法制作教程

完成效果图如下：

一、制作基本图形

1. 新建600*600px的文档，分辨率为72，背景为透明。

2. 绘制512*512px的圆角矩形，圆角为130px，随意填充一个蓝色。

3. 绘制3个圆和1个矩形，组成一个云朵，形状路径如下：

1. 绘制一个正圆，填充黄色，作为太阳。基本图形绘制完如下：

当然，你也可以绘制一个更复杂或者你更喜欢的图标，只要做出它的形状即可，目前的填色不重要。我这里用一个简单的图标，主要讲方法。

将以上图层一起编组，命名“天气图标-基本图形”，Ctrl+J复制组，命名为“天气图标-牛仔材质”。

一、牛仔图案添加

在网上找一张牛仔布照片，拖入PS，选择菜单栏的“编辑--定义图案”，命名为“牛仔材质”。

一、制作背景

1. 在组“天气图标-牛仔材质”下方新建图层-，命名“背景”-填充白色

2. 添加图层样式（颜色叠加+图案叠加），如下图（颜色叠加中，颜色可以换成自己喜欢的；图案叠加中，选择刚刚添加的“牛仔材质”）

一、添加效果-底座

1. 将图标组中的512*512px圆角矩形填充改为白色，命名“底座”，再复制一层，命名“底座厚度”

2. 选中底座图层，添加描边样式，如下图：

3. 将底座图层转为智能对象，并添加图层样式（斜面浮雕+颜色叠加+图案叠加+投影），数据见下图：

4. 将“底座厚度”图层的填充改为“0”，并添加图层样式（斜面浮雕），如下图：

5. 将“底座厚度”图层转为智能对象，给其添加效果：滤镜--模糊--高斯模糊，模糊值大致2.4左右

6. 新建图层，命名“底座缝线”

7. 新建大小为22*3px的文档，，填充纯黑色（#000000），然后选择“编辑--定义画笔预设”，命名“缝线”。

8. 选中“底座缝线”图层，选择画笔工具，选“缝线”笔刷，设置画笔预设如下图：

9. 按住Ctrl键单击底座图层前面的缩览图，调出其选区。点击菜单栏的“选择-修改-收缩”，将选区收缩12像素。

10. 然后到路径面板，按住Alt键单击“从选区生成工作路径”，在弹出窗口中设置容差为“1”，

1. 右击刚生成的路径，选择“描边路径”，工具为“画笔”。缝线生成

12. 给缝线设置效果。添加图层样式（斜面浮雕+颜色叠加+投影），数据见下图：

1. 将底座、底座厚度、底座缝线三个图层编组，命名为“底座”。

五、添加效果-云

1. 云的效果和底座制作方法一致，复制一个云图层命名为“云厚度”，添加同样的图层样式和效果，效果中相应的数据可以改小一点，颜色也做一些改变。同样制作一个缝线图层，画笔预设里面把画布大小改小一点，再去描边路径。

六、添加效果-太阳

1. 云的效果和底座制作方法一致，复制一个云图层命名为“云厚度”，添加同样的图层样式和效果，效果中相应的数据可以改小一点，颜色也做一些改变。同样制作一个缝线图层，画笔预设里面把画布大小改小一点，再去描边路径。

这样一个简单的牛仔质感天气图标就制作完成了。掌握了方法之后，大家可以绘制其他的应用图标，也可以把牛仔材质换成其他自己喜欢的材质，去尝试出不一样的风格来。希望大家多多练习掌握。