Photoshop制作一个精细的导航按钮

阿琼福娃

阿琼福娃

2016-02-02 15:26

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐Photoshop制作一个精细的导航按钮,赶紧看过来吧!
网页设计中按钮的制作非常重要,精致的按钮会给网页增色不少。下面的教程介绍一款非常不错的按钮的制作方法。制作过程比较简单:先用图形工具制作出按钮的形状,然后加上一些简单的图像样式做底色。然后再加上高光及文字等即可完成效果。 最终效果


1、打开photoshop,然后新建一个文档250*150,并填充背影:#252a38。

2、在工具箱上选择椭圆图标并设置如图。

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

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

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

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

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

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

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

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

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

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

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

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

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

展开更多 50%)
分享

猜你喜欢

Photoshop制作一个精细的导航按钮

PS PS基础 PS效果
Photoshop制作一个精细的导航按钮

Photoshop制作一个质感的网页导航按钮

PS PS基础
Photoshop制作一个质感的网页导航按钮

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

PS一个有质感的导航按钮

PS PS基础 ps平面设计教程 ps去水印教程
PS一个有质感的导航按钮

Photoshop制作一个简单的网站按钮

PS PS基础
Photoshop制作一个简单的网站按钮

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop制作一个漂亮的网页按钮

PS PS基础
Photoshop制作一个漂亮的网页按钮

Fireworks 制作一个按钮

电脑网络
Fireworks 制作一个按钮

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop制作简单的蓝色导航按钮

Photoshop制作简单的蓝色导航按钮

Photoshop制作漂亮的绿色水晶导航按钮

Photoshop制作漂亮的绿色水晶导航按钮
下拉加载更多内容 ↓