当前位置:首页>ps实例教程>ps制作实例>制作实例>教程内容

Photoshop设计Web2.0高光质感彩色按钮

来源:未知 作者:bbs.16xx8.com 学习:241人次

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

先看看效果图:

Stylish Button image 9

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

Stylish Button image 1

完成后的渐变如下

Stylish Button image 2

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

Stylish Button image 3

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

Stylish Button image 4

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

Stylish Button image 6

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

Stylish Button image 7

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

Stylish Button Tutorial: Final Result

Stylish Button image 9

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!