在网站中我们经常见到导航条,其实利用Photoshop也可以制作导航条,现在就把制作的过程步骤和截图分享给大家,希望对你有所帮助和启发。

软件名称:
Photoshop CS5 绿色版官方中文正式原版
软件大小:
104.06MB
更新时间:
2014-06-01立即下载

ps怎么制作一个漂亮的导航栏按钮?

1、首先启动photoshop cs5,执行文件-新建命令,新建一个大小分辨率为300,背景颜色为白色,大小为800*600的文档。

ps怎么制作一个漂亮的导航栏按钮?

2、选择工具箱里矩形工具,在画布上绘制一个矩形,双击该图层弹出图层样式,勾选描边,设置大小为1像素,描边颜色为#c7c7c7,填充颜色为白色,点击确定按钮。

ps怎么制作一个漂亮的导航栏按钮?

3、选择矩形,按住alt键拖动矩形复制出六个矩形,调整他们位置使其布局更加美观。

ps怎么制作一个漂亮的导航栏按钮?

4、选择工具箱里的文本工具,在第一个矩形中输入文字,并设置字体为“微软雅黑”,字号为4像素,字体颜色为黑色。

ps怎么制作一个漂亮的导航栏按钮?

5、采用同样的方法,重复步骤4依次为其他六个矩形添加文字内容,并依次调整其相应的位置,使布局更加美观大方。

ps怎么制作一个漂亮的导航栏按钮?

6、执行ctrl+r组合键调出参考线,从上面拖拽一条参考线,再次调整文字和英文的位置。

ps怎么制作一个漂亮的导航栏按钮?

7、再次选择矩形工具绘制矩形,并填充颜色为#44b07f,移动矩形到第一个矩形上,并且和原来的矩形重合在一起。

ps怎么制作一个漂亮的导航栏按钮?

8、依次复制六个相同的矩形分别覆盖到相应的矩形上,并调整相应的图层位置,使文字都能显示出来。

ps怎么制作一个漂亮的导航栏按钮?

9、选择工具箱里的矩形工具绘制细长矩形,填充颜色为#999999,按住alt键依次复制六个调整他们所在的位置,并调整相应图层的位置。

ps怎么制作一个漂亮的导航栏按钮?

10、接着从桌面上直接拖拽一副事先准备的logo到画布上,调整其大小和位置,使整个布局显得更加协调。

ps怎么制作一个漂亮的导航栏按钮?

11、执行图层-拼合图像命令,将所有的图层拼成一个背景图层,执行文件-存储为命令,将文件进行保存即可。

ps怎么制作一个漂亮的导航栏按钮?

相关推荐:

PS怎么绘制粉色漂亮的按钮?

PS怎么制作很有质感金属按钮?

ps怎么使用图层面板中的搜索按钮快速找到所需图层?

广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!

稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!

昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。

这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。

而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?