下面将要介绍的这个教程主要是训练大家使用钢笔工具和图层样式的综合运用，非常的实用，做平面design很多时候需要用到制作具有立体质感的文件，那么学完下面的教程你就会知道带有立体时尚感的文件夹是怎么做出来的啦！ 济南设计

    step1 新建一个文档。大小最好是512x512像素，将其命名为苹果文件夹，记得顺便选择一个透明的背景哟！

         

   step2 在菜单栏里选择视图>显示>网格 ，同时设置查看>贴紧对齐。启用网格使我们很容易得出精确形状，以便更好的使用钢笔工具。。同时设置如下的形状图层的钢笔工具。

         

           

 

      step3   创建形状

        选择钢笔工具然后勾勒出如下图的形状，命名为folder_top。

      

       step4   双击“folder_top”这个图层，激活混合选项，增加一个渐变映射，从前景色＃a0c0d9到背景色#8cb2ce的渐变，勾选反向。

        再给这个图层增加一个描边，颜色为＃80adcf将其不透明度降到80％，同时设置斜面和浮雕，参数如下图。

              

              

             

 

    step5 再创造一个形状

    我们现在已经创造了文件夹的顶部了，现在我们来创建文件夹的下面。

    隐藏“文件夹顶部”这个图层，创造一个新的形状，方法和上面的一样，用钢笔工具，命名为folder_bottom，

              

 

     step6   给文件夹下面增加一些图层样式。 最好给文件夹顶部和下面使用稍有不同的颜色，这样的话会比较有立体感。

     双击folder_bottom 图层，打开混合选项，应用渐变叠加，设置前景色为#b2cbde到背景色#79a5c6的渐变，同样，勾选反向。

     然后我们给这个文件夹的下面增加一些描边，这样会看起来更象一个文件夹，也在混合选项里面，打开描边（最下面），使用颜色#80adcf，并且降低不透明度到80％，最后再增加一些斜面浮雕效果，参数如下设置：

              

               

  

   隐藏folder_top这个图层，你生成的图像看起来应该是这样的：

             

              

 

 

 

      step7  再给文件夹下部增加更多的图层样式

      现在我们已经给文件夹下面增加了渐变叠加和描边，现在我们来给它再增加一些细节以获得更逼真的效果。

      复制 folder_bottom图层，删格化新层，（右键选择删格化）然后命名为bottom_noise, 关闭掉这一层所有的样式效果，然后按快捷键w选择魔术棒工具，单击 bottom_noise图层的中心，应该看起来象下图这样就行了。然后我们需要给选中区域填充，使用油漆桶工具，颜色为#79a5c6,再在菜单栏中选 择滤镜>杂色>添加杂色.

               

                  

        最后降低这一层的不透明度到15％。

       下面让我们增加更多的细节给这个文件夹。复制folder_bottom,删格化新层，命名为bottom_sketch，同样，关闭掉所有效果，跟前面一样，选择魔术棒工具，在这一层中间单击，选择如下图的形状。

             

  

        然后用油漆桶填充被选择区域，使用颜色#79a5c6,然后在菜单栏中选择滤镜>素描>绘画笔，设置如下：

 

                          

      

         

       然后降低这一层的不透明度到10％      

       最后，创建一个新层命名为bottom_scatter，选择套索工具然后创建一些小型选区如下图所示，初学者记得选中套索工具选项中的添加到选区哦！不然不能一次性创建这么多选区。

       你也可以在使用套索工具的时候按住shift。效果图如下：

                

       然后填充这些小选区，用颜色#80adcf，可以使用油漆桶填充。填完之后效果如下：

               

    
 

    

                  

 

     step8  给文件夹顶部增加一些图层样式。

     隐藏"folder_bottom""bottom_noise""bottom_sketch"和"bottom_scatter", 然后选择folder_top并复制它，删格这一新层并命名为top_noise，确保所有效果被关闭，然后使用魔术棒工具，选中top_noise，效 果如下：

               

   

        然后填充选区，用油漆桶工具，颜色为 ＃79a5c6，然后使用滤镜>杂色>添加杂色 ,

                   

       然后降低这一层的不透明度到15％。现在来增加更多的细节：复制folder_top  图层，删格化新层，并命名为top_sketch，关闭所有效果样式，然后使用魔术棒选中中间，效果如下：

                

 

      用油漆桶填充选区，使用颜色为#79a5c6,然后使用滤镜>素描>绘画笔，进行适当设置，再降低其不透明度到10％。

      最后，创建一个新层，命名为 top_scatter ,选择套索工具，同之前一样，创建一些小的选区，如图：

             

        使图层“folder_bottom”“ bottom_noise”“ bottom_sketch”“ bottom_scatter”隐藏，你会得到下图所示的样子：

             

     step8  增加阴影

     复制folder_bottom并且删格化它，然后命名新层为shadow_top.关闭所有图层样式，将这一层置于folder_bottom和top_scatter之间

 

     然后执行滤镜>模糊>高斯模糊,设置如下：

              

      你这样做了之后，将shadow_top象下面这样放置：（但你要确保当folder_bottom 隐藏的时候它可以被看见，你也可以ctrl/cmd+T进行自由变换，使它比folder_bottom稍微大一些，

              

     

        然后降低 shadow_top 的不透明度到30％，

       下一步，使用矩形工具，绘出一个象下图一样的矩形，确保这个矩形使在folder_bottom下面。

            

           

 

    命名这个形状为shadow_bottom,删格化它，然后执行滤镜>模糊>高斯模糊.如下图设置：

                  

       将shadow_bottom如下图所示放置，你也可以使用自由变换工具（ctrl/cmd+T)对它的大小稍作调整。

         

     将隐藏的图层打开，你的最终效果应该是这样的：

          

 

      step9  给文件夹加一个标志

      创建一个新层命名为标志,你可以画任意你想要的图形，这里我使用了一个X 字母，填充这个图形，使用#7a9db8 并降低不透明度到80％，然后双击它打开混合选项，，增加投影和内阴影，设置如下图

                  

                              

 

   最终的效果图：

 

        这一期的step by step就是这样了，你学到了什么呢？ 这里我总结了一些关键词：删格化  滤镜杂色、模糊、素描  阴影 描边  渐变。希望大家可以去多多练习！