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

接下来我们为按钮应用图层样式 最后效果如下

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

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

 

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

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

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

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

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

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

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

最后效果如下

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

再次绘制两个路径

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

执行差集

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

在新的Patch创建中间按钮Patch

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

图层填充

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

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

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

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

接下来连接两个路径。

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

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

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

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

接下来连接两个路径。

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

再次绘制两个路径

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

执行差集

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

在新的Patch创建中间按钮Patch

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

图层填充

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

 

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

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

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

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

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

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

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

最后效果如下

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

作者: 791650988

为您推荐