ps制作导航按钮

本教程将详细介绍如何使用Photoshop制作出绿色水晶导航按钮。 最终效果图 图00 1、新建文件,大小500x 200px ,选择渐变工具(G),(径向渐变)从#363636到#252525。 最左边拖动到右下角。 图01 2、新建层, 选择选区工具(M),固定大小为100 x 40px角。 图02 3、填充

用ps制作蓝色水晶按钮

先看效果图。 新建文档,尺寸自定,背景白色,建新层,画一黑色圆角矩形。 添加图层样式。 副标题 效果如下。 建新层,画一个小些的白色圆角矩形。 添加图层样式。 副标题 效果如下。 建新层,用钢笔画一路径,填充黑色。 副标题 图层模式柔光,不透明度7

  本教程将详细介绍如何使用Photoshop制作出绿色水晶导航按钮。

  最终效果图

ps制作导航按钮插图
图00

  1、新建文件,大小500x 200px ,选择渐变工具(G),(径向渐变)从#363636到#252525。 最左边拖动到右下角。

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

  2、新建层, 选择选区工具(M),固定大小为100 x 40px角。

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

  3、填充线性渐变从 #68ad40和#4c8c2c。

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

  4、选着图层样式 > 内发光 > 渐变叠加 > 描边#427a25。

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

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

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

  现在您的按钮应该是这样的。

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

  5、新建层,同时选种新层和按钮层合并(ctrl+E),现在做一些发光效果,加深工具(O),笔头大小为45px,不透明度为10%,围绕按钮四周加深。

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

  6、现在,选择减淡工具(O),使用了一个14像素的软刷,不透明度为10%。

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

  7、复制按钮如图:

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

  8、新建层,灰色到透明,选择编辑 >变换 >透视:

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

  9、降低透明度为10%。

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

  10、最后,添加一些文字,完成最终效果。

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

  

  本教程将详细介绍如何使用Photoshop制作出绿色水晶导航按钮。

  最终效果图

ps制作导航按钮插图
图00

  1、新建文件,大小500x 200px ,选择渐变工具(G),(径向渐变)从#363636到#252525。 最左边拖动到右下角。

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

  2、新建层, 选择选区工具(M),固定大小为100 x 40px角。

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

  3、填充线性渐变从 #68ad40和#4c8c2c。

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

  4、选着图层样式 > 内发光 > 渐变叠加 > 描边#427a25。

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

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

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

  现在您的按钮应该是这样的。

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

  5、新建层,同时选种新层和按钮层合并(ctrl+E),现在做一些发光效果,加深工具(O),笔头大小为45px,不透明度为10%,围绕按钮四周加深。

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

  6、现在,选择减淡工具(O),使用了一个14像素的软刷,不透明度为10%。

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

  7、复制按钮如图:

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

  8、新建层,灰色到透明,选择编辑 >变换 >透视:

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

  9、降低透明度为10%。

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

  10、最后,添加一些文字,完成最终效果。

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

  

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部