PS设计教程网欢迎你!

Photoshop制作漂亮前卫的web按钮

文章来源于 一起PS吧,感谢作者 佚名 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2011-02-23
本教程介绍如何使用Photoshop绘制时尚质感的的网页按钮,主要通过软件的自定义形状工具和图层样式来完成,下面让我们一起来学习吧。

先看效果图。

Photoshop制作漂亮前卫的web按钮

新建文档1280x1024像素,背景白色,建新层,填充黑色,添加图层样式。

Photoshop制作漂亮前卫的web按钮

效果如下。

Photoshop制作漂亮前卫的web按钮

建新层,画一个黑色圆角矩形。

Photoshop制作漂亮前卫的web按钮

添加图层样式。

Photoshop制作漂亮前卫的web按钮

Photoshop制作漂亮前卫的web按钮

Photoshop制作漂亮前卫的web按钮

效果如下。

Photoshop制作漂亮前卫的web按钮

建新层,用钢笔画出下图所示路径,转为选区填充白色,图层模式叠加,不透明度20%,填充75%。

Photoshop制作漂亮前卫的web按钮

建新层,用矩形工具做如下选区,填充0082f0,去掉选区用柔角橡皮涂抹两端,产生渐隐的效果。

Photoshop制作漂亮前卫的web按钮

添加图层样式。

Photoshop制作漂亮前卫的web按钮

效果如下。

Photoshop制作漂亮前卫的web按钮

建新层,画一黑色箭头。

Photoshop制作漂亮前卫的web按钮

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