落岸天使论坛

 找回密码
 注册
搜索
论坛,不要冷落了陌生人新人注册后在此报道,奖励20羽毛:)严肃处理违规灌水行为及处罚办法
参与论坛宣传活动,获得积分勋章奖励知羽艺匠及其他模板资源下载珍惜你的ID 珍惜你的名誉
查看: 1066|回复: 2

[教程] Photoshop制作时尚的界面设计按钮

[复制链接]

1677

主题

1225

回帖

4269

积分

六翼天使

Rank: 8Rank: 8

积分
4269

优秀版主奖优秀会员奖新人进步奖版主勋章60周年国庆纪念勋章资源新锐奖每月之星9月勋章五周年纪念勋章

QQ
发表于 2010-11-11 06:02:52 | 显示全部楼层 |阅读模式
本Photoshop教程教你制作时尚的界面设计按钮,你可以用在你的超酷的网页设计中,也可以用在其他地方。
  老规矩,先让大家看效果。
在本文中我们设计一个GUI接口按钮,看上去效果非常不错,希望大家喜欢并且支持网页教学网。
创建一个文档。
填充背景为#191919颜色。然后设置前景色为黑色,使用圆角矩形工具,绘制一个黑色的按钮形状。

下面我们添加图层样式。
设置如下。




效果如下。

然后按CTRL键点击图层,载入选区。
执行选择-修改-收缩命令。
设置5像素。


然后新建立一个图层,填充颜色为 # 0081e4,效果如下。
然后设置图层样式。
最终效果。

评分

参与人数 1羽毛 +6 收起 理由
盛世无名 + 6 感谢分享

查看全部评分

发表于 2010-11-11 09:56:13 | 显示全部楼层
译成中文的更好。一般不精通英文,或对软件不熟悉的人看不大明白。
回复 支持 反对

使用道具 举报

0

主题

7

回帖

8

积分

小天使

Rank: 1

积分
8
发表于 2010-11-11 17:44:03 | 显示全部楼层
E文看不太懂哈哈
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|手机版|Archiver|落岸天使论坛

GMT+8, 2024-11-23 10:07 , Processed in 0.124259 second(s), 24 queries .

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表