本Photoshop教程教你制作时尚的界面设计按钮,你可以用在你的超酷的网页设计中,也可以用在其他地方。
9E"vN 老规矩,先让大家看效果。
"q.\>MCv 在本文中我们设计一个GUI接口按钮,看上去效果非常不错,希望大家喜欢并且支持网页教学网。
J2xw) + 创建一个文档。
G'ei/Me6{ 填充背景为#191919颜色。然后设置前景色为黑色,使用圆角矩形工具,绘制一个黑色的按钮形状。
.@@?Pj?)
l^pA2yh| 下面我们添加图层样式。
5a|w+HO, 
设置如下。
8)10o,#L
P;ci9vk
uJC~LC N 9{5&^RbCp
n
T{3o;A 
效果如下。
Ne[7gxpu
C8V/UbA
/ 然后按CTRL键点击图层,载入选区。
sE Q=dcK 
执行
选择-修改-收缩命令。 3 +G$-ru 
设置5像素。
U<_3^
J:V6 -v]Sr33L 然后新建立一个图层,填充颜色为 # 0081e4,效果如下。
noml8o 然后设置图层样式。
\1fN0e 
最终效果。
%R}.#,Suo
HoRg^Ai?\ }:KEj_~.