Photoshop制作高光质感开关按钮

流浪不再去远方

流浪不再去远方

2016-02-16 04:18

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

先看效果图

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

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

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

新建图层画一黑色正圆。

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

添加图层样式。

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

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

效果如下。

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

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

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

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

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

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

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

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

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

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

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

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

减法模式画出月牙形状。

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

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

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

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

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

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

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

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

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

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

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

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

加深减淡工具处理一下。

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

添加外发光样式。

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

效果如下。

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

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

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

效果如下。

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

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

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

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

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

展开更多 50%)
分享

猜你喜欢

Photoshop制作高光质感开关按钮

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

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

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

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

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

电脑网络
Photoshop制作高光质感开关按钮图标教程

Photoshop制作红色高光质感网页按钮

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作红色高光质感网页按钮

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop制作高光质感红色玻璃按钮

PS PS基础
Photoshop制作高光质感红色玻璃按钮

Photoshop打造高光质感网站按钮

PS PS基础
Photoshop打造高光质感网站按钮

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop绘制杂色质感椭圆极光网页按钮

Photoshop绘制杂色质感椭圆极光网页按钮

Photoshop合成黑暗哥特风格图片教程

Photoshop合成黑暗哥特风格图片教程
下拉加载更多内容 ↓