PS设计教程网欢迎你!

Photoshop制作高光胶囊效果的网页按钮

文章来源于 一起PS吧,感谢作者 佚名 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2011-03-10
本教程学习如何用Photoshop的圆角矩形和图层样式打造漂漂的高光胶囊按钮,下面让我们一起来学习吧。

先看效果图。

Photoshop制作高光胶囊效果的网页按钮

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

Photoshop制作高光胶囊效果的网页按钮

效果如下。

Photoshop制作高光胶囊效果的网页按钮

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

Photoshop制作高光胶囊效果的网页按钮

添加图层样式。

Photoshop制作高光胶囊效果的网页按钮

Photoshop制作高光胶囊效果的网页按钮

效果如下。

Photoshop制作高光胶囊效果的网页按钮

建新层,画一个小的圆角矩形,颜色#f7bdd6。

Photoshop制作高光胶囊效果的网页按钮

高斯模糊一下。

Photoshop制作高光胶囊效果的网页按钮

添加外发光样式。

Photoshop制作高光胶囊效果的网页按钮

不透明度改为80%,效果如下。

Photoshop制作高光胶囊效果的网页按钮

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