当前位置:首页>ps实例教程>ps网页设计>按钮图标>教程内容

按钮教程,设计一个分贝检测仪按钮图标教程(4)

来源:pdadians 作者:P大点S 学习:9189人次

刚开始,想用一个斜面浮雕搞定这个效果,调节了好几次等高线,效果不佳,于是放弃,改用了3个斜面浮雕配合蒙版来叠加效果,有大神能搞定的,请告之。

接下来,我们开始添加刻度,这个没什么好说的,大家应该都会,画个矩形,变换中心点,旋转3度,CTRL+SHIFT+ALT+T,轻松搞定。这里我设置的颜色为白色,不透明度7%。

按钮教程,设计一个分贝检测仪按钮图标教程_www.16xx8.com

一样的方法做出那橙色的刻度,颜色为#f6a303。

按钮教程,设计一个分贝检测仪按钮图标教程_www.16xx8.com

下面,我们来添加那个类似雷达扫描的渐变,从我们的截图中,你可以清楚的看到,我们的形状是利用布尔运算得到的,一个圆和一个旋转了15度的矩形相交,将这个形状的颜色设置为#171826,图层填充设置为0,添加一个渐变叠加,并添加蒙版擦拭下方。

按钮教程,设计一个分贝检测仪按钮图标教程_www.16xx8.com

按钮教程,设计一个分贝检测仪按钮图标教程_www.16xx8.com

接着我们来添加高光,用椭圆工具画一个圆,设置颜色为#bbaffd,图层混合模式为“柔光”,不透明度“81%”,在属性面板中,将这个形状羽化35.6像素,并载入“主体”那个圆的选区,为这个高光添加一个蒙版。

按钮教程,设计一个分贝检测仪按钮图标教程_www.16xx8.com

按钮教程,设计一个分贝检测仪按钮图标教程_www.16xx8.com

学习 · 提示

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

关注大神微博加入>>

网友求助,请回答!