教你用Photoshop来绘制立体质感的网页开关按钮

 时间:2026-04-25 17:16:21

1、第1步:

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

教你用Photoshop来绘制立体质感的网页开关按钮

2、第2步:

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

教你用Photoshop来绘制立体质感的网页开关按钮

3、第3步:

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

教你用Photoshop来绘制立体质感的网页开关按钮

4、第4步:

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

教你用Photoshop来绘制立体质感的网页开关按钮

教你用Photoshop来绘制立体质感的网页开关按钮

5、第5步:

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

教你用Photoshop来绘制立体质感的网页开关按钮

6、然后为其添加图层样式。

教你用Photoshop来绘制立体质感的网页开关按钮

教你用Photoshop来绘制立体质感的网页开关按钮

教你用Photoshop来绘制立体质感的网页开关按钮

7、第7步:

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

教你用Photoshop来绘制立体质感的网页开关按钮

8、第8步:

在圆形按钮上方再创建一个圆形。为其添加图层样式。

教你用Photoshop来绘制立体质感的网页开关按钮

教你用Photoshop来绘制立体质感的网页开关按钮

9、第9步:

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

教你用Photoshop来绘制立体质感的网页开关按钮

教你用Photoshop来绘制立体质感的网页开关按钮

  • 怡起学PS:[3]用PS制作斑马文字
  • ps如何放入新的画笔头
  • PS怎样制作高尔夫球效果
  • 怎么用ps制作一个高脚酒杯
  • ps教程Photoshop简单制作漂亮的火焰效果
  • 热门搜索
    澳门攻略 龙门古镇旅游攻略 红烧大黄鱼 色斑怎么去除 麦林炮手怎么玩 手机解不开锁怎么办 银行转账怎么转 去厦门旅游攻略 男士减肥最有效方法 短裤怎么说