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

pengnrf275

pengnrf275

2016-02-19 16:45

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

先看效果图

Photoshop制作高光质感开关按钮

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

Photoshop制作高光质感开关按钮

新建图层画一黑色正圆。

Photoshop制作高光质感开关按钮

添加图层样式。

Photoshop制作高光质感开关按钮

Photoshop制作高光质感开关按钮

效果如下。

Photoshop制作高光质感开关按钮

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

Photoshop制作高光质感开关按钮

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

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

Photoshop制作高光质感开关按钮

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

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

Photoshop制作高光质感开关按钮

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

Photoshop制作高光质感开关按钮

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

Photoshop制作高光质感开关按钮

减法模式画出月牙形状。

Photoshop制作高光质感开关按钮

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

Photoshop制作高光质感开关按钮

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

Photoshop制作高光质感开关按钮

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

Photoshop制作高光质感开关按钮

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

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

Photoshop制作高光质感开关按钮

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

Photoshop制作高光质感开关按钮

加深减淡工具处理一下。

Photoshop制作高光质感开关按钮

添加外发光样式。

Photoshop制作高光质感开关按钮

效果如下。

Photoshop制作高光质感开关按钮

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

Photoshop制作高光质感开关按钮

效果如下。

Photoshop制作高光质感开关按钮

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

Photoshop制作高光质感开关按钮

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

Photoshop制作高光质感开关按钮

展开更多 50%)
分享

猜你喜欢

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

设计创意
Photoshop制作高光质感开关按钮图标教程

Photoshop制作高光质感开关按钮

PS PS基础
Photoshop制作高光质感开关按钮

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

Photoshop教程:制作立体金色高光按钮图标

PS PS教程
Photoshop教程:制作立体金色高光按钮图标

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

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计制作高光质感开关按钮教程

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

Photoshop制作网页常用质感按钮图标

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作网页常用质感按钮图标

Photoshop制作高光质感苹果图标

PS PS基础
Photoshop制作高光质感苹果图标

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

Thymes香水包装设计

Thymes香水包装设计

Isabella Morawetz人物插画

Isabella Morawetz人物插画
下拉加载更多内容 ↓