用Photoshop制作五彩的变色龙圆角图标

    图标是电脑和手机中都不可缺少元素，一个应用程序除了要在功能上下功夫之外，图标也是不可忽视的一部分，因为一个漂亮并且有特色的图标可以让用户更容易记住这款应用。今天我们就教大家如何利用Photoshop来制作一个很有质感的变色龙图标。

    先来看看效果图：

最终效果图

    第一步，新建320 * 320像素文件，背景填充暗灰色。新建图层画出草稿，按照草稿，用路径勾出变色龙的几个部分，填充上鲜艳的颜色。

新建图层画出草稿

    第二步，给变色龙各个部位添加上合适的图层样式，相信经常使用图层样式的朋友一眼就能看出使用了哪些样式，看不出也没关系，源文件里都有。这一步是为了给变色龙的身体添加上大概的体积感，以及体表颜色的渐变。

 
给变色龙各个部位添加上合适的图层样式

    第三步，变色龙卷曲的尾巴部分，绘制了一个螺旋状的矢量路径，在上面叠加了一个“颜色”图层，制作出尾巴的感觉。下巴和后背部分，分别用路径工具绘制了一排小刺，添加了简单的图层样式使之有一点体积感。

制作变色龙卷曲的尾巴部分

    第四步，在身体上方新建图层，绘制一些明暗关系，增加一些单凭图层样式难以表达的体积转折，主要是头部给颈部留下的投影，背部的圆润感，以及下颌的高光。然后用矢量路径绘制变色龙的眼睛——主要包括眼球以及两层眼皮。

用矢量路径绘制变色龙的眼睛

    第五步，给变色龙的眼睛的各个矢量图层添加合适的图层样式，制作出眼皮之间的阴影以及眼球的体积。

给变色龙的眼睛添加合适的图层样式

    第六步，从网上搜了两张爬行动物表皮的素材纹理，叠加在变色龙的身体上，然后用蒙版工具进行适当涂抹，使之看起来更自然，弱化边缘离视线稍远的纹理，强化离视线较近的纹理，在变色龙的爪子部分增加了一些小亮点，使这部分显得离观众更近一些。

在变色龙的身体上叠加纹理素材

在变色龙的身体上叠加纹理素材

叠加后的效果

    第七步，用矢量工具画一个小圆圈，加上渐变叠加的图层样式，使之看起来像皮肤表面的一个小疙瘩，复制很多个小疙瘩，大小不一，分散到变色龙的身体各处去，要注意透明度不要太均匀，这样显得更自然一些。同时在这一步，我增加了变色龙尾巴卷起部分的阴影。

给变色龙身体增加小疙瘩

    第八步，画了一根树枝，树枝头的部分进行了锐化处理，使之像是伸出画面，离观众较近。树枝上画了一片叶子，画的不怎么样。

画一根树枝

    第九步，把变色龙和树枝结合起来，树枝在变色龙肩膀部分留下一个小小的投影。

把变色龙和树枝结合起来

    最后，增加一个图标的背景，完成最终效果。

最终效果

一款好应用除了看功能，图标也是很重要的一部分，因为用户往往会通过图标来记住应用。设计图标自然会用到做图软件，photoshop是公认的专业级图片处理软件，不过要想精通，可不是一天两天能就实现的。

刘菲菲