北服论坛 » 软硬时空 » Photoshop制作水晶图标教程

tiankong 发表于 2007-11-14 15:01

Photoshop制作水晶图标教程

先看看效果图：
[align=center][img=400,340]http://www.blueidea.com/articleimg/2007/09/4944/01.jpg[/img][/align]一、新建130x130文档72px
二、画一个圆制作头部，填充颜色#78B00A；如下图：
[align=center][img=294,297]http://www.blueidea.com/articleimg/2007/09/4944/02.jpg[/img][/align]三、复制第一步的层，ctrl+t 自由变换，高度和宽度设为95%，设置渐变颜色，如下图：
[align=center][img=228,36]http://www.blueidea.com/articleimg/2007/09/4944/03.jpg[/img][/align]再设置图层样式；如下图：
[align=center][img=489,431]http://www.blueidea.com/articleimg/2007/09/4944/04.jpg[/img][/align]拉个径向渐变，如下图：
[align=center][img=130,130]http://www.blueidea.com/articleimg/2007/09/4944/05.jpg[/img][/align]四、新建一层，用钢笔勾画出如下图：
[align=center][img=224,208]http://www.blueidea.com/articleimg/2007/09/4944/06.jpg[/img][/align]设置渐变颜色：
[align=center][img=217,36]http://www.blueidea.com/articleimg/2007/09/4944/07.jpg[/img][/align]渐变填充，如下图：
[align=center][table=98%][tr][td][align=center][img=286,236]http://www.blueidea.com/articleimg/2007/09/4944/08.jpg[/img][/align][/td][/tr][/table][/align]

tiankong 发表于 2007-11-14 15:01

五、新建一层，继续用钢笔勾画轮廓，做出高光，如下图：
[align=center][img=210,211]http://www.blueidea.com/articleimg/2007/09/4944/09.jpg[/img][/align]设置渐变颜色，如下图：
[align=center][img=234,32]http://www.blueidea.com/articleimg/2007/09/4944/10.jpg[/img][/align]然后填充：
[align=center][img=189,160]http://www.blueidea.com/articleimg/2007/09/4944/11.jpg[/img][/align]六、新建一层，用钢笔勾画，如下图：
[align=center][img=221,195]http://www.blueidea.com/articleimg/2007/09/4944/12.jpg[/img][/align]设置渐变颜色：
[align=center][img=221,30]http://www.blueidea.com/articleimg/2007/09/4944/13.jpg[/img][/align]拉个如下图的渐变：
[align=center][img=183,170]http://www.blueidea.com/articleimg/2007/09/4944/14.jpg[/img][/align]七、新建一层，做反射光，做出如下图效果：
[align=center][img=246,217]http://www.blueidea.com/articleimg/2007/09/4944/141.jpg[/img][/align][align=center][img=235,207]http://www.blueidea.com/articleimg/2007/09/4944/15.jpg[/img][/align]八、制作体部，回到最底部新建一层，钢笔勾画轮廓：
[table=98%][tr][td][align=center][img=316,350]http://www.blueidea.com/articleimg/2007/09/4944/16.jpg[/img][/align][/td][/tr][/table]

tiankong 发表于 2007-11-14 15:02

填充颜色：（不要取消选区）
[align=center][img=327,343]http://www.blueidea.com/articleimg/2007/09/4944/17.jpg[/img][/align]九、新建一层，选择 — 收缩1px；然后填充如下图颜色：
[align=center][img=289,337]http://www.blueidea.com/articleimg/2007/09/4944/18.jpg[/img][/align]十、新建一层，按ctrl+g 与下层组合，用钢笔画出如下图，ctrl+enter转为选区；然后羽化5px;再填充颜色，不要取消选区，如下图：
[align=center][img=276,346]http://www.blueidea.com/articleimg/2007/09/4944/19.jpg[/img][/align]十一、新建一层，ctrl+g 与下层组合，选择 — 收缩2px;设置渐变颜色：
[align=center][img=218,34]http://www.blueidea.com/articleimg/2007/09/4944/20.jpg[/img][/align]拉出如下图：
[align=center][img=285,393]http://www.blueidea.com/articleimg/2007/09/4944/21.jpg[/img][/align]十二、新建一层，用钢笔勾画出如下图效果：
[align=center][img=293,376]http://www.blueidea.com/articleimg/2007/09/4944/22.jpg[/img][/align]然后转为选区，调整渐变颜色，拉出如下图效果：
[align=center][img=259,346]http://www.blueidea.com/articleimg/2007/09/4944/23.jpg[/img][/align]十三、新建一层，继续用钢笔勾画如下图：
[align=center][img=271,352]http://www.blueidea.com/articleimg/2007/09/4944/24.jpg[/img][/align]

tiankong 发表于 2007-11-14 15:03

转为选区，拉出如下图效果：
[align=center][img=245,339]http://www.blueidea.com/articleimg/2007/09/4944/25.jpg[/img][/align]十四、做出如下头部的反射光，稍微调整，如下图：
[align=center][img=253,351]http://www.blueidea.com/articleimg/2007/09/4944/26.jpg[/img][/align]十五、钢笔勾画出手部，如下图：
[align=center][img=374,444]http://www.blueidea.com/articleimg/2007/09/4944/27.jpg[/img][/align]转为选区，填充颜色（不要取消选区），如下图：
[align=center][img=364,452]http://www.blueidea.com/articleimg/2007/09/4944/28.jpg[/img][/align]收缩1px，新建一层，再填充黄色，如下图：
[align=center][img=345,443]http://www.blueidea.com/articleimg/2007/09/4944/29.jpg[/img][/align]十六、用涂抹、减淡、模糊工具做出如下图：
[align=center][img=306,366]http://www.blueidea.com/articleimg/2007/09/4944/30.jpg[/img][/align]十七、新建一层，钢笔勾画如下图：
[align=center][img=271,356]http://www.blueidea.com/articleimg/2007/09/4944/31.jpg[/img][/align]

tiankong 发表于 2007-11-14 15:04

十九、阴影部分：
[align=center][img=312,369]http://www.blueidea.com/articleimg/2007/09/4944/40.jpg[/img][/align]画个椭圆，羽化5px：
[align=center][img=298,348]http://www.blueidea.com/articleimg/2007/09/4944/39.jpg[/img][/align]然后设置渐变，如下图：
[align=center][img=215,27]http://www.blueidea.com/articleimg/2007/09/4944/41.jpg[/img][/align]拉个径向渐变：
[align=center][img=316,372]http://www.blueidea.com/articleimg/2007/09/4944/42.jpg[/img][/align]好了，完成，最终效果如下：
[align=center][img=130,130]http://www.blueidea.com/articleimg/2007/09/4944/43.jpg[/img][/align]

查看完整版本: Photoshop制作水晶图标教程