甲虫课堂 > PS教程 >

PS绘制质感开关按钮

204
7
点赞
收藏
发布时间:2021-03-30 11:03:16

效果图:

PS绘制质感开关按钮

第1步:

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

PS绘制质感开关按钮(1)

第2步:

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

PS绘制质感开关按钮(2)

第3步:

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

PS绘制质感开关按钮(3)

第4步:

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

PS绘制质感开关按钮(4)

PS绘制质感开关按钮(5)

<

PS绘制质感开关按钮(6)

PS绘制质感开关按钮(7)

第5步:

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

PS绘制质感开关按钮(8)

然后为其添加图层样式。

PS绘制质感开关按钮(9)

PS绘制质感开关按钮(10)

PS绘制质感开关按钮(11)

PS绘制质感开关按钮(12)

PS绘制质感开关按钮(13)

第6步:

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

PS绘制质感开关按钮(14)

PS绘制质感开关按钮(15)

第7步:

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

PS绘制质感开关按钮(16)

为其添加图层样式。

PS绘制质感开关按钮(17)

PS绘制质感开关按钮(18)

第8步:

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

PS绘制质感开关按钮(19)

PS绘制质感开关按钮(20)

为文字添加投影。

PS绘制质感开关按钮(21)

PS绘制质感开关按钮(22)

还没人评论,快来抢沙发~

X