Photoshop做立体质感凹陷的网页按钮

作者:中国UI设计网来源:中国UI设计网 创建一个图形,不必很大。接下来,创建矢量图形,水平对齐。接下来连接两个路径。副标题再次绘制两个路径执行差集在新的Patch创建中间按钮Patch图层填充副标题接下

用ps制作精致小巧的高光玻璃按钮

本教程介绍如何用photoshop快速制作一个精致小巧的高光玻璃按钮,先看效果图。 新建文档250×145像素,背景白色,建新层,画一个黑色圆角矩形。 添加图层样式。 副标题 效果如下。 建新层,画另一个白色圆角矩形。 副标题 添加图层样式。 不透明度改为90%,填充

作者:中国UI设计网  来源:中国UI设计网

创建一个图形,不必很大。接下来,创建矢量图形,水平对齐。

Photoshop做立体质感凹陷的网页按钮插图

接下来连接两个路径。

Photoshop做立体质感凹陷的网页按钮插图(1)

再次绘制两个路径

Photoshop做立体质感凹陷的网页按钮插图(2)

执行差集

Photoshop做立体质感凹陷的网页按钮插图(3)

在新的Patch创建中间按钮Patch

Photoshop做立体质感凹陷的网页按钮插图(4)

图层填充

Photoshop做立体质感凹陷的网页按钮插图(5)

 

接下来我们为按钮应用图层样式

Photoshop做立体质感凹陷的网页按钮插图(6)

Photoshop做立体质感凹陷的网页按钮插图(7)

Photoshop做立体质感凹陷的网页按钮插图(8)

Photoshop做立体质感凹陷的网页按钮插图(9)

Photoshop做立体质感凹陷的网页按钮插图(10)

Photoshop做立体质感凹陷的网页按钮插图(11)

最后效果如下

Photoshop做立体质感凹陷的网页按钮插图(12)

作者:中国UI设计网  来源:中国UI设计网

创建一个图形,不必很大。接下来,创建矢量图形,水平对齐。

Photoshop做立体质感凹陷的网页按钮插图

接下来连接两个路径。

Photoshop做立体质感凹陷的网页按钮插图(1)

再次绘制两个路径

Photoshop做立体质感凹陷的网页按钮插图(2)

执行差集

Photoshop做立体质感凹陷的网页按钮插图(3)

在新的Patch创建中间按钮Patch

Photoshop做立体质感凹陷的网页按钮插图(4)

图层填充

Photoshop做立体质感凹陷的网页按钮插图(5)

 

接下来我们为按钮应用图层样式

Photoshop做立体质感凹陷的网页按钮插图(6)

Photoshop做立体质感凹陷的网页按钮插图(7)

Photoshop做立体质感凹陷的网页按钮插图(8)

Photoshop做立体质感凹陷的网页按钮插图(9)

Photoshop做立体质感凹陷的网页按钮插图(10)

Photoshop做立体质感凹陷的网页按钮插图(11)

最后效果如下

Photoshop做立体质感凹陷的网页按钮插图(12)

作者: 791650988

为您推荐