西安网站建设

Photoshop简单8步打造超质感玻璃效果按钮

浏览次数：1636　时间：2011-05-25 09:02:55

Photoshop 是我们常用的一款设计软件，其功能非常强大，单单一个图层样式就足够讲一天了，因此对于新手来说好像极其麻烦，但其实并不如此，因为其中有80%的功能基本上很少用到，今天我们就用这20%的功能来快速简单的制作一个windows Vista那样的玻璃效果按钮。

效果预览：

第一步：在Photoshop菜单栏选择“文件 》 新建”然后新建一个600 X 600像素画布。快捷键Ctrl+N。

第二步：在菜单栏点击“图层 》 新建 》 图层”，快捷键Ctrl+Shift+N。并命名为按钮。

第三步：在Photoshop工具栏选择矩形选框工具，然后在画布中拖拽出一个自己觉得按钮比较合适大小的选区，然后将前景色设为黑色，按Alt+Delete填充前景色。

第四步：双击我们新建的图层“按钮”会弹出一个图层样式的对话框。

第五步：如下图所示为我们的图层设定好渐变叠加的样式，颜色可以自由选择，这里演示用绿色。这一步稍微难一点的就是拖拽点，首先点击图中标红的地方可以添加拖拽点，按住拖拽点不放往外拖可以删除拖拽点，点击拖拽点可以选择颜色，点击拖拽点后会出现左右两个小滑块用于调整渐变的幅度。调整好后点击确定。

$$$$$

第六步：如图所示设置图层描边。设定好后点击确定。描边颜色建议为深色。

第七步：设置图层内发光。内发光建议设置为白色，也可以设置为其他颜色，建议颜色亮度要高。内发光也是按钮质感表现非常重要的一点。

第八步：如图设置图层投影效果，让按钮更具立体感。

以上步骤都完成后直接确定就OK了，然后再在按钮上面输入自己想要的文字，也可以同样给文字加上渐变叠加或者投影效果。

上面的教程只是个例但是人的思想和大脑是活跃的，通过熟悉了解这些基本参数的设置，我们可以扩展下，比如调整颜色，尝试调整一下其他属性值看看有没有什么变化。只要多试的话你会发现图层样式是个非常有趣的东西。