本文作者:三岁教程网

PS绘制质感开关按钮

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

效果图:


    
     PS绘制质感开关按钮

第1步:

打开Photoshop,Ctrl+N新建一个文档,尺寸选择600×500px。


    
     PS绘制质感开关按钮

第2步:

按住Alt键双击背景图层,将其转换为普通图层。再次双击,打开图层样式面板,为其添加由#f6fcff到#bbddff的径向渐变。


    
     PS绘制质感开关按钮

第3步:

利用圆角矩形工具在画布中央创建一个半径为50px的圆角矩形。颜色设置为#aec24e。


    
     PS绘制质感开关按钮

第4步:

双击圆角矩形图层,为其添加图层样式。


    
     PS绘制质感开关按钮


    
     PS绘制质感开关按钮

<


    
     PS绘制质感开关按钮


    
     PS绘制质感开关按钮

第5步:

使用椭圆工具,按住Shift键在圆角矩形右侧创建出一个正圆。


    
     PS绘制质感开关按钮

然后为其添加图层样式。


    
     PS绘制质感开关按钮


    
     PS绘制质感开关按钮


    
     PS绘制质感开关按钮


    
     PS绘制质感开关按钮


    
     PS绘制质感开关按钮

第6步:

在圆形按钮下方新建一个图层,用黑色柔边画笔绘制出阴影。


    
     PS绘制质感开关按钮


    
     PS绘制质感开关按钮

第7步:

在圆形按钮上方再创建一个圆形。


    
     PS绘制质感开关按钮

为其添加图层样式。


    
     PS绘制质感开关按钮


    
     PS绘制质感开关按钮

第8步:

用文字工具在滑动凹槽键输入ON。字体选用Myriad Pro,图层混合模式设置为亮光。


    
     PS绘制质感开关按钮


    
     PS绘制质感开关按钮

为文字添加投影。


    
     PS绘制质感开关按钮


    
     PS绘制质感开关按钮

文章版权及转载声明

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

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

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

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

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