ps制作质感导航按钮

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

用ps制作金属质感蓝色下载按钮

本教程学习如何用自定义形状工具和图层样式打造一个具有金属质感的下载按钮,先看效果图。 新建文档1280×1024像素,背景白色,建新层填充黑色,添加图层样式。 效果如下。 建新层,画一个白色圆角三边形。 副标题 添加图层样式。 效果如下。 建新层,画一个小些的白色

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

  最终效果图

ps制作质感导航按钮插图
图00

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  

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

  最终效果图

ps制作质感导航按钮插图
图00

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部