Photoshop设计漂亮精致的网页按钮

文章来源于站酷，感谢作者吾生小树给我们带来经精彩的文章！

设计教程/前端设计/前端设计2011-04-17

本教程主要使用Photoshop设计黑色风格的网页按钮教程，质感的表现主要通过图层样式来完成，下面让我们一起来学习吧。

先看看效果图

步骤1：

打开Photoshop，快捷键 Ctrl+N 打开新建窗口，按照下图内的参数设置好后，确定。

Photoshop设计漂亮精致的网页按钮

步骤2：

选定背景层，快捷键 Shift+F5 打开填充对话个，下拉菜单中选择颜色，然后使用颜色#141d28，确定。

Photoshop设计漂亮精致的网页按钮

步骤3：

接下来，我们使用圆角矩形工具，设置圆角为2px，拉出一个适当大小的矩形。

Photoshop设计漂亮精致的网页按钮

然后在右侧的图层面板中，如下图位置，单击，然后设置颜色为#17202b

Photoshop设计漂亮精致的网页按钮

情非得已