Photoshop设计制作逼真的白色质感立体开关按钮

 时间:2024-10-22 01:17:56

1、首先创建一个尺沌纟釜变寸为400*300的文件(尺寸随意),然后找一张木板作为背景,主要你觉得适合随便都可以,找不到合适的可以调一下色调,我的就是调整过的,选择圆角矩形工具,画一个角度为20px的矩形,随便填充一个颜色,因为后面会进行渐变叠加,也可以直接填充渐变色,如下图:

Photoshop设计制作逼真的白色质感立体开关按钮

2、渐变值见下图,你也可以根据你自己的理解加强对比效果,不过要考虑到整体的明暗关系

Photoshop设计制作逼真的白色质感立体开关按钮

3、然后添加1px描边,颜色为#8d6546,添加斜面与浮雕样式,注意勾选等高线,默认值就好

Photoshop设计制作逼真的白色质感立体开关按钮

4、内阴影设置如下

Photoshop设计制作逼真的白色质感立体开关按钮

5、阴影设置如下,得到效果如下图

Photoshop设计制作逼真的白色质感立体开关按钮
Photoshop设计制作逼真的白色质感立体开关按钮

6、接下来画开关按钮,同样选择圆角矩形,画一个20px的圆角长方形,添加渐变样式,效果如下图

Photoshop设计制作逼真的白色质感立体开关按钮
Photoshop设计制作逼真的白色质感立体开关按钮

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

Photoshop设计制作逼真的白色质感立体开关按钮

8、添加颜色为白色,再添加1px渐变描边:

Photoshop设计制作逼真的白色质感立体开关按钮

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

Photoshop设计制作逼真的白色质感立体开关按钮

10、然后给这样图层添加一个渐变样式,来塑造开关的光影变化,当前效果如下图:

Photoshop设计制作逼真的白色质感立体开关按钮
Photoshop设计制作逼真的白色质感立体开关按钮

11、现在大概样子快出来了,接下来用圆形工具画一个半径为12px的圆圈,添加一个渐变描边样式

Photoshop设计制作逼真的白色质感立体开关按钮

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

Photoshop设计制作逼真的白色质感立体开关按钮
Photoshop设计制作逼真的白色质感立体开关按钮

13、至此就完成了

Photoshop设计制作逼真的白色质感立体开关按钮
  • PS中极坐标的作用或极坐标如何运用
  • PS怎样将圆月制作成月牙效果
  • 用PS给人物皮肤上添加蝴蝶图片效果
  • GIMP如何将路径变为线条
  • PS如何制作立体易拉罐模型?
  • 热门搜索
    关于家乡的手抄报 六一儿童节手抄报诗 雾霾手抄报 有关环保的手抄报 关于民族的手抄报 环保手抄报内容大全 教师手抄报 关于青春的手抄报 防火知识手抄报 六一儿童节手抄报图片