当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop 精细的蓝色导航按钮制作方法

Photoshop
Photoshop设计制作笔记本类电脑公司网站
Photoshop创建婚礼类网站模板
Photoshop设计制作华丽立体游戏网站模板
Photoshop制作视频分享类网站首页模板
Photoshop教程:这样制作网络美女
Photoshop入门实例:绘制星光水晶桃心
Photoshop设计具有现代艺术风味视觉优美广告
Photoshop教程:真人照片转唯美仿手绘效果
photoshop教程:切割大楼
Photoshop照片合成:梦幻可比(KOBE)
Photoshop背景橡皮擦轻松为美女抠图
Photoshop教程:梦幻化风景照片
Photoshop教程:制作清爽阳光靓丽美女
Photoshop设计制作汽车类网站头部效果图
Photoshop制作商务类公司网站BANNER
PS教程:数码生活照片人物和背景美化
Photoshop调色:暗黄怀旧照片特效
PS教程:制作未来主义的汽车类网站模板
Photoshop制作web2.0风格软件开发公司网站模版
PS教程:摇滚乐团(rock band)音乐网站模板

Photoshop 精细的蓝色导航按钮制作方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-02   浏览: 656 ::
收藏到网摘: n/a

最终效果


1、打开photoshop,然后新建一个文档250*150,并填充背影:#252a38。
 
2、在工具箱上选择椭圆图标并设置如图。

3、新建一个图层,然后填充一个颜色。

4、在调色板上设置如下。

5、使用渐变拉出线性渐变,渐变效果如下。

 6、双击图层,打开图层样式,给图层添加阴影和描边,参数及效果如下图。



 7、在工具箱上选择加深和减淡工具,设置如图。



8、然后在图所标识的地方,涂沫如下。


9、选择椭圆选区,作出效果如下。

10、添加渐变,设置如图,从上而下线性渐变。


 11、按ctrl+D取消选区,并更改图层的不透明度:40%,,混合模式为“叠加”。

12、现在使用文字工具,添加文字并设置图层样式,参数及效果如下图。



 13、添加下面的文字,效果如下。

14、在文字前面加上自己喜爱的图标,按ctrl+U调整色相/饱和度,设置如下,再把图层混合模式改为“叠加”,完成最终效果。


其它颜色的按钮制作方法相同。