如果你有使用过Vista或是Windows7操作系统，你一定会对它的玻璃质感按钮有深刻印象吧？今天我们就来教大家如何用Photoshop来制作一个透明的玻璃质感按钮！！废话不多说，上步骤：1.建立一个600*350像素大小的文件，新建一层，用矩形框选工具画一个长方形并填充黑色2.再新建一层，画出一个矩形选区，拉一个灰色过渡的渐变，并将这一层的透明度降低到90%。3.新建一层，再画一个细长的矩形选区，填充浅灰色，将这一层的透明度调到80%。...
本教程主要是介绍水晶按钮的制作，主要难点是要把按钮的高光和暗调调和谐！最终效果 1.新建一个300 * 200像素的文件，定义圆角矩形大小为250 * 120 2.复制圆角矩形图层并缩小 3.给底部圆角矩形加个渐变叠加，这里具体颜色头可以先不管，是同一色相调整不同明度就可以了。 4.这是是具体的简便颜色设置 5.给上边的矩形添加样式 6.设置前景颜色为白色，用椭圆工具画出如图形状并设置不透明度为50%，操作如下图 7.载入上部矩形为选...
按照惯例，先来看下最终效果图： 完成此教程后，Richard Carpenter将会继续发布如转换为CSS代码的教程，我们共同期待着吧… Richard Carpenter也是看到一个Flash 菜单后，才有此灵感设计。 制作背景新建1200 x 600px，透明背景的文档。设置前景色为#bebebf，背景色为#d2d2d2。 选取”渐变工具”从画布头部到底部进行线性渐变。 使用如下设置添加”杂色滤镜”（滤镜->杂色->添加杂色） 接着添加”模糊滤镜”（滤镜->模糊->动态模糊）...
来源：网络 作者：不详本教程非常详细的介绍3D按钮的制作方法。重点在3D效果及光感的制作，有很多教程介绍过类似的方法。不过制作的时候还是要注意好高光及暗调的搭配，能更好的体现按钮的质感。 最终效果 1、开始前老样子先在PS里新建一个文件，设置如下图。 2、使用圆角矩形工具，这里颜色你可以随意，因为你可以在顶部设置圆角矩形的颜色。 3、在顶部设置它的参数与颜色为红色。 4、如下图颜色为#D32424 的圆角矩形制作完成。...
最终效果第一步：使用圆角矩形制作一个红色的矩形。第二步：然后我们给该矩形形状添加下面图层样式，阴影：内发光： 渐变叠加：描边：效果如下：第三步：按住Ctrl单击按钮层选择，使用使用矩形选框工具设置如下。 第四步：使用矩形选框工具把选区移动到左部，如下图所示。第五步：创建一个新层，然后填充#E1CA57。第六步：在新建的层中添加图层样式，内发光：渐变叠加： 第七步：创建新层，然后放大到1600%，然后使用铅笔工具创...
最终效果图 1、新建画布，大小随意，然后新建圆角矩形图形，如图所示： 2、圆角矩形属性。 3、画一个吧，高 宽自定。 4、接下来要出玻璃效果就是靠图层属性设置，选择蒙板图层右键混合属性，描边设置： 5、渐变叠加设置： 6、渐变值： 7、内发光设置： 玻璃效果的好坏跟图素值有关系，可以试一下。 8、内阴影设置： 想要玻璃表面粗糙一些，可以在正常模式下设置一下内阴影的大小。 9、投影设置：使按钮能有光感。 10、调整颜色...
最终效果 1、打开下图所示的背景素材。2、新建图层并命名为“按钮”，选择“矩形工具”，单击工具选项栏中的“填充像素”按钮进行绘制。3、为“按钮”图层添加图层样式，单击“外发光”项目，设置其各项参数。 4、单击“斜面和浮雕”项目，设置其各项参数。5、单击“渐变叠加”项目，设置其各项参数。6、单击“描边”项目，设置其各项参数。按下“确定”按钮，关闭“图层样式”对话框，效果如图所示。7、按下“确定”按钮，关闭“图...
本教程介绍使用图层样式来制作水晶按钮，教程中用到的是矩形的按钮重点是学习简便色的使用和光感的调节。明白了做其他形状的按钮也就迎刃而解了！最终效果 1.新建一个500 * 300像素的文件，背景填充为白色，新建一个图层命名为“按钮”，用矩形选框工具画一个长条的矩形填充为黑色。 2.双击“按钮”层，弹出图层样式对话框，选择渐变叠加参数设置如下图 3.设置渐变颜色 4.继续添加图层样式选择外发光 5.继续添加图层样式选择描...
本教程主要介绍常用按钮的制作方法。思路：先绘制好按钮的形状，然后适当的把按钮的下面及上面都加上光感，高光部分的制作比较重要，需要根据实际的颜色选择不同的高光效果。最终效果 1.新建一个500 * 350像素的文件，背景填充为黑色，前景颜色设置为：#570202，选择圆角矩形工具，参数设置如图1，绘制图2所示的圆角矩形。 <图1> <图2> 2.调出圆角矩形的选区，在背景图层上面新建一个图层，填充颜色：#FBE39B，按Ctrl + D取消选区...
下面是制作的大致流程及按钮的高光制作步骤，作者的效果制作的非常精细，尤其是水晶的通透度表现的非常完美。新手可能制作的时候有点难度，作者没有一步一步的说明。下图是制作的过程图，效果真实漂亮。最终效果 下面是制作的大致流程及按钮的高光制作步骤，作者的效果制作的非常精细，尤其是水晶的通透度表现的非常完美。新手可能制作的时候有点难度，作者没有一步一步的说明。下图是制作的过程图，效果真实漂亮。
类水晶的按钮，在很多地方都能用道，那么有没有快速的方法制作出逼真的水晶按钮呢？呵呵，我在这里介绍一下我的制作方法，（是在观察了很多类水晶按钮之后）发现如下方法最为简单，而且制作的效果尚可。所以介绍给大家，不知道有没有更简单，效果更好的制作方法J 或者有人已经介绍过了，那我在这里写的东西算是多此一举了。总之希望大家多交流，共同进步是我们的愿望!!!!!!!1．打开phtoshop，在新建的画布上用形状画一个圆角矩形为...
本教程非常适合做网页弹出窗口的美化。制作方法非常简单，只需要用到图层样式设置就可以。效果很不错。最终效果
相关Photoshop网页按钮教程文章：Photoshop教程:简单制作光感网页按钮本Photoshop教程介绍网页常用水晶按钮的制作方法，思路：制作方法跟平时做的水晶按钮一样，需要注意光感及细节的调节，颜色及背景可以按照自己的喜好选用。最终效果1.新建一个500 * 300像素的文件，背景填充颜色：#827E22。2.选择圆角矩形工具，半径设置为25，前景颜色设置为白色，绘制图1所示的圆角矩形，然后删格化图层。<图1>
自己第一次写教程，写的不是很好，还请大家多多的支持！附加了一个“质感”的样式，嘿嘿让步骤更简单了！
制作步骤：如下
