织布的特点是经纱和纬纱相互交错或彼此沉浮，呈现有规律。织布根据纹理及坚韧程度又分为很多种，如麻布、牛仔裤等。

1.设计思路 本实例绘制的图标外形是一本厚厚的书籍，书籍的封面通过叠加粗布素材实现织布纹理的效果，绘制虚线使得织布纹理更为逼真，底和侧面则通过叠加牛皮素材丰富图标外形，图2‑253所示为制作流程图。

图2‑253 制作流程图

2.参考素材 制作纹理图标要求纹理清晰，因此在搜集素材时需要纹理清晰的大图，图2‑254所示为布纹理和牛皮纹理。

图2‑254 参考素材

3.制作图标

下面介绍织布纹理图标的制作。

01 使用“圆角矩形工具”绘制圆角矩形，如图2‑255所示。

图2‑255 绘制圆角矩形

02 将其转换为智能对象，然后执行“滤镜”|“模糊”|“形状模糊”命令，如图2‑256所示。

图2‑256 执行“形状模糊”命令

03 在打开的对话框中设置半径，选择圆角方形，如图2‑257所示。

图2‑257 选择圆角方形

04 单击“确定”按钮后图像如图2‑258所示。

图2‑258 图像效果

05 继续绘制圆角矩形，如图2‑259所示。然后双击图层，进入“图层样式”对话框，设置“斜面和浮雕”及“等高线”样式，如图2‑260所示。

图2‑259 绘制圆角矩形

图2‑260 设置图层样式

06 单击“确定”按钮后的图像效果如图2‑261所示。

图2‑261 图像效果

07 将素材打开并拖入文档，然后按住Alt键单击两个图层之间创建剪贴蒙版，效果如图2‑262所示。

图2‑262 创建剪贴蒙版

08 此时的图像如图2‑264所示。设置图层的混合模式为“叠加”、不透明度为48%，如图2‑263所示。

图2‑263 设置

09 此时的图像如图2‑264所示。设置图层的混合模式为“叠加”、

图2‑264 图像效果

10 选择“圆角矩形工具”，设置填充颜色为白色，绘制圆角矩形，如图2‑265所示。

图2‑265 绘制圆角矩形

11 为图层添加“斜面和浮雕”“投影”样式，如图2‑266所示。

图2‑266 添加图层样式

12 将其放置在新建的组中，然后选择图层，在按住Alt键的同时按向上方向键↑多次，效果如图2‑267所示。

13 在图层上创建蒙版并填充背景，然后选择“圆角矩形工具”，设置填充颜色为白色绘制圆角矩形，蒙版效果如图2‑268所示。

图2‑267 效果

图2‑268 蒙版效果

14 添加蒙版后的效果如图2‑269所示。

图2‑269 添加蒙版后的效果15 绘制图形，填充颜色为#d0701a，如图2‑270所示。

图2‑270 绘制图形

16 为图层添加“斜面和浮雕”“投影”图层样式，如图2‑271所示。

(www.daowen.com)

图2‑271 添加图层样式

17 单击“确定”按钮后关闭对话框此时的图像如图2‑272所示。

图2‑272 图像效果

18 复制图层，然后按住Ctrl键单击图层缩览图，填充颜色#c06413，如图2‑273所示。

图2‑273 填充颜色

19 新建图层，调整图层到组1图层的上方，然后绘制书封面的阴影，设置不透明度为62%，如图2‑274所示，此时的图像效果如图2‑275所示。

图2‑274 设置不透明度

　　　图2‑275 图像效果

20 添加素材图片，如图2‑276所示。然后在“图层”面板中设置混合模式为“叠加”，设置不透明度参数为39%,如图2‑277所示，设置后的效果如图2‑278所示。20

图2‑276 添加素材

图2‑277 设置参数

图2‑278 效果

21 绘制图形并添加图片，创建剪贴蒙版，如图2‑279所示，然后为图层添加“斜面和浮雕”样式，如图2‑280所示。21

图2‑279 创建剪贴蒙版

图2‑280 添加图层样式

22 绘制图形，如图2‑281所示。

图2‑281 绘制图形

23 使用“圆角矩形工具”绘制圆角矩形作为线，然后复制多个进行左对齐和水平居中分布，如图2‑282所示。

图2‑282 绘制圆角矩形

24 将所有的线整理到一个组中，然后选择组中的一个图层，为图层添加“斜面和浮雕”“内阴影”和“投影”样式，如图2‑283所示。

图2‑283 添加图层样式

25 确定后拷贝图层样式，粘贴到组中的所有图层上，如图2‑284所示。

图2‑284 粘贴图层样式

26 新建图层，然后向下调整一层，并使用“画笔工具”在线的下方绘制阴影，如图2‑285所示。

图2‑285 绘制阴影

27 使用“椭圆工具”“矩形工具”和“自定形状工具”绘制图形，如图2‑286所示。

图2‑286 绘制图形

28 设置图层填充为0%，为图层添加“内阴影”“颜色叠加”“渐变叠加”“外发光”和“投影”样式，如图2‑287所示。

图2‑287 添加图层样式

29 执行确定操作后效果如图2‑288所示。

图2‑288 效果

30 单击图层底部的“创建新的填充或调整图层”按钮，选择“色彩平衡”选项，如图2‑289所示。

图2‑289 选择“色彩平衡”选项

31 在展开的“属性”面板中设置参数，如图2‑290所示。2‑291所示。

图2‑290 设置色彩平衡

32 完成设置后最终效果如图2‑291所示。

图2‑291 最终效果