我的联盟 作品 招聘 外包 人才  酷站加油 国内 国外 CSS  资源图库 图库 模板 矢量 图标  设计欣赏 界面 LOGO 插画 艺术  网页 平面  专访 名站 竞赛 社区
当前位置:首页 > 平面设计 > Photoshop教程 > 正文
PS简单制作网页高光质感彩色按钮
来源:网络 2009年10月31日 09:00 网友评论:1条 点击:

PS简单三步就能完成一个很不错的按钮,同样的方法可以制作各种类似的按钮,以后制作网站不用再为找不到合适的按钮担心了,一切自己DIY!!

先看看效果图:

第一步:先用矩形工具制作一个长方体按钮轮廓,随后我们再用渐变为按钮制作出整体的色调,这里PS图层样式中按照如下图设置渐变参数

完成后的渐变如下

现在我们再制作按钮层叠效果,这里我们使用图层样式中的混合选项,设置如下

完成后你看到的效果因该与下图按钮类似

第二步:为按钮描边以及加上文字

第三步:这是最重要的一步,我们为按钮制作高光效果,使其看上去很立体,过程是先用钢笔画出一个不规则曲线,如下

 

随后将钢笔区域转为选区,并填充为白色,再调整不透明度,这样一个简单三步就做成的质感按钮完成了,是不是很简单,你可以试着制作其他不同的颜色

责任编辑:68design.net_3

上一篇:用Photoshop制作3D文字效果   下一篇:PS打造热辣MM劲舞广告海报
收藏此页】【打印】【关闭
 相关文章  我要点评
·小按钮引发的大爆炸:方兴未艾的社交组件
·YouTube在多数视频中加入雪花按钮(图)
·Photoshop制作蓝色水晶立体按钮
·原型设计中一个按钮的“哲学”故事
·谷歌10月初为显示广告添加“+1”按钮
·Photoshop制作精制的立体金属按钮图标
·谷歌+1按钮已可向Google+朋友圈分享内容
·电商网站的购买按钮

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:68design#163.com
转载要求:作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。



关于我们 | 设计服务 | 广告服务 | 常见问题 | 网站地图 | 法律声明 | 联系我们
Copyright © 2003-2012 68design.net, All Rights Reserve 【找网页设计师,当然上网页设计师联盟】