先看看效果图

Photoshop制作好看的网页按钮教程,PS教程,16xx8.com教程网

打开photoshop,新建空白文档。

Photoshop制作好看的网页按钮教程,PS教程,16xx8.com教程网

为了不让白色背景看起来乏味,增加一个渐变叠加效果。渐变颜色为# f3f3f3到# c6c6c6。

Photoshop制作好看的网页按钮教程,PS教程,16xx8.com教程网

选择圆角矩形工具,创建按钮的的主要形状,半径为5 px。

Photoshop制作好看的网页按钮教程,PS教程,16xx8.com教程网

添加渐变叠加图层样式。渐变颜色从#0d3079到#557bc9。

Photoshop制作好看的网页按钮教程,PS教程,16xx8.com教程网