PS设计教程网欢迎你!

Photoshop制作好看的网页按钮教程

文章来源于 站酷,感谢作者 limiy 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2012-04-26
本教程主要使用Photoshop设计蓝色立体效果的网页按钮教程,教程的过程使用混合模式和遮罩效果来完成,喜欢的朋友一起来学习吧。

先看看效果图

Photoshop制作好看的网页按钮教程

打开photoshop,新建空白文档。

Photoshop制作好看的网页按钮教程

为了不让白色背景看起来乏味,增加一个渐变叠加效果。渐变颜色为# f3f3f3到# c6c6c6。

Photoshop制作好看的网页按钮教程

选择圆角矩形工具,创建按钮的的主要形状,半径为5 px。

Photoshop制作好看的网页按钮教程

添加渐变叠加图层样式。渐变颜色从#0d3079到#557bc9。

Photoshop制作好看的网页按钮教程

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