Photoshop制作Windows Vista风格图标

http://tech.ddvip.com   2007年11月09日    社区交流

内容摘要:本教程是关于如何制作Windows Vista风格的漂亮图标。主要应用了Photoshop中的选框工具绘制图形,并使用图层样式来表现图标的质感。

  图4:“内发光”图层样式参数设置

  (3)“渐变叠加”图层样式参数设置:

Photoshop制作Windows Vista风格图标

  图5:“渐变叠加”图层样式参数设置

  其中渐变色三处色标的颜色分别是:#148791 #000f1b #000f1b,如图所示:

Photoshop制作Windows Vista风格图标

  图6:编辑“渐变”色彩

  (4)“描边”图层样式参数设置:

Photoshop制作Windows Vista风格图标

  图7:“描边”图层样式参数设置

  应用如上图层样式后,我们将得到如下效果:

Photoshop制作Windows Vista风格图标

  图8:应用图层样式后的效果

  4、新建一个图层,并命名为“光泽”。从工具栏中选择“矩形选框工具”(快捷键M),绘制如下所示的选区。

Photoshop制作Windows Vista风格图标

  图9:使用矩形选框工具绘制选区

  5、现在我们要得到按钮部分的选区。按住Shift + Ctrl + Alt键不放,用鼠标点击“按钮背景”图层的“图层缩览图”图标,即得到按钮部分的选区。

Photoshop制作Windows Vista风格图标

  图10:按住Shift + Ctrl + Alt键,点击图中红色圈住的图标

Photoshop制作Windows Vista风格图标

  图11:得到按钮部分的选区

  6、从菜单中选择“选择 -> 修改 -> 收缩”,收缩量设置为1像素,将选区缩小1像素。

Photoshop制作Windows Vista风格图标

  图12:将选区缩小1像素

  7、点击选择“光泽”图层,使用白色 #ffffff 填充选区,Ctrl + D 取消选区。在图层面板上,将不透明度降低为20%。这样,一款漂亮的质感按钮就制作完成了。

Photoshop制作Windows Vista风格图标

  图13:使用白色填充选区,将图层不透明度降低为20%

  8、最后在按钮上输入所需要的文字即可。注意使文字图层位于“光泽”图层之下,并且根据需要,适当调整文字图层的不透明度。

Photoshop制作Windows Vista风格图标

  最终效果图

来源:PConline    作者:TnG    责编:豆豆技术应用

正在加载评论...