首页 > 设计 > 详细

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

时间:2016-02-09 06:13:38      阅读:234      评论:0      收藏:0      [点我收藏+]
最终效果图
技术分享
1、新建一个文件,在工具箱中选择圆角矩形工具,如下图所示设置:
技术分享
2、新建一个图层后,在画布上拉出一个长方形,就得到这样的结果。(为了更好的给大家讲解,这个图放大了400%显示)
技术分享
如果大家得到这样的结果。
技术分享  就需要将“对齐像素”的选项给勾上。
技术分享
3、为这个图层添加图层样式。
技术分享
技术分享
技术分享  得到结果如图所示,顺便在样式调板中存储着这个样式。
技术分享
4、使用矩形选框工具,绘制出一个矩形的选区。
技术分享
5、新建图层后,填充黑色到白色的径向渐变。
技术分享
6、并将该图层的混合模式改为:柔光,不透明度:60%。
技术分享  7、新建图层,再绘制出一个矩形选区。
技术分享
8、填充成白色。
技术分享
9、并将该图层的混合模式改为:线性减淡,不透明度:30%。
技术分享
10、使用文字工具写上要的文字,注意在这里要将字体的边缘设置为:无。
技术分享
11、之前我们创建过一个样式,还记得吗,给文字应用这个样式就可以了。
后面的工作就是换换颜色,改改文字就可以了。
技术分享

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

原文:http://www.jb51.net/photoshop/8854.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!