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

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

描边图标,快速制作描边图标

这种描边图标最近十分火,而且制作十分简单,几步就能做出来,喜欢的一起来学习一下。

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

用ps制作高光质感开关按钮插图

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

用ps制作高光质感开关按钮插图(1)

新建图层画一黑色正圆。

用ps制作高光质感开关按钮插图(2)

添加图层样式。

用ps制作高光质感开关按钮插图(3)

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

效果如下。

用ps制作高光质感开关按钮插图(5)

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

用ps制作高光质感开关按钮插图(6)

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

用ps制作高光质感开关按钮插图(7)

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

用ps制作高光质感开关按钮插图(8)

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

用ps制作高光质感开关按钮插图(9)

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

用ps制作高光质感开关按钮插图(10)

减法模式画出月牙形状。

用ps制作高光质感开关按钮插图(11)

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

用ps制作高光质感开关按钮插图(12)

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

用ps制作高光质感开关按钮插图(13)

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

用ps制作高光质感开关按钮插图(14)

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

用ps制作高光质感开关按钮插图(15)

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

用ps制作高光质感开关按钮插图(16)

加深减淡工具处理一下。

用ps制作高光质感开关按钮插图(17)

添加外发光样式。

用ps制作高光质感开关按钮插图(18)

效果如下。

用ps制作高光质感开关按钮插图(19)

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

用ps制作高光质感开关按钮插图(20)

效果如下。

用ps制作高光质感开关按钮插图(21)

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

用ps制作高光质感开关按钮插图(22)

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

用ps制作高光质感开关按钮插图

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

用ps制作高光质感开关按钮插图

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

用ps制作高光质感开关按钮插图(1)

新建图层画一黑色正圆。

用ps制作高光质感开关按钮插图(2)

添加图层样式。

用ps制作高光质感开关按钮插图(3)

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

效果如下。

用ps制作高光质感开关按钮插图(5)

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

用ps制作高光质感开关按钮插图(6)

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

用ps制作高光质感开关按钮插图(7)

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

用ps制作高光质感开关按钮插图(8)

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

用ps制作高光质感开关按钮插图(9)

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

用ps制作高光质感开关按钮插图(10)

减法模式画出月牙形状。

用ps制作高光质感开关按钮插图(11)

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

用ps制作高光质感开关按钮插图(12)

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

用ps制作高光质感开关按钮插图(13)

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

用ps制作高光质感开关按钮插图(14)

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

用ps制作高光质感开关按钮插图(15)

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

用ps制作高光质感开关按钮插图(16)

加深减淡工具处理一下。

用ps制作高光质感开关按钮插图(17)

添加外发光样式。

用ps制作高光质感开关按钮插图(18)

效果如下。

用ps制作高光质感开关按钮插图(19)

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

用ps制作高光质感开关按钮插图(20)

效果如下。

用ps制作高光质感开关按钮插图(21)

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

用ps制作高光质感开关按钮插图(22)

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

用ps制作高光质感开关按钮插图

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部