本Photoshop教程教你制作时尚的界面设计按钮,你可以用在你的超酷的网页设计中,也可以用在其他地方。
{ol7*% u 老规矩,先让大家看效果。
O|sk"YXF 在本文中我们设计一个GUI接口按钮,看上去效果非常不错,希望大家喜欢并且支持网页教学网。
O)`L(
x 创建一个文档。
KANR=G 填充背景为#191919颜色。然后设置前景色为黑色,使用圆角矩形工具,绘制一个黑色的按钮形状。
]+Lr'HF
Eu' ;f_s 下面我们添加图层样式。
nQQHm6N 
设置如下。
~bkO8tn
7Tk//By7
sJx_X8 9HO9>^
Ea
S[W?u} 
效果如下。
(1|wM+)"
`bBkPH}M 然后按CTRL键点击图层,载入选区。
k Nc-@B 
执行
选择-修改-收缩命令。 rX)&U4#[m 
设置5像素。
.O"a: ^i
Xuu&`U~% K?J_cnJ` 然后新建立一个图层,填充颜色为 # 0081e4,效果如下。
ke8g tbm 然后设置图层样式。
la<.B^ 
最终效果。
e4N d
?|kbIZP( C]2-V1,ZX