CGArt-中国CGer中的绿色家园
首页 信息动态 原创排行 互动教程 资源千寻 CG人才 CGArt杂志 艺术设计 CG画廊 CG论坛 酷站欣赏 CG搜索 会员中心
Photoshop制作水晶按钮导航条
来源:bonesblog.net 编辑:浪漫的季节 发布时间:2007年09月10日 17:24:55

我们先看看效果图

Photoshop制作水晶按钮导航条
效果图

我们开始学习教程:

新建一个文件,在工具箱中选择圆角矩形工具,如下图所示设置

Photoshop制作水晶按钮导航条图1
图1

新建一个图层后,在画布上拉出一个长方形,就得到这样的结果。(为了更好的给大家讲解,这个图放大了400%显示)

Photoshop制作水晶按钮导航条图2
图2

如果大家得到这样的结果

Photoshop制作水晶按钮导航条图3
图3

就需要将“对齐像素”的选项给勾上

Photoshop制作水晶按钮导航条图4
图4
 
为这个图层添加图层样式

Photoshop制作水晶按钮导航条图5
图5

Photoshop制作水晶按钮导航条图6
图6

Photoshop制作水晶按钮导航条图7
图7

得到结果如图所示,顺便在样式调板中存储着这个样式

Photoshop制作水晶按钮导航条图8
图8

使用矩形选框工具,绘制出一个矩形的选区

Photoshop制作水晶按钮导航条图9
图9

新建图层后,填充黑色到白色的径向渐变

Photoshop制作水晶按钮导航条图10
图10

并将该图层的混合模式改为:柔光,不透明度:60%

Photoshop制作水晶按钮导航条图11
图11

新建图层,再绘制出一个矩形选区

Photoshop制作水晶按钮导航条图12
图12

填充成白色

Photoshop制作水晶按钮导航条图13
图13

并将该图层的混合模式改为:线性减淡,不透明度:30%

Photoshop制作水晶按钮导航条图14
图14

使用文字工具写上要的文字,注意在这里要将字体的边缘设置为:无

Photoshop制作水晶按钮导航条图15
图15

之前我们创建过一个样式,还记得吗,给文字应用这个样式就可以了。

Photoshop制作水晶按钮导航条图16
图16

后面的工作就是换换颜色,改改文字就可以了。


共有评论0条
更多评论..
作者信息 详细信息
评论人:
验证码:
内容:
 
about us advertisement publish conformity service cooperate associate link site map contact us help jump to the top of page