当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > photoshop 网页常用水晶按钮的制作教程

Photoshop
Photoshop 美女脸部细腻的质感肤色
Photoshop 柔美简洁的彩带壁纸
Photoshop 调出偏暗儿童照片的怀旧色调
Photoshop 调出人物照片淡淡的粉青色
photoshop 合成长青苔的真人石像
Photoshop 打造一张飞翔的天使插画
photoshop 利用外挂及曲线打造人物光滑的肤色
Photoshop 打造一款超酷的金属管相框
Photoshop 长满青草的沙丘字效果
photoshop 经典合成另类的美女和牛奶场景
Photoshop 调出照片淡黄色怀旧效果
Photoshop 简单的蓝色纹理立体字
Photoshop 打造一张潮流风格女孩桌面
Photoshop 快速制作蓝色冷光文字
Photoshop 文字特效教程 五彩发光文字
Photoshop 打造一张个性签名老照片效果
Photoshop 调出外景照片金色的黄昏效果
Photoshop 一张潮流风格手枪插画
3500元DIY打造140米安逸窝 (惊呆了,看着都幸福)
photoshop 简单两步调出照片清爽的淡红色

Photoshop 中的 photoshop 网页常用水晶按钮的制作教程


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-18   浏览: 489 ::
收藏到网摘: n/a

最终效果图

1、新建一个文件,在工具箱中选择圆角矩形工具,如下图所示设置:

2、新建一个图层后,在画布上拉出一个长方形,就得到这样的结果。(为了更好的给大家讲解,这个图放大了400%显示)

如果大家得到这样的结果。
 
就需要将“对齐像素”的选项给勾上。

3、为这个图层添加图层样式。


 
得到结果如图所示,顺便在样式调板中存储着这个样式。

4、使用矩形选框工具,绘制出一个矩形的选区。

5、新建图层后,填充黑色到白色的径向渐变。

6、并将该图层的混合模式改为:柔光,不透明度:60%。
 
7、新建图层,再绘制出一个矩形选区。

8、填充成白色。

9、并将该图层的混合模式改为:线性减淡,不透明度:30%。

10、使用文字工具写上要的文字,注意在这里要将字体的边缘设置为:无。

11、之前我们创建过一个样式,还记得吗,给文字应用这个样式就可以了。
后面的工作就是换换颜色,改改文字就可以了。