┆死┆ 发表于 2008-1-16 09:38:02

Photoshop教程:网页水晶按钮制作教程

来源：网页教学网
本教程主要是介绍水晶按钮的制作，主要难点是要把按钮的高光和暗调调和谐！
最终效果
http://pic.16xx8.com/article/UploadPic/2008/1/16/20081169152237.jpg
1.新建一个300 * 200像素的文件，定义圆角矩形大小为250 * 120
http://pic.16xx8.com/article/UploadPic/2008/1/16/20081169152948.jpg
2.复制圆角矩形图层并缩小
http://pic.16xx8.com/article/UploadPic/2008/1/16/20081169152691.jpg





3.给底部圆角矩形加个渐变叠加，这里具体颜色头可以先不管，是同一色相调整不同明度就可以了。
http://pic.16xx8.com/article/UploadPic/2008/1/16/20081169153897.jpg
4.这是是具体的简便颜色设置
http://pic.16xx8.com/article/UploadPic/2008/1/16/20081169153388.jpg
5.给上边的矩形添加样式
http://pic.16xx8.com/article/UploadPic/2008/1/16/20081169153338.jpg





6.设置前景颜色为白色，用椭圆工具画出如图形状并设置不透明度为50%，操作如下图
http://pic.16xx8.com/article/UploadPic/2008/1/16/20081169154708.jpg
7.载入上部矩形为选区并新建图层用白色描边，并给该图层添加一个蒙版用渐变工具作出下图效果
http://pic.16xx8.com/article/UploadPic/2008/1/16/20081169154885.jpg
8.隐藏背景图层，盖印图层，并用自由变换工具做成倒影。
http://pic.16xx8.com/article/UploadPic/2008/1/16/20081169154865.jpg
9.加上文字。
http://pic.16xx8.com/article/UploadPic/2008/1/16/20081169154912.jpg
10.最后添加一个色相饱和度可以调成自己喜爱的颜色。
http://pic.16xx8.com/article/UploadPic/2008/1/16/20081169155653.jpg

枫之伤 发表于 2008-2-18 16:07:06

不错`支持```````````````

飞仁 发表于 2008-3-23 16:04:40

我要下载///我要下载///我要下载///我要下载///我要下载

杨林 发表于 2008-3-28 11:51:51

开卷有益，谢谢ps:Q ps:Q
页: [1]
查看完整版本: Photoshop教程:网页水晶按钮制作教程