社区应用 最新帖子 精华区 社区服务 会员列表 统计排行
  • 1164阅读
  • 0回复

[分享]Photoshop制作时尚的界面设计按钮

楼层直达
级别: 光盘高级
发帖
2418
飞翔币
900
威望
1275
飞扬币
12965
信誉值
0
本Photoshop教程教你制作时尚的界面设计按钮,你可以用在你的超酷的网页设计中,也可以用在其他地方。 Q[vJqkgT  
  老规矩,先让大家看效果。 4C<j dv_J  
在本文中我们设计一个GUI接口按钮,看上去效果非常不错,希望大家喜欢并且支持网页教学网。 Zhh2v>QOy  
创建一个文档。 8/i!' 0r\  
填充背景为#191919颜色。然后设置前景色为黑色,使用圆角矩形工具,绘制一个黑色的按钮形状。 >}`:Ac  
!;i`PPRwk  
下面我们添加图层样式。 L+Xc-uv["p  
设置如下。 7'Zky2F  
M)'HCnvs'  
=XucOli6  
ej4W{IN~:  
Z:,U]Z(  
效果如下。 F(k.,0Nc  
+BVym~*^  
然后按CTRL键点击图层,载入选区。 8$85^Of  
执行选择-修改-收缩命令。 k2c}3 MeP  
设置5像素。 A+SE91m  
ZHU5SXu  
%QH)'GJQ  
然后新建立一个图层,填充颜色为 # 0081e4,效果如下。 -fwoTGlX  
然后设置图层样式。 C${Vg{g7a  
最终效果。 {QcLu"?c  
Qy^1*j<@&  
-8eoNzut