在网页制作过程中，通过photoshop制作按钮是几乎都要接触到的事情，如何能在短时间内做出出色的效果，对于制作人员来说是很关键的，接下来就通过一则实例来讲解按钮的制作过程及注意事项。
工具/原料
photoshop、电脑。
方法/步骤
1、打开软件新建背景打开photoshop软件，新建一500px*500px以白色为背景色的图片。
2、打开标尺寻找中心点（1）按快捷键ctrl+r打开“标尺”工具。（2）鼠标点击标尺并分别向下向右拖动，遇到“绊”了一下的时候停下，这里就是中心点。
3、选框工具制作按钮底层选区（1）新建图层1，打开椭圆选框工具，以横向中心线上的某一点为中心为圆心，按shift+alt画出正圆。（2）以同样的快捷键，以另一点为中心画出正圆。（3）点选矩形选框工具，以小圆的直径为矩形选框的高度链接大小俩圆。
4、渐变工具底层选区添加颜色（1）按alt+delete键给选区填充前景色。（2）双击图层1空余部分打开图层样式对话框，点选“渐变叠加”一栏，在对话框中设置渐变颜色、线性渐变。（3）再次双击图层1空余部分打开图层样式对话框，点选“描边...”一栏，设置大小为1px，颜色为灰色。
5、缩小选区复制上一图殿秩痊肭层效果（1）新建图层2，点击“选择”、“修改”打开“缩小”对话框，设置缩小量为10禊诬娱飑px，然后以前景色进行填充。（2）右击图层1“效果”位置，点击选择“拷贝图层样式”后，右击图层2点击选择黏贴图层样式。（3）双击图层2空余部分打开图层样式对话框，点选“渐变叠加”一栏，设置方向为反向。
6、圆角矩形工具制作上层选区（1）打开圆角矩形工具，设置属性为“路径”后，以中心线为参考线画出圆角矩形。（2）打开路径控制面板，将路径转化为选区，然后通过键盘的上下左右移动键移动选区，最后再按alt+delete键填充前景色。
7、添加渐变色选择对称渐变方式操作（1）点开渐变工具，在属性栏中设置颜色，并将操作方式改为对称渐变。（2）在选区范围内，从选区中心线为起点按住shift键向下至选区底线添加渐变色。
8、椭圆选框工具制作出大圆选区（1）新建图层4，点开椭圆选框工具，操作中按住shift键画出大癣嗡赧箬圆选区，再按alt敫苻匈酃+delete键填充前景色。（2）点开渐变工具，设置好颜色后通过线性渐变的方式填充颜色。（3）双击图层4空余部分打开图层样式对话框，点击“描边...”后设置浅蓝色描边。
9、缩小选区修改描边（龀音孵茧1）新建图层5，按照“选择”、“修改”、“收缩”的顺序打收缩选区对话框，设置缩小匪犬挚驰量为6px。（2）点开渐变工具，使用和上一此渐变添加的颜色相同，通过线性渐变的方式填充颜色。（3）双击图层5空余部分打开图层样式对话框，点击“描边..."后，修改描边大小为2个像素，颜色为浅黑色。
10、输入文字（1）新建图层6，点开文字工具输入文字并作相关修改。（2）新建图层7，点开文字工具输入文字并作相关修改。
