本文作者:三岁教程网

PS鼠绘漂亮按钮开关图标

三岁教程网 2022-11-07 00:00:00 60 抢沙发

效果图


    
     PS鼠绘漂亮按钮开关图标

1. 首先创建一个尺寸为400*300的文件。

2. 然后找一张木板作为背景。

3. 选择圆角矩形工具,画一个角度为20px的矩形,随便填充一个颜色,进行渐变叠加。


    
     PS鼠绘漂亮按钮开关图标


    
     PS鼠绘漂亮按钮开关图标

然后添加1px描边,颜色为#8d6546。

添加斜面与浮雕样式,注意勾选等高线,默认值就好。


    
     PS鼠绘漂亮按钮开关图标

内阴影


    
     PS鼠绘漂亮按钮开关图标

阴影


    
     PS鼠绘漂亮按钮开关图标


    
     PS鼠绘漂亮按钮开关图标

接下来绘制开关的螺丝,螺丝比较小,需要更细微的处理。


    
     PS鼠绘漂亮按钮开关图标

用圆形工具画一个差不多大小的圆,然后运用渐变。


    
     PS鼠绘漂亮按钮开关图标

加描边


    
     PS鼠绘漂亮按钮开关图标

然后用选区工具画一个这样的形状,也可以用钢笔工具,填充颜色#323232。


    
     PS鼠绘漂亮按钮开关图标

然后添加一个投影样式。


    
     PS鼠绘漂亮按钮开关图标

然后再复制三个,分别放在对应的位置。


    
     PS鼠绘漂亮按钮开关图标

接下来画开关按钮,选择圆角矩形,画一个20px的圆角长方形,添加渐变样式。


    
     PS鼠绘漂亮按钮开关图标


    
     PS鼠绘漂亮按钮开关图标

然后复制一份这个图层,Ctrl+T等比例缩放至这样的大小。


    
     PS鼠绘漂亮按钮开关图标

添加颜色为白色,再添加1px渐变描边。


    
     PS鼠绘漂亮按钮开关图标

然后再复制此图层,取消当前所有样式,然后拉伸变形至这样的形状。


    
     PS鼠绘漂亮按钮开关图标

然后给这样图层添加一个渐变样式,来塑造开关的光影变化。


    
     PS鼠绘漂亮按钮开关图标


    
     PS鼠绘漂亮按钮开关图标

用圆形工具画一个半径为12px的圆圈,添加一个渐变描边样式。


    
     PS鼠绘漂亮按钮开关图标

接下来再用矩形工具画一个宽2px高9px的矩形,用来当做指示灯,给此图层添加一个渐变样式,并增加阴影。


    
     PS鼠绘漂亮按钮开关图标


    
     PS鼠绘漂亮按钮开关图标


    
     PS鼠绘漂亮按钮开关图标

处理光影效果,适当加一些阴影,突出效果。


    
     PS鼠绘漂亮按钮开关图标


    
     PS鼠绘漂亮按钮开关图标


    
     PS鼠绘漂亮按钮开关图标

文章版权及转载声明

作者:三岁教程网本文地址:http://ssjcw.com/?id=48213发布于 2022-11-07 00:00:00
文章转载或复制请以超链接形式并注明出处三岁教程网

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

评论列表 (暂无评论,60人围观)参与讨论

还没有评论,来说两句吧...