PS设计教程网欢迎你!

Photoshop设计漂亮精致的网页按钮(3)

文章来源于 站酷,感谢作者 吾生小树 给我们带来经精彩的文章!
设计教程/前端设计/前端设计2011-04-17
然后使用选区工具(M),将选区向上移动1px(是用方向键),然后点击delete删除选区中的内容,再用 Ctrl+D 取消选区,这样就只保留了最下方的1px的一条细线。 接着,我们用快捷键 Ctrl+I 进行反相,然后将图层属性设置

然后使用选区工具(M),将选区向上移动1px(是用方向键↑),然后点击delete删除选区中的内容,再用 Ctrl+D 取消选区,这样就只保留了最下方的1px的一条细线。

Photoshop设计漂亮精致的网页按钮

接着,我们用快捷键 Ctrl+I 进行反相,然后将图层属性设置为叠加。

Photoshop设计漂亮精致的网页按钮

Photoshop设计漂亮精致的网页按钮

我们复制一个这个图层,这样可以提高亮度

Photoshop设计漂亮精致的网页按钮

Photoshop设计漂亮精致的网页按钮

这样,一个不错的效果就出来了。

步骤6:

接下来我们用同样的方法获取选区,并新建一个图层。

然后使用渐变工具,白到黑,模式为径向渐变,绘制如下效果。

Photoshop设计漂亮精致的网页按钮

然后我们用 Ctrl+D 取消选区,并设置图层模式为叠加,然后设置透明度为50%,获得如下效果。

Photoshop设计漂亮精致的网页按钮

Photoshop设计漂亮精致的网页按钮

步骤7:

添加文字,完成。

Photoshop设计漂亮精致的网页按钮

进入论坛交作业:http://www.missyuan.com/viewthread.php?tid=510102

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