这种按钮的效果可以用来制作导航条,如下图所示:

不同的切割效果所形成的视觉效果也不同。首先你可以画一些金属的管子或板。

然后在金属管上面画上圆角的矩形。

颜色可以改变下,但是应该和金属一个色调。

然后把圆角矩形的着色模式改变成Softlight。然后复制这些圆角矩形到新的图层中(但是必须在原来的矩形的下面)。把这些复制的矩形进行反色操作(你可以按Ctrl+I键), 接下来把这些复制的矩形移动到适当的位置,通常是原来矩形的左下角或右下角。

关键之处在于你是否把复制的矩形的着色模式改变成Softlight,改变与不改变所形成的效果是不同的。如下图所示: