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

Photoshop
简单实用 Photoshop作微软风格的图片
Photoshop制作枫叶飘落的动画风景
用Photoshop制作晶莹剔透的logo教程
非主流艺术照片制作
解读Photoshop等高线
Photoshop教程:制作圣诞签名效果
photoshop制作积雪字效果
Photoshop图片合成教程:美女和树
用Photoshop蒙版制作漂亮的特效签名图
Photoshop各类插件的使用方法
非主流PS教程:制作红绿色调效果
Photshop普通图片做微缩景观照片
为MM制作美丽动人的艺术照
折叠渐变巧妙打造电视雪花动画
动画片中的光线 Photoshop制作方法
Photoshop滤镜打造喷溅的海潮实例
在Photoshop里大玩“分身合成术”
用Photoshop字体特效让照片文字更生动
Photoshop四步去除半透明水印
QQ表情制作,我只要三步

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


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

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

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

14

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

创建一个文档。

1

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

2

下面我们添加图层样式。

3

设置如下。

4

 

5

6

 

7

效果如下。

8

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

9

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

10

设置5像素。

11

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

12

然后设置图层样式。

13

最终效果。

14