Photoshop设计制作高光质感开关按钮教程

2016-03-17 21:26 14 1 收藏

下面是个Photoshop设计制作高光质感开关按钮教程教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - PS 】

先看效果图

Photoshop制作高光质感开关按钮,图老师

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

Photoshop制作高光质感开关按钮,图老师

新建图层画一黑色正圆。

Photoshop制作高光质感开关按钮,图老师

添加图层样式。

Photoshop制作高光质感开关按钮,图老师

Photoshop制作高光质感开关按钮,图老师

效果如下。

Photoshop制作高光质感开关按钮,图老师

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

Photoshop制作高光质感开关按钮,图老师

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

Photoshop制作高光质感开关按钮,图老师

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

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

Photoshop制作高光质感开关按钮,图老师

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

Photoshop制作高光质感开关按钮,图老师

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

Photoshop制作高光质感开关按钮,图老师

减法模式画出月牙形状。

Photoshop制作高光质感开关按钮,图老师

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

Photoshop制作高光质感开关按钮,图老师

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

Photoshop制作高光质感开关按钮,图老师

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

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

Photoshop制作高光质感开关按钮,图老师

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

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

Photoshop制作高光质感开关按钮,图老师

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

Photoshop制作高光质感开关按钮,图老师

加深减淡工具处理一下。

Photoshop制作高光质感开关按钮,图老师

添加外发光样式。

Photoshop制作高光质感开关按钮,图老师

效果如下。

Photoshop制作高光质感开关按钮,图老师

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

Photoshop制作高光质感开关按钮,图老师

效果如下。

Photoshop制作高光质感开关按钮,图老师

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

Photoshop制作高光质感开关按钮,图老师

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

Photoshop制作高光质感开关按钮,图老师

来源:http://www.tulaoshi.com/n/20160317/1866186.html

延伸阅读
标签: PS PS基础
先看效果图。 新建文档1280x1024像素,建新层填充黑色,添加图层样式。 效果如下。 建新层,用钢笔勾出苹果外形,填充黑色。 添加图层样式。 效果如下。 建新层,用钢笔勾出白色高光区域。 添加蒙版,用黑色柔角笔刷涂抹,效果如下。 为了让大家看清楚,暂时将高光层隐藏,建新层,用钢笔画出下图所示形状,填...
来源:站酷 作者:DCTXF 教程虽然没有详细介绍按钮如何制作,不过作者在这里分享了很多按钮制作的经验,先从一些简单的效果入手,多尝试,多运用图层样式等,就可以做出自己想要的效果。 最终效果 1、按钮的形状 我个人认图老师为按钮无非就这几种基本形状,请不要做太多奇形怪状,不要忘记按钮本身的作用“吸引用户点击”。 2、颜色 设...
标签: PS PS教程
教程虽然没有详细介绍按钮如何制作,不过作者在这里分享了很多按钮制作的经验,先从一些简单的效果入手,多尝试,多运用图层样式等,就可以做出自己想要的效果。 最终效果 1、按钮的形状 我个人认为按钮无非就这几种基本形状,请不要做太多奇形怪状,不要忘记按钮本身的作用“吸引用户点击”。 2、颜色 设计师应该具备审美能力...
本教程学习如何用photoshop的自定义形状工具、钢笔工具和图层样式打造高光质感的电池图标,先看效果图。 新建文档950x1024像素,背景白色,建新层填充黑色,添加图层样式。 效果如下。 建新层,画一黑色圆角矩形。 添加图层样式,颜色值请用吸管采样我的截图。 效果如下。 新建图层2,调出形状1选区,选择矩形工具按al...
标签: PS PS基础
先看效果图。 新建文档1280x1024像素,背景白色,建新层填充黑色,添加图层样式。 效果如下。 建新层,用椭圆工具做一个黑色圆环,具体方法不给出了,相信大家的实力。 添加图层样式。 效果如下。 建新层,画一正圆,填充白色。 添加图层样式。 效果如下。 如果愿意可以添加一个色相/饱和度调...

经验教程

720

收藏

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