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

 时间:2024-10-11 18:42:04

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简单制作漂亮的火焰效果
  • 热门搜索
    如何裁剪音乐 香港旅游团 税务滞纳金怎么算 tplink路由器桥接 使命召唤战区在哪里下载 两个路由器怎么桥接 手机如何截屏 苏a是哪里的车牌 如何起诉离婚 路由器翻墙