本Photoshop教程教你制作时尚的界面设计按钮,你可以用在你的超酷的网页设计中,也可以用在其他地方。
x _kT
Wq 老规矩,先让大家看效果。
#"oLz"{ 在本文中我们设计一个GUI接口按钮,看上去效果非常不错,希望大家喜欢并且支持网页教学网。
i<$?rB!i<1 创建一个文档。
,2 xD>+= 填充背景为#191919颜色。然后设置前景色为黑色,使用圆角矩形工具,绘制一个黑色的按钮形状。
9b6U]z,
3u t<o- 下面我们添加图层样式。
},X.a@: 
设置如下。
'_Q';T_n99
IJ5'n
y%9Hu [c;0eFSi2
g?iZ RM 
效果如下。
2f{p$YIt
c0l?+:0M 然后按CTRL键点击图层,载入选区。
L{1[:a)']B 
执行
选择-修改-收缩命令。 `
>>]$ZJ 
设置5像素。
cxQ %tL+S&
IRR b^Q6 B*)mHSs2 然后新建立一个图层,填充颜色为 # 0081e4,效果如下。
P_H2[d&/>D 然后设置图层样式。
ltrti.& 
最终效果。
w_"-rGV
;dfIzi 'A3*[e|OS