按钮的绘制方法（Photoshop）

这次将为大家介绍如何用Photoshop绘制web按钮。

近年来，web的主流设计越来越要求清晰化、精致化。尤其是web上的按钮必须看起来十分明显，为此需要给按钮加上淡淡的渐变和阴影等细致的设计。

这次教程中我想用Photoshop来绘制web按钮。使用Photoshop的 [图层样式]，使用Photoshop的 [图层样式] 加上渐变和阴影效果，就能做出符合最近的设计要求的细致的按钮样式。

打开Photoshop，用矩形工具画一个矩形。

对矩形应用 [图层样式]。

点击 [图层→图层样式→渐变叠加]，打开 [图层样式] 对话框。勾选左侧的 [渐变叠加]，按照上图进行设定。

设定结束后，先不要点OK。

这样就对长方形应用了自然的黑色渐变！

但是，先不要关闭 [图层样式] 。

接下来，勾选左侧的 [描边]，按照上图进行设定。

请暂时不要关闭 [图层样式]。

继续勾选左侧的内阴影，按照上图进行设定。

现在仍然不要关闭 [图层样式]。

现在来看看按钮的样子吧。

对按钮应用了描边和白色的内阴影。按钮变得更立体了。

最后对按钮应用 [投影]。

在左侧勾选投影，按照上图进行设定。

现在 [图层样式]的设定终于结束了，可以点击OK啦。

有立体感的web按钮完成了！

最后，在按钮中输入文字就大功告成了。

看起来非常自然的按钮就完成了。大家认为怎么样呢？

虽然是非常简洁的web按钮，但我们还是用到了渐变、描边、内阴影和投影这四个图层样式。

这个按钮样式非常简洁而且不突兀，可以融入任何web设计中呢。

Photohop的图层样式可以进行非常细致的设定。大家可以进行各种各样的设定来找到自己想要的设计。

この投稿文は次の言語で読めます: 英语, 日语

相关文章