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

再次绘制两个路径 执行差集 在新的Patch创建中间按钮Patch 图层填充

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

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

再次绘制两个路径

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

执行差集

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

在新的Patch创建中间按钮Patch

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

图层填充

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

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

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

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

接下来连接两个路径。

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

 

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

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

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

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

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

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

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

最后效果如下

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

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

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

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

接下来连接两个路径。

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

再次绘制两个路径

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

执行差集

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

在新的Patch创建中间按钮Patch

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

图层填充

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

 

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

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

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

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

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

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

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

最后效果如下

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

作者: 791650988

为您推荐