查看完整版本: Photoshop做蓝色水晶网页按钮教程

Photoshop做蓝色水晶网页按钮教程

[b]来源[/b]:网页教学网     作者：闪电儿

先看一下最终效果。

[img]http://www.missyuan.net/upimg/allimg/081027/0949010.gif[/img]

　　1.新建文件，新建层，使用矩形选区工具如下选择，我选择的大小为60*20像素。

[img]http://www.missyuan.net/upimg/allimg/081027/0949011.gif[/img]

　　前景色设置为#afee00 ，背景色设置为： #3b9d00

[img]http://www.missyuan.net/upimg/allimg/081027/0949012.gif[/img]

，使用渐变工具从选区的上 方拉到中央进行填充：

[img]http://www.missyuan.net/upimg/allimg/081027/0949013.gif[/img]

　　将前景色和背景色设置回黑色和白色，新建层，双击新层，对描边选项进行如下设置：

[img]http://www.missyuan.net/upimg/allimg/081027/0949014.gif[/img]

　　层类型更改为覆盖，透明度设置为40%。

3.新建层，创建如下选区：

[img]http://www.missyuan.net/upimg/allimg/081027/0949015.gif[/img]

　　使用渐变工具颜色为白色到透明，从上向下进行填充：

[img]http://www.missyuan.net/upimg/allimg/081027/0949016.gif[/img]

　　层模式设置为覆盖，透明度降低到30%

[img]http://www.missyuan.net/upimg/allimg/081027/0949017.gif[/img]

　　4.使用文字工具输入需要的文字，我使用的字体是：Tahoma，大小为11pt。

[img]http://www.missyuan.net/upimg/allimg/081027/0949018.gif[/img]

　　效果完~虽然比较简单，但是给人的感觉非常清新，简洁！

辛苦了 77  这个效果比较符合现在的网页制作

标题和内容有些差别啊。这不是绿色的按钮吗？为什么标题写的是蓝色。