学习了圆角矩形工具之后，我们现在利用这一工具，来绘制一个简单的网站按钮的效果。
首选，选择圆角矩形工具，先来调整一下半径，设置为50像素
然后更改描边，为无。也就是不需要对齐描边。
设置好之后，我们在画布中，绘制一个圆角矩形。
在绘制的时候，没有松开鼠标之前，我们按键盘的空格键，可以移动绘制的路径。
如果松开鼠标，那么形状就固定了，按空格就没用了。
松开鼠标效果大概如下：
然后更改它的填充，填充一个渐变色，一个蓝色到浅蓝色的渐变。当然，你可以选择自己喜欢的渐变色。
接着，我们利用【横排文字工具】输入按钮的文字。字体大小为36点，字体随意。
拖动文字到按钮的上方，然后更改文字的颜色为白色。
为了使文字看自来立体一些，我们增加一个简单的图层样式。
增加一个内阴影的效果。内阴影的距离和大小，都设置为1像素。
图层样式的添加方法：
在图层面板中，点击，然后选择内阴影即可。
文字设置好之后，我们吧圆角矩形1的图层复制一下，（选择圆角矩形1的图层，按CTRL+J复制图层）然后调整到文字图层的上方：
选择圆角矩形1副本之后，我们来更改这个圆角矩形的填充颜色：
渐变色选择黑白渐变，在角度设置为-90度。
此时，圆角矩形就是上半部分黑色，下半部分为白色的效果。
现在更改圆角矩形1副本的混合模式为【柔光】
下面继续调整圆角矩形1副本这个图层。我们选择删除锚点工具
然后点击路径，点击一下，路径就被激活。激活路径之后，我们把下面的两个锚点删除。
移动删除锚点工具到锚点上，点击鼠标左键，即可删除。
删除之后，我们选择转换点工具
选择之后，把鼠标移动到下图所示的两个锚点上方，点击左键，删除两侧的控制杆。
删除之后的效果：
现在呢，上半部分还需要细微的调整。我们适当的放大一下画布：
按ctrl键，选择锚点，然后调整控制杆，使路径跟按钮的边缘对齐。
另一次也是一样的调整一下：
点击一下背景图层，就可以看到按钮现在的效果了。
为了使按钮更有立体感，我们给圆角矩形1这个图层增加一个简单的投影图层样式：
确定之后，点击背景层，看到最终的按钮效果如下：
