当前位置:首页ps教程Photoshop制作简单绚丽的导航效果
Photoshop制作简单绚丽的导航效果
°
  • 素材类型: 资源-素材
  • 上传时间:

本教程主要用Photoshop来制作一款水晶导航条,现在的网站越来越注重界面设计,当然导航条也不例外,喜欢的朋友让我们一起来开始吧

先看看效果吧! 🙂

Photoshop制作简单绚丽的导航效果

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

Photoshop制作简单绚丽的导航效果

第2步:新建层, 选择选区工具(M),固定大小为100 x 40px

Photoshop制作简单绚丽的导航效果

第3步:填充线性渐变从 #68ad40和#4c8c2c .

Photoshop制作简单绚丽的导航效果

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

Photoshop制作简单绚丽的导航效果

Photoshop制作简单绚丽的导航效果

Photoshop制作简单绚丽的导航效果

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

Photoshop制作简单绚丽的导航效果

第5步:新建层,同时选种新层和按钮层合并(ctrl+E),现在做一些发光效果,加深工具(O),笔头大小为45px,不透明度为10%,围绕按钮四周加深。 第6步:现在,选择减淡工具(O),使用了一个14像素的软刷,不透明度为10%

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

Photoshop制作简单绚丽的导航效果

第6步:现在,选择减淡工具(O),使用了一个14像素的软刷,不透明度为10%。 (小鱼提醒:选择高光)

Photoshop制作简单绚丽的导航效果

第7步:复制按钮如图:

Photoshop制作简单绚丽的导航效果

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

Photoshop制作简单绚丽的导航效果

第9步:降低透明度为10%。

Photoshop制作简单绚丽的导航效果

第10步:最后,添加一些文字。小鱼完成:)您呢(*^__^*) 嘻嘻……

Photoshop制作简单绚丽的导航效果

小鱼完成:)您呢(*^__^*) 嘻嘻……

一起进入论坛参与讨论和交作业吧: http://www.missyuan.com/viewthread.php?tid=422245

温馨提示:

文章标题:Photoshop制作简单绚丽的导航效果

文章链接:https://www.4tu.cn/photoshop/23448.html

更新时间:2024年08月18日

文章版权声明
1、本网站名称:思图创意
2、本站永久网址:https://www.4tu.cn
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报

本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。

给TA打赏
共{{data.count}}人
人已打赏
ps教程

Photoshop打造炫酷耀眼几何形状文字

2024-8-18 9:51:56

ps教程

Photoshop简单调出一幅唯美的效果

2024-8-18 9:52:12

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
今日签到
搜索