PS设计教程网欢迎你!

Photoshop制作一个简单的网站按钮

文章来源于 一起PS吧,感谢作者 佚名 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2011-06-01
本教程学习如何用photoshop制作精致小巧的高光按钮,步骤简单,主要用到了自定义形状工具和图层样式,喜爱按一起来学习吧。

先看效果图

Photoshop制作一个简单的网站按钮

新建文档200x50像素,背景填充深灰色。建新层,前景色#9a2941画一个圆角矩形。

Photoshop制作一个简单的网站按钮

添加图层样式。

Photoshop制作一个简单的网站按钮

Photoshop制作一个简单的网站按钮

Photoshop制作一个简单的网站按钮

Photoshop制作一个简单的网站按钮

然后建新层,画下图所示蓝色形状,效果如下,

Photoshop制作一个简单的网站按钮

单列选框工具点一下,填充白色,复制2个,图层模式叠加,添加蒙版去除多余部分。

Photoshop制作一个简单的网站按钮

输入白色文字,添加黑色1像素描边样式,具体不截图了,很容易。

Photoshop制作一个简单的网站按钮

建新层,调出形状1选区,填充白色,去掉选区,底部做一个大的椭圆选区,删除。

Photoshop制作一个简单的网站按钮

图层不透明度35%,最终效果如下。

Photoshop制作一个简单的网站按钮

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa