当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop制作时尚的界面设计按钮

Photoshop
Photoshop轻松绘制火焰Nike标志
PS照片教程:手机MM照片的磨皮和美白
Photoshop调色教程:仿琉璃色调美女照片
Photoshop教程:非常出色的有趣创造
PS调色教程:暖暖黄色调的美女照片
PS合成教程:有创意的美女艺术头像签名
Photoshop签名教程:残留着邂逅的美女
PS签名教程:理不清剪不断的世子妃
PS动漫签名教程:独醉笑春风古风
Photoshop绘制紫色的喇叭花矢量图
Photoshop文字特效教程:布艺刺绣文字
Photoshop教程:拼图特效的家庭照片
PS调色教程:金属质感色调时尚杂志模特
Photoshop教程:制作神秘诱惑的GIF图片
Photoshop简单制作烙印文字特效
PS照片调色教程:淡黄色调非主流MM照片
PS鼠绘教程:以模仿画讲解手绘入门小技巧
PS照片调色教程:唯美的橙黄深蓝色调风景照片
Photoshop给室内美女调出白皙通透的效果
PS入门教程:简单设计淡彩柔美书签图片

Photoshop制作时尚的界面设计按钮


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-27   浏览: 399 ::
收藏到网摘: n/a

本Photoshop教程教你制作时尚的界面设计按钮,你可以用在你的超酷的网页设计中,也可以用在其他地方。

软晨学习网老规矩,先让大家看效果。

14

在本文中我们设计一个GUI接口按钮,看上去效果非常不错,希望大家喜欢并且支持软晨学习网。

创建一个文档。

1

填充背景为#191919颜色。然后设置前景色为黑色,使用圆角矩形工具,绘制一个黑色的按钮形状。

2

下面我们添加图层样式。

3

设置如下。

4

 

5

6

 

7

效果如下。

8

然后按CTRL键点击图层,载入选区。

9

执行选择-修改-收缩命令。

10

设置5像素。

11

然后新建立一个图层,填充颜色为 # 0081e4,效果如下。

12

然后设置图层样式。

13

最终效果。

14