很多做网页设计、ui界面或是电商美工的朋友,经常需要用到质感金属按钮,不用复杂的手绘技巧,靠ps自带的图层样式就能快速做出来,步骤简单上手快,新手也能一次做出合格效果。

第一步:绘制基础按钮造型
打开ps新建500*500像素的画布,背景填充浅灰色方便观察效果,新建空白图层后,选择工具栏中的圆角矩形工具,模式设置为像素,将圆角半径调整为10px(按钮越大半径可适当调大),在画布中心拖动画出合适大小的圆角矩形,填充默认深灰色,就得到了按钮的基础造型。如果需要异形按钮,也可以换成矩形、圆形工具,操作逻辑完全一致,不需要额外调整步骤。
第二步:添加金属光影基础质感
双击圆角矩形图层调出图层样式面板,首先添加「斜面和浮雕」效果:样式选择内斜面,方法平滑,深度设置为150%,大小调整为5px,软化2px;阴影角度设置为90度,取消勾选「使用全局光」,高光模式选择滤色,不透明度调整为75%,暗调模式为正片叠底,不透明度35%。接下来添加「渐变叠加」,渐变设置为从浅灰(e2e2e2)到中灰(8a8a8a)的线性渐变,角度同样改为90度,缩放调整为90%,此时基础金属明暗质感已经初步成型。

第三步:强化细节提升真实感
新建一个图层,右键创建剪贴蒙版绑定到按钮图层,在按钮上半部分画出一个窄圆角矩形,填充白色后将图层不透明度降到20%,执行0.5px的高斯模糊,就能做出自然的顶部高光;再用同样的方法在按钮下半部分加一个黑色暗条,不透明度降到10%,强化金属的明暗对比。最后添加一个投影效果,角度保持90度,距离2px,大小3px,不透明度25%,让按钮更有悬浮立体感。如果需要带颜色的金属,只需要添加一个颜色叠加图层,混合模式改为正片叠底,调整不透明度到30%左右,就能得到黄铜、红铜等不同色彩的金属按钮。

做好一款金属按钮后,可以右键拷贝图层样式,更换颜色、大小后直接粘贴就能批量生成不同规格的按钮,整个过程不超过10分钟,效率远高于手绘塑形。






























