本Photoshop教程教你制作时尚的界面设计按钮,你可以用在你的超酷的网页设计中,也可以用在其他地方。
YiuV\al 老规矩,先让大家看效果。
"OI$PLK 在本文中我们设计一个GUI接口按钮,看上去效果非常不错,希望大家喜欢并且支持网页教学网。
cW0\f5[/ 创建一个文档。
VM<0_R24z 填充背景为#191919颜色。然后设置前景色为黑色,使用圆角矩形工具,绘制一个黑色的按钮形状。
CT|0KB&
[O_5`X9| 下面我们添加图层样式。
k CGb~+ 
设置如下。
m ne)c[Qn
`{Oqb
K*Ba;"Ugeg .{8[o[w
=
Pz2Q]}(w 
效果如下。
!L9|iC:8
^vG<Ma.yk 然后按CTRL键点击图层,载入选区。
UIf#Gy|l 
执行
选择-修改-收缩命令。 vS5}OV 
设置5像素。
6vNn;-gg.
ojBdUG\ LNk :PD0m 然后新建立一个图层,填充颜色为 # 0081e4,效果如下。
!+@70|gFF 然后设置图层样式。
g]z k` R5 
最终效果。
Q!IqvmO
@(6i 1Iwu9 cOpe6H6,bz