修炎·真吾

第1步：先建立一个用来制作图标文件的文档以及一个仿制牛仔裤纹理的填充图案的小文档。

第2步：在5×5的那个文档中用1px的铅笔画出斜线，然后做成透明底的填充图案。（基础步骤不会的回去打屁股）

第3步：在图标文档中定义背景的颜色基调。因为牛仔裤有很多种颜色，就算是蓝色，也有深蓝、水洗、以及类似cooolfire做的那种蓝绿色。

第4步：在背景层上新建空白层，用刚才定义的斜线填充文档。当然，因为原来的斜线是黑色的，所以这里你需要使用图层样式更改一下这里的颜色，颜色没有什么要求，只要比背景淡一些就好。

第5步：牛仔裤肯定不是如此光滑的，所以我们要给背景添加基础的效果。我们首先给“背景”图层添加杂色滤镜。如果觉得不够的话，再加一组蒙尘与划痕。

第6步：背景处理好之后，我们要处理现在看起来还不是很真实的斜线纹理。给“背景纹路”图层添加一组胶片颗粒滤镜，设置么，你如果要牛仔裤是粗面的，设置就调高点；要牛仔裤是那种细面的，就调低点。但是过低或者过高的设置会让效果看上去不好。

然后你就可以看到这样的效果了，感觉还可以（但是比我上次还原cooolfire效果时的要强烈了一些，所以两次效果做出来不太一样），接着我们新建一个名为”遮罩“的黑色图层，填充为0%。

然后给这个层添加图层样式，压黑四个角，营造一下气氛。

第7步：好了，背景部分处理好了，我们开始图标部分。首先使用圆角矩形工具拉出一个形状——也就是牛仔裤的口袋，图标的主体。

填充调为0后，开始设置图层样式。里面具体的颜色值，大家吸一下就知道了。也可以自由发挥。

第8步：口袋的底面弄出来后，复制一层为“口袋面”，然后用钢笔工具什么的调整一下形状，构建起口袋的整体感觉。

第9步：开始画牛仔裤特有的缝线。说实话，ps里画虚线真不方便，我调整了双重画笔好多次，画出来的虚线都不完美（后面会提到）。先设置一下笔刷吧，尺寸调到2px。其他如图：

然后形状工具中调成路径模式，拉出一个略小于口袋边框的形状。然后设置一下前景色，黄灰色即可，后面可以再调整。

然后描边路径，面板中选择画笔。就可以看到虚线的效果。但是这里我要像ps高人请教了，我这样描边路径，总是得不到完美的虚线，总是有一个或者两个边还是近乎实线的效果。我这里只能用笨方法删除实线，复制虚线，旋转调整一下得到现在的效果。

照葫芦画瓢把其他线做出来

然后是中间的横线，画一条路径即可描边了。

最后新建一层，用同样颜色的铅笔画出线头交接的地方，不用太细致，细致了反而不是牛仔裤粗犷的风格了。

 

第10步：到现在为止，整个口袋还是黑漆漆的一片。我们要把背景的纹理添加上去。复制开始制作的那个“背景纹理”图层，拖到“口袋面”图层之上，“线”图层之下。然后获取“口袋底”图层的选区，然后缩小2px的选区。

蒙版一下，得到只涵盖口袋底范围的纹理。更改一下混合模式为“滤色”，效果有差就好。

这时候觉得线啊、口袋边缘都过暗了，我们就简单调整一下颜色即可。

 

第11步：

开始往口袋里放东西。其实就很简单了，在站酷本站里找到一个ipod的矢量（你也可以放其他更出彩的。。。我想找杜蕾斯没找到），缩放到合适的大小和角度，如图。

获取“口袋面”图层的选区，反向蒙版一下这个ipod，初步的ipod插口袋效果就完成了。

光是插入，没有什么感觉。我们要模拟一下3d的凹凸感觉，所以接下来我们复制“口袋面”图层，栅格化。我们要用这个栅格化的图层做加深处理。

使用加深工具，大小50px啊什么的，曝光度调小一点。反向ipod的选区（不然我们只能刷到ipod的区域），我们需要通过加深ipod的边缘，让各位观众感觉这个ipod是真的插入了，而且是一插到底。

喂，简单刷几次够了啊，多了就过了。

 

第12步：黄金12宫终于打到双鱼座了，雅典娜我们来了。。。效果基本完成了，但是这牛仔裤没牌子卖不出去吧？我们要山寨一个——过程就不说了，这个再不会就无语了。

唔~还要注意一下细节，给ipod和口袋之间的部位加上柔和的阴影。

最后打上一个说明，完工！

 

感谢Cooolfire的精彩图标设计。没有你没有我~