暂停按钮,设计金色暂停按钮教程

本篇教程教大家快速设计一枚暂停按钮图片,制作简单,分享给新手学习吧。

暂停按钮,设计金色暂停按钮教程_www.16xx8.com

首先,打开ps 软件,新建一个图层

声明一下:因为是制作一个界面图标,所以新建一个400*400像素的图层,分辨率是72

暂停按钮,设计金色暂停按钮教程_www.16xx8.com

首先我们填充一个黑色的底,用椭圆选框工具,填充一个白色的圆,加一个外发光效果。

暂停按钮,设计金色暂停按钮教程_www.16xx8.com

暂停按钮,设计金色暂停按钮教程_www.16xx8.com

然后ctrl+J复制一个圆,填充为棕色,按住alt+shift向中心缩小。

叠到白色圆的上方,并且在图层样式填充一个颜色渐变和投影。

暂停按钮,设计金色暂停按钮教程_www.16xx8.com 暂停按钮,设计金色暂停按钮教程_www.16xx8.com

按照上一步,制作一个黄色的圆。

暂停按钮,设计金色暂停按钮教程_www.16xx8.com暂停按钮,设计金色暂停按钮教程_www.16xx8.com

之后在黄色面上加一些深色的圆斑,模仿类似奶酪的效果。

暂停按钮,设计金色暂停按钮教程_www.16xx8.com暂停按钮,设计金色暂停按钮教程_www.16xx8.com

圆点加内阴影,注意一下光效来源,圆点也不要画的太小,也不要太密集。

这里要给整个底面加一个矩形反光条

暂停按钮,设计金色暂停按钮教程_www.16xx8.com

直接用矩形选框工具填充纯白色的矩形,之后降低图层透明度。

暂停按钮,设计金色暂停按钮教程_www.16xx8.com

这里再加一个圆边,可以直接用圆形选框工具加描边,然后在这个图层上面加一个渐变叠加,或者直接用一个喷枪笔刷去涂抹,这里要记住,锁定透明图层哦~才不会画出圆圈。

最后一步,画暂停键。

暂停按钮,设计金色暂停按钮教程_www.16xx8.com

首先用圆角矩形工具

暂停按钮,设计金色暂停按钮教程_www.16xx8.com

再做一个图层颜色叠加和内阴影

暂停按钮,设计金色暂停按钮教程_www.16xx8.com

按照上一个步骤做一个深色的圆角矩形

暂停按钮,设计金色暂停按钮教程_www.16xx8.com

同样按住alt+shift等比例缩小。

暂停按钮,设计金色暂停按钮教程_www.16xx8.com

单个做好之后,给这两个图层建一个组,命名为矩形1,然后复制组,水平拖动。

暂停按钮,设计金色暂停按钮教程_www.16xx8.com

给第二个组也命名,建个组

这样,图标就完成了,希望有兴趣的小盆友可以自己尝试做一个~!

暂停按钮,设计金色暂停按钮教程_www.16xx8.com

暂停按钮的制作方法就讲解到这里,大家可以举一反三,设计出其它样式的暂停按钮,也欢迎大家分享投稿自己的制作方法。

全教程完,学完记得交作业。如果本教程对您有所帮助,请推荐给你的朋友。

学习 · 提示

  • 打开ps,跟着教程做一遍,做完的图要到这里交作业:提交作业
  • 教程有看不懂的地方,可以到论坛发帖提问:ps新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们微博:@photoshop教程论坛
  • 想学更多的同学,可以订阅我们邮件,每天都有新教程发给你:http://t.cn/Rzm5o8Y
PS教程自学网 欢迎投稿原创或转载教程:http://i.16xx8.com
    你也在这里 说: 给力
    终究我是你爹 说: 学习看下。、。。。。。。。。。。。。。。。。采集