Photoshop制作高光质感开关按钮

2016-02-16 04:18 25 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享Photoshop制作高光质感开关按钮吧。

【 tulaoshi.com - PS 】

先看效果图

Photoshop制作高光质感开关按钮,PS教程,图老师教程网

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

Photoshop制作高光质感开关按钮,PS教程,图老师教程网

新建图层画一黑色正圆。

Photoshop制作高光质感开关按钮,PS教程,图老师教程网

添加图层样式。

Photoshop制作高光质感开关按钮,PS教程,图老师教程网

Photoshop制作高光质感开关按钮,PS教程,图老师教程网

效果如下。

Photoshop制作高光质感开关按钮,PS教程,图老师教程网

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

Photoshop制作高光质感开关按钮,PS教程,图老师教程网

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

Photoshop制作高光质感开关按钮,PS教程,图老师教程网

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

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

Photoshop制作高光质感开关按钮,PS教程,图老师教程网

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

Photoshop制作高光质感开关按钮,PS教程,图老师教程网

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

Photoshop制作高光质感开关按钮,PS教程,图老师教程网

减法模式画出月牙形状。

Photoshop制作高光质感开关按钮,PS教程,图老师教程网

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

Photoshop制作高光质感开关按钮,PS教程,图老师教程网

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

Photoshop制作高光质感开关按钮,PS教程,图老师教程网

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

Photoshop制作高光质感开关按钮,PS教程,图老师教程网

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

Photoshop制作高光质感开关按钮,PS教程,图老师教程网

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

Photoshop制作高光质感开关按钮,PS教程,图老师教程网

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

加深减淡工具处理一下。

Photoshop制作高光质感开关按钮,PS教程,图老师教程网

添加外发光样式。

Photoshop制作高光质感开关按钮,PS教程,图老师教程网

效果如下。

Photoshop制作高光质感开关按钮,PS教程,图老师教程网

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

Photoshop制作高光质感开关按钮,PS教程,图老师教程网

效果如下。

Photoshop制作高光质感开关按钮,PS教程,图老师教程网

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

Photoshop制作高光质感开关按钮,PS教程,图老师教程网

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

Photoshop制作高光质感开关按钮,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1567960.html

延伸阅读
标签: PS PS基础
先看效果图。 新建文档600x400像素,背景填充#015301,滤镜杂色添加杂色。 输入白色文字,字体Shermlock(点击下载),尺寸162点。 添加图层样式。 当这些样式设置完毕后,把填充归零,最终效果如下,本ps教程结束。
标签: PS PS基础
先看效果图。 新建文档440x300像素,背景白色,前景色#cac9c9输入文字。 添加图层样式。 效果如下,把文件保存,名字随意。 导入美国国旗,将不透明度降低,位置如下。 恢复100%不透明度,ctrl+A全选,滤镜扭曲置换。 会弹出一个对话框,选择刚才你保存的PSD文件,得到类似下图效果。 图层创建剪...
标签: PS PS基础
本教程学习如何用photoshop的自定义形状工具、钢笔工具和图层样式打造高光质感的电池图标,先看效果图。 新建文档950x1024像素,背景白色,建新层填充黑色,添加图层样式。 效果如下。 建新层,画一黑色圆角矩形。 添加图层样式,颜色值请用吸管采样我的截图。 效果如下。 新建图层2,调出形状1选区,选择矩形工具按al...
标签: PS PS基础 PS效果
教程虽然没有详细介绍按钮如何制作,不过作者在这里分享了很多按钮制作的经验,先从一些简单的效果入手,多尝试,多运用图层样式等,就可以做出自己想要的效果。 最终效果 1、按钮的形状 我个人认为按钮无非就这几种基本形状,请不要做太多奇形怪状,不要忘记按钮本身的作用“吸引用户点击”。 2、颜色 设计师应该具备审美能力...
标签: PS PS基础 PS效果
本教程主要介绍常用按钮的制作方法。思路:先绘制好按钮的形状,然后适当的把按钮的下面及上面都加上光感,高光部分的制作比较重要,需要根据实际的颜色选择不同的高光效果。 最终效果 1.新建一个500 * 350像素的文件,背景填充为黑色,前景颜色设置为:#570202,选择圆角矩形工具,参数设置如图1,绘制图2所示的圆角矩形。 图1 ...

经验教程

840

收藏

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