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

最终效果
Photoshop 精细的蓝色导航按钮制作方法
Photoshop 精细的蓝色导航按钮制作方法
1、打开photoshop,然后新建一个文档250*150,并填充背影:#252a38。
Photoshop 精细的蓝色导航按钮制作方法  
2、在工具箱上选择椭圆图标并设置如图。
Photoshop 精细的蓝色导航按钮制作方法
3、新建一个图层,然后填充一个颜色。
Photoshop 精细的蓝色导航按钮制作方法
4、在调色板上设置如下。
Photoshop 精细的蓝色导航按钮制作方法
5、使用渐变拉出线性渐变,渐变效果如下。
Photoshop 精细的蓝色导航按钮制作方法
 6、双击图层,打开图层样式,给图层添加阴影和描边,参数及效果如下图。
Photoshop 精细的蓝色导航按钮制作方法
Photoshop 精细的蓝色导航按钮制作方法
Photoshop 精细的蓝色导航按钮制作方法
 7、在工具箱上选择加深和减淡工具,设置如图。
Photoshop 精细的蓝色导航按钮制作方法

8、然后在图所标识的地方,涂沫如下。
Photoshop 精细的蓝色导航按钮制作方法
Photoshop 精细的蓝色导航按钮制作方法
9、选择椭圆选区,作出效果如下。
Photoshop 精细的蓝色导航按钮制作方法
10、添加渐变,设置如图,从上而下线性渐变。
Photoshop 精细的蓝色导航按钮制作方法
Photoshop 精细的蓝色导航按钮制作方法
 11、按ctrl+D取消选区,并更改图层的不透明度:40%,,混合模式为“叠加”。
Photoshop 精细的蓝色导航按钮制作方法
12、现在使用文字工具,添加文字并设置图层样式,参数及效果如下图。
Photoshop 精细的蓝色导航按钮制作方法
Photoshop 精细的蓝色导航按钮制作方法
Photoshop 精细的蓝色导航按钮制作方法
 13、添加下面的文字,效果如下。
Photoshop 精细的蓝色导航按钮制作方法
14、在文字前面加上自己喜爱的图标,按ctrl+U调整色相/饱和度,设置如下,再把图层混合模式改为“叠加”,完成最终效果。
Photoshop 精细的蓝色导航按钮制作方法
Photoshop 精细的蓝色导航按钮制作方法
其它颜色的按钮制作方法相同。
Photoshop 精细的蓝色导航按钮制作方法

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

上一篇:PS制作复古电影海报


下一篇:Fireworks绘制简笔QQ企鹅图像