按钮教程,设计一个圆形的点击按钮

本篇按钮教程跟大家分享如何设计一枚由条纹组成的圆形按钮,制作方法不难,用到几个图层样式来制作质感,喜欢设计的同学来学习一下吧。最终效果:

按钮教程,设计一个圆形的点击按钮_www.16xx8.com
www.16xx8.com

新建文档1200X1000像素,填充颜色#3d3d42,再添加杂色》添加杂色。

按钮教程,设计一个圆形的点击按钮_www.16xx8.com

添加杂色

按钮教程,设计一个圆形的点击按钮_www.16xx8.com

给这个调整层添加内阴影。

模式:正片叠加

颜色:#000000

不透明度:75%

角度:90°

距离:5

大小:250

按钮教程,设计一个圆形的点击按钮_www.16xx8.com

按钮教程,设计一个圆形的点击按钮_www.16xx8.com

选择椭圆工具,按住shift建画一个黑色的正圆,圆的大小是600X600像素,将填充修改为25%,并添加图层样式。

内阴影

模式:正片叠底

颜色:#000000

不透明度:76%

角度:90°

距离:5

大小:32

按钮教程,设计一个圆形的点击按钮_www.16xx8.com

投影

模式:线性减淡(添加)

颜色:#ffffff

不透明度:10%

角度:12°

距离:2

大小:2

按钮教程,设计一个圆形的点击按钮_www.16xx8.com

利用布尔运算中的减去,你很容易的画出下面这个黑色的圆环。

按钮教程,设计一个圆形的点击按钮_www.16xx8.com

教程未完,请看下一页!

学习 · 提示

  • 打开ps,跟着教程做一遍,做完的图要到这里交作业:提交作业
  • 教程有看不懂的地方,可以到论坛发帖提问:ps新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们微博:@photoshop教程论坛
  • 想学更多的同学,可以订阅我们邮件,每天都有新教程发给你:http://t.cn/Rzm5o8Y
PS教程自学网 欢迎投稿原创或转载教程:http://i.16xx8.com
    倔强一路向北 说: 很好
    微波炉打铁盆 说: 签到
    清朝辛弃疾 说: 赞赞赞赞你
    够不够久情 说: 太垃圾了
    星散 说: 太难了
    若相惜吧2 说: 做不出来呀
    赵大玉MMM 说: 某日,我与儿子到撒哈拉沙漠里探险,不幸中途我们的水喝光了。一段时间后我儿子快渴死,野外生存题: 如果在沙漠中快被渴死了有两杯水,一杯动物血,一杯尿(注:只能选一样),你选择喝哪个?
    太子 说: 我选两杯水,儿子