当前位置:首页ps教程Photoshop制作Web2.0高光质感彩色按钮
Photoshop制作Web2.0高光质感彩色按钮
°
  • 素材类型: 资源-素材
  • 上传时间:

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

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

先看看效果图:

Photoshop制作Web2.0高光质感彩色按钮

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

Photoshop制作Web2.0高光质感彩色按钮

完成后的渐变如下

Photoshop制作Web2.0高光质感彩色按钮

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

Photoshop制作Web2.0高光质感彩色按钮

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

Photoshop制作Web2.0高光质感彩色按钮

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

Photoshop制作Web2.0高光质感彩色按钮

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

Photoshop制作Web2.0高光质感彩色按钮

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

Photoshop制作Web2.0高光质感彩色按钮

Photoshop制作Web2.0高光质感彩色按钮

进入论坛讨论:http://www.missyuan.com/viewthread.php?tid=427078

温馨提示:

文章标题:Photoshop制作Web2.0高光质感彩色按钮

文章链接:https://www.4tu.cn/photoshop/31406.html

更新时间:2024年08月24日

文章版权声明
1、本网站名称:思图创意
2、本站永久网址:https://www.4tu.cn
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报

本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。

给TA打赏
共{{data.count}}人
人已打赏
ps教程

Photoshop制作书写北京2008标志海报

2024-8-24 10:12:44

ps教程

Photoshop设计3D文字立体效果

2024-8-24 10:12:59

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧