平面设计 
首页 > 平面设计 > 浏览文章

photoshop设计制作圆形高光蓝黑色质感开关按钮

(编辑:jimmy 日期: 2025/6/19 浏览:3 次 )
先看效果图

photoshop设计制作圆形高光蓝黑色质感开关按钮

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

photoshop设计制作圆形高光蓝黑色质感开关按钮

新建图层画一黑色正圆。

photoshop设计制作圆形高光蓝黑色质感开关按钮

添加图层样式。

photoshop设计制作圆形高光蓝黑色质感开关按钮

photoshop设计制作圆形高光蓝黑色质感开关按钮

效果如下。

photoshop设计制作圆形高光蓝黑色质感开关按钮

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

photoshop设计制作圆形高光蓝黑色质感开关按钮

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

photoshop设计制作圆形高光蓝黑色质感开关按钮

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

photoshop设计制作圆形高光蓝黑色质感开关按钮

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

photoshop设计制作圆形高光蓝黑色质感开关按钮

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

photoshop设计制作圆形高光蓝黑色质感开关按钮

减法模式画出月牙形状。

photoshop设计制作圆形高光蓝黑色质感开关按钮

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

photoshop设计制作圆形高光蓝黑色质感开关按钮

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

photoshop设计制作圆形高光蓝黑色质感开关按钮

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

photoshop设计制作圆形高光蓝黑色质感开关按钮

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

photoshop设计制作圆形高光蓝黑色质感开关按钮

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

photoshop设计制作圆形高光蓝黑色质感开关按钮

加深减淡工具处理一下。

photoshop设计制作圆形高光蓝黑色质感开关按钮

添加外发光样式。

photoshop设计制作圆形高光蓝黑色质感开关按钮

效果如下。

photoshop设计制作圆形高光蓝黑色质感开关按钮

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

photoshop设计制作圆形高光蓝黑色质感开关按钮

效果如下。

photoshop设计制作圆形高光蓝黑色质感开关按钮

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

photoshop设计制作圆形高光蓝黑色质感开关按钮

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

photoshop设计制作圆形高光蓝黑色质感开关按钮

上一篇:photoshop绘制出超强质感蓝色按钮
下一篇:photoshop设计制作精致的黄色按钮
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。