下面的教程，完全来自本人的研究心得，本站原创。如果大家还有什么高见，或者更简单的方法，小站非常欢迎大家交流经验，批评指正！

网上也有类似的文章，但是终究有些地方没有把握住Vista按钮的特点，尚不生动。而且大都是转载来转载去的相同的东西。

大家如果经常关注我的博客，可能会注意到前不久的那个摄影大赛网上投票系统中，那个标题中的Vista按钮。可能有人想知道它是怎么画的吧，它不是从别的地方截取下来的图片，而是100%鼠绘的，其中的方法，自然是要多观察，多捉摸，仔细推敲啦。

进入正题，开始说Vista按钮的画法：

１. 新建一个图像（简直是废话，当然要新建了 – -b），选择一个图片作为背景，这是为了便于调整按钮的透明度。

２. 使用圆角矩形工具画一个方框。注意，选择工具条为路径矩形工具，如图1，圆角半径为5px或6px，画一个需要大小的圆角矩形。为了方便以后使用，在路径面板（图层面板右边第三个选项卡）中保存当前工作路径，命名为“外框”，如图1所示：

３. 按钮的描边1。新建一个图层，名为“外框”，在路径面板中右键单击“外框”路径，选择“建立选区”，羽化半径0px，激活“外框”图层，在菜单中选择“编辑”| “描边(S)…　”，选择深灰色描边。

４. 按钮的描边2。再使用（3）中的方法，建立选区，收缩选区1px（菜单中“选择”|“修改”|“收缩(C)…　”），在“外框”图层中使用较浅的灰色描边。

５. 按钮底色。新建图层名为“按钮底色”，使用（3）中的方法建立选区，收缩选区2px，然后使用油漆桶工具上色。3，4，5步的效果如图2：

６. 按钮上部的增亮。新建“上部增亮”图层，用矩形选框选择如图区域（左右和上部稍稍超出按钮），使用“黑-白”的渐变填充。（小提示：按住Shift拖动，可以垂直、水平，45度渐变。）

７. 按钮下部的加深。新建“下部加深”图层，在下面紧贴6中的图层，使用“黑色-深灰”的渐变填充。

８. 创建剪贴蒙板。按住Alt，移动鼠标到2个图层之间，鼠标会出现如图的形状，单击鼠标，图层名称前就会出现向下的箭头，表示该图层只在下面图层存在的区域显示。
给“上部增亮”和“下部加深”建立剪贴蒙板，全部指向“按钮底色”。

９. 调节图层透明度。调整7中的三个图层的透明度，于是可以达到图3的效果：

１０. 经过上面的步骤，在加上文字，Vista按钮就基本上做好了。如图4：（某些地方可以再稍微加工加工）

１１. Vista的按钮在鼠标悬停的时候还会出现蓝色的亮光，下面就来说怎么做：
新建一个图层“蓝色亮光”。使用矩形选框工具，选择一个比按钮更大的区域，用#00ccff 的蓝色填充（用油漆桶）。
使用8中的方法，把“蓝色亮光”图层也对“按钮底色”图层添加剪贴蒙板。

接下来就是重要的内容了，使用钢笔工具，画出如图5中的路径：

１２. 然后在路径中右键点击鼠标，选择“建立选区”，在弹出对话框中输入“羽化半径”２０px，然后点击图层面板下面的添加图层蒙板按钮

这样就完成了最终的效果！！如图6：

12步中，羽化半径的大小，取决于你的按钮的大小，可以多次尝试获得适当的数值。另外，11步中路经的形状可能需要多次试验，直到得到满意的效果。关于钢笔工具的使用技法，可以参考我曾经写过的相关日志。

这样就完了，唉，写个教程真的太累了！！！眼睛弄花了，敲键盘手都酸了。

总结一下Vista按钮的特点：
1。外框深色（1px），内框颜色较浅（1px）。
2。透明度的控制。
3。上面的光泽和下半部分的阴影。
4。激活时有蓝色光亮。

本站原创，谢绝转载！！