日期:2021-07-27 16:52:29 作者: 浏览量:631
作者闪电儿 出处:网页网
先让大家看效果。
![](/kindeditor/attached/image/20210727/20210727165235XCg.jpg)
在本文中我们设计一个GUI接口按钮,看上去效果非常不错,希望大家喜欢并且支持网。
创建一个photoshop文档。
![](/kindeditor/attached/image/20210727/20210727165235ArU.jpg)
填充背景为#191919颜色。然后设置前景色为黑色,使用圆角矩形工具,绘制一个黑色的按钮形状。
,下面我们添加图层样式。
![](/kindeditor/attached/image/20210727/20210727165236Khz.jpg)
设置如下。
,
![](/kindeditor/attached/image/20210727/20210727165236WMA.jpg)
效果如下。
,然后按CTRL键点击图层,载入选区。
![](/kindeditor/attached/image/20210727/20210727165237Eab.jpg)
执行选择-修改-收缩命令。
![](/kindeditor/attached/image/20210727/202107271652375Zh.jpg)
设置5像素。
,然后新建立一个图层,填充颜色为 # 0081e4,效果如下。
![](/kindeditor/attached/image/20210727/20210727165237GmQ.jpg)
然后设置图层样式。
![](/kindeditor/attached/image/20210727/20210727165237lI0.jpg)
最终效果。
![](/kindeditor/attached/image/20210727/20210727165235XCg.jpg)