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

用ps制作高光质感开关按钮(4)

来源:一起ps吧 作者:. 学习:3255人次

本ps教程学习如何用ps的自定义形状工具和图层样式及蒙版等制作高光蓝黑色开关按钮,先看效果图。

高光质感 按钮 蒙版 描边 ps教程

新建文档600x600像素,背景白色,新建图层填充黑色,添加直线渐变样式,效果如下。

高光质感 按钮 蒙版 描边 ps教程

新建图层画一黑色正圆。

高光质感 按钮 蒙版 描边 ps教程

添加图层样式。

高光质感 按钮 蒙版 描边 ps教程

高光质感 按钮 蒙版 描边 ps教程

效果如下。

高光质感 按钮 蒙版 描边 ps教程

复制一层,清除图层样式,将此层缩小。

高光质感 按钮 蒙版 描边 ps教程

再复制一层,颜色改为白色,稍微缩小一点点,不透明度改为10%。

高光质感 按钮 蒙版 描边 ps教程

复制这个白色层,添加蒙版黑白斜线渐变。

高光质感 按钮 蒙版 描边 ps教程

不透明度20%,左上角出现了微弱的高光部分。

高光质感 按钮 蒙版 描边 ps教程

新建图层画一个小的白色正圆。

高光质感 按钮 蒙版 描边 ps教程

减法模式画出月牙形状。

高光质感 按钮 蒙版 描边 ps教程

效果如下,同样方法画出对面的月牙。

高光质感 按钮 蒙版 描边 ps教程

同样方法画出另一个高光。

高光质感 按钮 蒙版 描边 ps教程

同样方法减法模式画出右下角月牙。

高光质感 按钮 蒙版 描边 ps教程

新建图层用白色柔角笔刷点一下,之后图层模式改为柔光,复制一层挪到右下角。

高光质感 按钮 蒙版 描边 ps教程

新建图层,百度下载形状或用钢笔画一个,填充#03baf5。

高光质感 按钮 蒙版 描边 ps教程

加深减淡工具处理一下。

高光质感 按钮 蒙版 描边 ps教程

添加外发光样式。

高光质感 按钮 蒙版 描边 ps教程

效果如下。

高光质感 按钮 蒙版 描边 ps教程

新建图层,调出Logo选区,白色描边1像素,图层模式改为叠加。

高光质感 按钮 蒙版 描边 ps教程

效果如下。

高光质感 按钮 蒙版 描边 ps教程

新建图层用白色笔刷点一下,群组,之后模式改为颜色减淡,你也可以改变颜色。

高光质感 按钮 蒙版 描边 ps教程

再添加个阴影,最终效果如下,本ps教程结束。

高光质感 按钮 蒙版 描边 ps教程

学习 · 提示

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

关注大神微博加入>>

网友求助,请回答!