Photoshop渐变色打造精致立体水晶图标

　　更多精彩相关文章推荐：

　　用Illustrator表现立体感和光滑质感

　　Firewoks制作立体黑水晶质感文字 

　　超有创意的Photoshop CS4立体海报制作

　　Illustrator技巧:制作透明质感立体方块

　　用Photoshop表现立体文字的光影特效 　

点击查看更多设计软件资讯>>

　　要在平面中用Photoshop绘制立体图标有一定的难度，特别是有曲面的物体，物体的受光的面比较多也比较复杂，如何处理好受光和反光非常重要。制作之前最好先定义好光源的位置，然后再按照光的方向去上色。这样出来的效果就会更真实。

　　我们主要用到Photoshop的渐变色和钢笔工具，细致表现立体图标的质感和通透的效果。

　　最终效果

　　1、Photoshop中新建一个600 * 600像素的文件，背景填充黑色，新建一个图层，命名为“上表面”，用钢笔工具勾出下图所示的路径，转为选区。

　　图1

　　2、选择渐变工具，颜色设置如图2，拉出图3所示的线性渐变。

　　图2

　　图3

　　3、新建一个图层，用钢笔勾出图4所示的选区，拉出图5所示的线性渐变色，效果如图6。

　　图4

　　图5

　　图6

　　4、同样的方法制作出另一反光部分，如下图。

　　图7

　　5、把“上表面”图层复制一层，用钢笔勾出下图所示的选区，按Ctrl + Alt + D 羽化5个像素，按Ctrl + Shift + I 反选，按Delete 删除。取消选区后锁定图层，填充颜色：#D4E036，图层混合模式改为“颜色减淡”，效果如图9。

　　图8

　　图9

　　6、新建一个图层，用钢笔勾出图10所示的选区，填充白色作为高光，效果如图11。

　　图10

　　图11

　　7、调出“上表面”图层选区，执行：选择 > 修改 > 收缩，数值为15，确定按Ctrl + Alt + D 羽化15个像素，然后在图层的最上面新建一个图层填充颜色：#CDA326，图层混合模式改为“颜色减淡”，图层不透明度改为：60%，效果如图13。

　　图12

　　图13

　　请点击“下一页”，我们将这个平面图形变成立体效果。