最终效果:
![Photoshop鼠绘手绘教程:Web2.0按钮图标](https://px.lanyin.net/image/http://www.wzsky.net/ddimg/uploadimg/20100712/0933100.jpg?imgsec=p0Hz5tnxzer0CFnVzAWVIg&imgexp=1719684000)
新建图层,使用椭圆选框工具(快捷键M),按住shift键绘制正圆选区,选择渐变工具,白色至深灰渐变,样式为径向模式,在选区中拖出渐变效果。
![Photoshop鼠绘手绘教程:Web2.0按钮图标](https://px.lanyin.net/image/http://www.wzsky.net/ddimg/uploadimg/20100712/0933101.jpg?imgsec=p0Hz5tnxzer0CFnVzAWVIg&imgexp=1719684000)
此时不要按ctrl+D,保持选区状态。新建图层,选择椭圆选框工具,在选区上右击鼠标——变换选区
![Photoshop鼠绘手绘教程:Web2.0按钮图标](https://px.lanyin.net/image/http://www.wzsky.net/ddimg/uploadimg/20100712/0933102.jpg?imgsec=p0Hz5tnxzer0CFnVzAWVIg&imgexp=1719684000)
选择渐变工具,样式为线性渐变,颜色仍为深灰至白色,方向与第一步做的相反(如果第一步是从上至下,那么现在就是从下至上)
![Photoshop鼠绘手绘教程:Web2.0按钮图标](https://px.lanyin.net/image/http://www.wzsky.net/ddimg/uploadimg/20100712/0933103.jpg?imgsec=p0Hz5tnxzer0CFnVzAWVIg&imgexp=1719684000)
新建图层,按M键选择椭圆选框工具,在选区右击——变换选区,将选区范围缩小,双击确定,填充深蓝色。
![Photoshop鼠绘手绘教程:Web2.0按钮图标](https://px.lanyin.net/image/http://www.wzsky.net/ddimg/uploadimg/20100712/0933104.jpg?imgsec=p0Hz5tnxzer0CFnVzAWVIg&imgexp=1719684000)
新建图层,保持选区。前景色设为淡青色,选择渐变工具,打开渐变编辑器,样式选第二种前景色至透明。
![Photoshop鼠绘手绘教程:Web2.0按钮图标](https://px.lanyin.net/image/http://www.wzsky.net/ddimg/uploadimg/20100712/0933105.jpg?imgsec=p0Hz5tnxzer0CFnVzAWVIg&imgexp=1719684000)
渐变样式选择径向,从选区底部向上拖出。
![Photoshop鼠绘手绘教程:Web2.0按钮图标](https://px.lanyin.net/image/http://www.wzsky.net/ddimg/uploadimg/20100712/0933106.jpg?imgsec=p0Hz5tnxzer0CFnVzAWVIg&imgexp=1719684000)
保持选区,新建图层,选择柔性画笔(硬度为0),前景色设为白色,在选区中下方点一下鼠标
![Photoshop鼠绘手绘教程:Web2.0按钮图标](https://px.lanyin.net/image/http://www.wzsky.net/ddimg/uploadimg/20100712/0933107.jpg?imgsec=p0Hz5tnxzer0CFnVzAWVIg&imgexp=1719684000)
将此图层混合模式设为柔光
![Photoshop鼠绘手绘教程:Web2.0按钮图标](https://px.lanyin.net/image/http://www.wzsky.net/ddimg/uploadimg/20100712/0933108.jpg?imgsec=p0Hz5tnxzer0CFnVzAWVIg&imgexp=1719684000)
新建图层。按住ctrl键,鼠标点击深蓝色图层,出现深蓝色图层选区,填充黑色。
![Photoshop鼠绘手绘教程:Web2.0按钮图标](https://px.lanyin.net/image/http://www.wzsky.net/ddimg/uploadimg/20100712/0933109.jpg?imgsec=p0Hz5tnxzer0CFnVzAWVIg&imgexp=1719684000)
择——修改——收缩
![Photoshop鼠绘手绘教程:Web2.0按钮图标](https://px.lanyin.net/image/http://www.wzsky.net/ddimg/uploadimg/20100712/09331010.jpg?imgsec=p0Hz5tnxzer0CFnVzAWVIg&imgexp=1719684000)
羽化5像素左右。
![Photoshop鼠绘手绘教程:Web2.0按钮图标](https://px.lanyin.net/image/http://www.wzsky.net/ddimg/uploadimg/20100712/09331011.jpg?imgsec=p0Hz5tnxzer0CFnVzAWVIg&imgexp=1719684000)
按delete键删除。制作出内阴影效果。
![Photoshop鼠绘手绘教程:Web2.0按钮图标](https://px.lanyin.net/image/http://www.wzsky.net/ddimg/uploadimg/20100712/09331012.jpg?imgsec=p0Hz5tnxzer0CFnVzAWVIg&imgexp=1719684000)
新建图层,选择渐变工具,前景色设为白色,打开渐变编辑器,前景色至透明。渐变样式为径向,拖出下图的渐变效果。
![Photoshop鼠绘手绘教程:Web2.0按钮图标](https://px.lanyin.net/image/http://www.wzsky.net/ddimg/uploadimg/20100712/09331013.jpg?imgsec=p0Hz5tnxzer0CFnVzAWVIg&imgexp=1719684000)
将此图层不透明度设为70%
![Photoshop鼠绘手绘教程:Web2.0按钮图标](https://px.lanyin.net/image/http://www.wzsky.net/ddimg/uploadimg/20100712/09331014.jpg?imgsec=p0Hz5tnxzer0CFnVzAWVIg&imgexp=1719684000)
最终效果: