ps制作质感导航按钮(2)

此时,我们可以看到效果如下: 图15 11、按ctrl+D取消选区,并更改图层的不透明度:40%,,混合模式为叠加。 图16 12、现在使用文字工具,添加文字并设置图层样式,参数及效果如下图。 图17 图18 图19 13、添加下面

ps制作质感导航按钮(3)

本教程将详细介绍如何使用Photoshop制作出漂亮的导航按钮。 最终效果图 图00 图01 1、打开photoshop,然后新建一个文档250*150,并填充背影:#252a38。 图02 2、在工具箱上选择椭圆图标并设置如图。 图03 3、新建一

  此时,我们可以看到效果如下:

ps制作质感导航按钮(2)插图
图15

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

ps制作质感导航按钮(2)插图(1)
图16

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

ps制作质感导航按钮(2)插图(2)
图17

ps制作质感导航按钮(2)插图(3)
图18

ps制作质感导航按钮(2)插图(4)
图19

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

ps制作质感导航按钮(2)插图(5)
图20

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

ps制作质感导航按钮(2)插图(6)
图21

ps制作质感导航按钮(2)插图(7)
图22

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

ps制作质感导航按钮(2)插图(8)
图23

  

  本教程将详细介绍如何使用Photoshop制作出漂亮的导航按钮。

  最终效果图

ps制作质感导航按钮(2)插图(9)
图00

ps制作质感导航按钮(2)插图(10)
图01

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

ps制作质感导航按钮(2)插图(11)
图02

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

ps制作质感导航按钮(2)插图(12)
图03

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

ps制作质感导航按钮(2)插图(13)
图04

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

ps制作质感导航按钮(2)插图(14)
图05

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

ps制作质感导航按钮(2)插图(15)
图06

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

ps制作质感导航按钮(2)插图(16)
图07

ps制作质感导航按钮(2)插图(17)
图08

ps制作质感导航按钮(2)插图(18)
图09

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

ps制作质感导航按钮(2)插图(19)
图10

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

ps制作质感导航按钮(2)插图(20)
图11

ps制作质感导航按钮(2)插图(21)
图12

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

ps制作质感导航按钮(2)插图(22)
图13

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

ps制作质感导航按钮(2)插图(23)
图14

  本教程将详细介绍如何使用Photoshop制作出漂亮的导航按钮。

  最终效果图

ps制作质感导航按钮(2)插图(9)
图00

ps制作质感导航按钮(2)插图(10)
图01

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

ps制作质感导航按钮(2)插图(11)
图02

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

ps制作质感导航按钮(2)插图(12)
图03

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

ps制作质感导航按钮(2)插图(13)
图04

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

ps制作质感导航按钮(2)插图(14)
图05

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

ps制作质感导航按钮(2)插图(15)
图06

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

ps制作质感导航按钮(2)插图(16)
图07

ps制作质感导航按钮(2)插图(17)
图08

ps制作质感导航按钮(2)插图(18)
图09

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

ps制作质感导航按钮(2)插图(19)
图10

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

ps制作质感导航按钮(2)插图(20)
图11

ps制作质感导航按钮(2)插图(21)
图12

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

ps制作质感导航按钮(2)插图(22)
图13

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

ps制作质感导航按钮(2)插图(23)
图14

  此时,我们可以看到效果如下:

ps制作质感导航按钮(2)插图
图15

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

ps制作质感导航按钮(2)插图(1)
图16

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

ps制作质感导航按钮(2)插图(2)
图17

ps制作质感导航按钮(2)插图(3)
图18

ps制作质感导航按钮(2)插图(4)
图19

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

ps制作质感导航按钮(2)插图(5)
图20

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

ps制作质感导航按钮(2)插图(6)
图21

ps制作质感导航按钮(2)插图(7)
图22

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

ps制作质感导航按钮(2)插图(8)
图23

  

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部