完成效果:

步骤1 第一步新建一新文档，背景色选用浅灰色(#d6d6d6)。  

步骤2 让我们用外形工具（矩形）来打造整个图标的基础。色彩此时来说无所谓，由于我们此时全是用它来做为标准。 

步骤3 用变形工具（Ctrl+T）把我们新建这个外形旋转九十度，之后减小它的高度 

步骤4 此时我们想要设定这个外形的中点，运用Ctrl+R打开标尺，按照下图设定你的辅助线。  

步骤5 此时把刚刚的外形拷贝一层，并把拷贝后的图形朝上拖动使拷贝后获得的外形的下端对齐原来的外形的上端，之后再在拷贝后的外形的顶端加上辅助线。之后你就可将拷贝的外形删除掉。 

 步骤6 此时运用钢笔工具新建菱形的左侧，运用橙色（#FEB624）填充。  

步骤7 此时运用步骤6的手法来新建菱形的右边部分，可是此时填充的色彩改成更暗一些的橙色（#E49E11）。  

步骤8 此时拖动蓝色的图层到所有图层的上部。之后拖动外形的地方，像我那样。之后运用变形工具把它变得大一些。  

步骤9 这个外形把是整个帽子的顶部。把它命名为Top part并且运用很为亮的橙色（#FFD931）填充。之后拷贝一层。  

步骤10 向Top part 的拷贝图层命名为border，运用（#EB14F00）填充，此时拖动Top part图层到border图层的上方。 

步骤11 选中border图层，此时按一下“朝下键”，把使这个外形朝下拖动一象素。接下来按住“Alt键”的同时按“朝下键”四次，这步操作把会拷贝border图层四次。 

步骤12 此时拼合所有的border图层，此时你可关掉辅助线了，由于我们已经不想要它们了。到“视图〉显示〉参考线”，设定它们不显示。 

 步骤13 帽子的外形画完了，此时我们想要让它看上去更美丽一些。我们从最上方开始。选取Top part图层，之后在所有的图层上方新建一新图层。为前景选取橙色。在图层浮动栏里面选取Top part，按住Ctrl单击，形成选区。在刚新建的图层上运用渐变工具做一垂直填充。  

步骤14 此时我们来打造边上的高光反射。我们运用钢笔工具来做完它，详细你可看下方的示意图，之后把图层的透明度改成30%。  

   步骤15 接下来我们要更改菱形的右边部分，第一步运用十三步的手法形成菱形右边部分的选区，新建一新图层，运用渐变工具做一从左到右的渐变填充（#E37A05）。 

步骤16 菱形的左侧我们把运用一不同的手法，边上运用高光反射。一样30%的透明度，详细参看示意图。 

步骤17 此时我们想要给左边部分加上一点光照。一样新建新图层，Ctrl单击，渐变填充，把图层的叠加效果给魏叠加。 

步骤18 接下来让我们打造顶端的阴影。这个阴影会表此时椎形体的上方。新建一新图层，并把图层拖动到border的下方，命名为shadow1。运用钢笔工具做一外形类似我那样。设定透明度为30%。 

步骤19 在Top part的中心做一橙色（EC54400）的圆。之后运用变形工具恰当的减小它，并减小它的高度。  

步骤20 此时运用钢笔工具打造一外形类似于示意图中的外形。   

步骤21 打造一小的蓝色的圆在刚刚我们打造的外形的下端。 

 步骤22 这把是我们的最终一件事情了。这儿我们把用到画笔工具与钢笔工具。让我们在蓝色的小圆圈图层下方新建一新图层。运用钢笔工具在图层上方画一条垂直的路径。 

   步骤23 运用下方的画笔设计与色彩（#EE4C05）。  

步骤24 选取路径右击选取描边路径。  
 

   步骤25 重复上一步，可是每一遍我们新建一新的描边，并使之们在不同的图层。一样，要运用不同的色彩 

步骤26 此时你可拼合所有的图层，给它命名为mot。此时我们剩下的工作就是给它加上投影了。  

步骤27 剩下的事情包括：更多的高光，使之越加闪烁，打造一反射，给它加一投影，加一地板。回头浏览一下之前的过程，我所有用的的仅仅是画笔工具，钢笔工具与渐变填充。 

想知道更多吗？那还不赶快登陆：http://www.itpx.com.cn/bbs/index.php