Photoshop设计制作水晶风格的篮子图标教程

来源:岁月联盟 编辑:zhuzhu 时间:2010-01-20
Photoshop设计制作水晶风格的篮子图标教程内容简介:最终效果 1、新建一个600 * 600像素的文件,背景选择白色。新建一个图层命名为篮子正面,用钢笔工具勾出图1所示的选区。 图1 2、选择渐变工具,颜色设置如图2,拉出图3所示的线性渐变。 图2 图3 3、新建一

本教程介绍简单的水晶图标的制作方法。制作过程非常简单,把图标的各个面分开来制作。每一个面又有高光和暗调部分,只要注意好了,就会很快做出来。

最终效果

Photoshop设计制作水晶风格的篮子图标教程【图】_

1、新建一个600 * 600像素的文件,背景选择白色。新建一个图层命名为“篮子正面”,用钢笔工具勾出图1所示的选区。

Photoshop设计制作水晶风格的篮子图标教程【图】_

<图1>

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

Photoshop设计制作水晶风格的篮子图标教程【图】_

<图2>

Photoshop设计制作水晶风格的篮子图标教程【图】_

<图3>

3、新建一个图层,选择圆角矩形工具,参数设置如上角,拉出下图所示的圆角矩形。

Photoshop设计制作水晶风格的篮子图标教程【图】_

<图4>

4、选择渐变工具,颜色设置如图5,拉出图6所示的线性渐变。

Photoshop设计制作水晶风格的篮子图标教程【图】_

<图5>

Photoshop设计制作水晶风格的篮子图标教程【图】_

<图6>

5、用刚才设置的圆角矩形工具拉一个稍小的白色圆角矩形,效果如下图。把这两个圆角矩形图层合并。

Photoshop设计制作水晶风格的篮子图标教程【图】_

<图7>

6、把合并的圆角矩形复制几个适当排行位置,效果如下图。

Photoshop设计制作水晶风格的篮子图标教程【图】_

<图8>

7、回到“篮子正面”图层,用钢笔勾出下图所示的选区,按Ctrl + J 复制到新的图层。

Photoshop设计制作水晶风格的篮子图标教程【图】_

<图9>

8、锁定图层后,选择渐变工具。颜色设置如图10,拉出图11所示的线性渐变。

Photoshop设计制作水晶风格的篮子图标教程【图】_

<图10>

Photoshop设计制作水晶风格的篮子图标教程【图】_

<图11>

9、把“篮子正面”图层复制一层,用钢笔勾出下图所示的选区,按Delete 删除中间部分。

Photoshop设计制作水晶风格的篮子图标教程【图】_

<图12>

10、取消选区,锁定图层后选择渐变工具,颜色设置如图13,拉出图14所示的线性渐变。

Photoshop设计制作水晶风格的篮子图标教程【图】_

<图13>

Photoshop设计制作水晶风格的篮子图标教程【图】_

<图14>

11、在图层的最上面新建一个图层,用圆角矩形工具拉出图15所示的圆角矩形,拉上图16所示的线性渐变,效果如图17。

Photoshop设计制作水晶风格的篮子图标教程【图】_

<图15>

Photoshop设计制作水晶风格的篮子图标教程【图】_

<图16>

Photoshop设计制作水晶风格的篮子图标教程【图】_

<图17>

12、同样的方法加上高光部分,效果如下图。

Photoshop设计制作水晶风格的篮子图标教程【图】_

<图18>

13、新建一个图层,用矩形选框工具拉出下图所示的矩形选区并填充颜色:#7B7B7B。

Photoshop设计制作水晶风格的篮子图标教程【图】_

<图19>

14、再用矩形选框工具拉一条稍小的矩形选区并拉上下图右所示的线性渐变色。

Photoshop设计制作水晶风格的篮子图标教程【图】_

<图20>

15、把做好的矩形稍微变形处理,并删除多出部分,效果如下图。

Photoshop设计制作水晶风格的篮子图标教程【图】_

<图21>

16、同样的方法制作接口部分,效果如下图。

Photoshop设计制作水晶风格的篮子图标教程【图】_

<图22>

17、最后加上投影,完成最终效果。

Photoshop设计制作水晶风格的篮子图标教程【图】_

<图23>