Photoshop制作高光质感开关按钮图标教程

2016-02-19 16:45 2 1 收藏

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是Photoshop制作高光质感开关按钮图标教程,一起来学习了解下吧!

【 tulaoshi.com - ps教程 】

先看效果图

Photoshop制作高光质感开关按钮

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

Photoshop制作高光质感开关按钮

新建图层画一黑色正圆。

Photoshop制作高光质感开关按钮

添加图层样式。

Photoshop制作高光质感开关按钮

Photoshop制作高光质感开关按钮

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/psjiaocheng/)

效果如下。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/psjiaocheng/)

Photoshop制作高光质感开关按钮

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

Photoshop制作高光质感开关按钮

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

Photoshop制作高光质感开关按钮

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

Photoshop制作高光质感开关按钮

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

Photoshop制作高光质感开关按钮

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

Photoshop制作高光质感开关按钮

减法模式画出月牙形状。

Photoshop制作高光质感开关按钮

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

Photoshop制作高光质感开关按钮

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

Photoshop制作高光质感开关按钮

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

Photoshop制作高光质感开关按钮

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

Photoshop制作高光质感开关按钮

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

Photoshop制作高光质感开关按钮

加深减淡工具处理一下。

Photoshop制作高光质感开关按钮

添加外发光样式。

Photoshop制作高光质感开关按钮

效果如下。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/psjiaocheng/)

Photoshop制作高光质感开关按钮

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

Photoshop制作高光质感开关按钮

效果如下。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/psjiaocheng/)

Photoshop制作高光质感开关按钮

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

Photoshop制作高光质感开关按钮

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

Photoshop制作高光质感开关按钮

来源:https://www.tulaoshi.com/n/20160219/1613017.html

延伸阅读
标签: PS
Photoshop制作金色高光按钮教程   教程虽然没有详细介绍按钮如何制作,不过作者在这里分享了很多按钮制作的经验,先从一些简单的效果入手,多尝试,多运用图层样式等,就可以做出自己想要的效果。 最终效果 1、按钮的形状 我个人认为按钮无非就这几种基本形www.tulaoshi.com状,请不要做太多奇形怪状,不要忘记按钮...
标签: PS PS基础
先看效果图。 新建文档500x500像素,背景黑色,新建图层1,用700口径柔角白色笔刷在中心点一下,之后不透明度改为30%。 新建图层画一个白色正圆。 添加图层样式。 效果如下。 新建图层画一个小点的白色正圆。 类似下图效果。 同样方法画一白色正圆。 添加图层样式。 效果如下。 新建图层2,用...
标签: PS PS教程
制作按钮之前需要把构造分析透彻;然后由底层开始用形状工具画出想要的图形,稍微复杂一点的可以用通过多个形状合并或减去得到;然后用图层样式给图形添加颜色和质感等即可。 最终效果 1、新建一个1000*1000,72分辨率的新画布。 2、新建一层,填充34%的灰色。 3、在当前这个层上右键选择“转换为智能对象”,你也可以在“图层”菜单...
标签: PS PS基础
先看效果图。 新建文档440x300像素,背景白色,前景色#cac9c9输入文字。 添加图层样式。 效果如下,把文件保存,名字随意。 导入美国国旗,将不透明度降低,位置如下。 恢复100%不透明度,ctrl+A全选,滤镜扭曲置换。 会弹出一个对话框,选择刚才你保存的PSD文件,得到类似下图效果。 图层创建剪...
制作按钮之前需要把构造分析透彻;然后由底层开始用形状工具画出想要的图形,稍微复杂一点的可以用通过多个形状合并或减去得到;然后用图层样式给图形添加颜色和质感等即可。 最终效果 1、新建一个1000*1000,72分辨率的新画布。 2、新建一层,填充34%的灰色。 3、在当前这个层上右键选择“转换为智能对象”,你也可以...

经验教程

812

收藏

49
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部