ps实用教程:制作漂亮的网站导航条

来源:ps教程自学网时间:2017-07-28

  对于做网站的朋友来说,在设计网页时网站的导航条是非常重要的,能够决定整个网站的视觉效果,那么到底怎么用PS制作漂亮的网站导航条呢?和做其他设计一样,首先我们需要在大脑中构思想要的效果,再把构思出的效果图分层,最终找到用PS制作漂亮的网站导航条的方法。

  最终效果:

ps实用教程:制作漂亮的网站导航条

  1.新建一个600*150的文件,背景填充黑色。选择“圆角矩形工具”画一个同样填充黑色的圆角矩形,

  选择“添加图层样式—斜面浮雕—描边”:

ps实用教程:制作漂亮的网站导航条

  得到如下效果:

ps实用教程:制作漂亮的网站导航条

  2.制作高光区。新建图层,选择钢笔工具,绘出一个方框如下:

ps实用教程:制作漂亮的网站导航条

  右键单击钢笔路径转换成选取并填充白色。

ps实用教程:制作漂亮的网站导航条

  黑色的圆角矩形框载入选区--ctrl+左击图层,选择白色图层,反选—删除,删除多余的部分。

ps实用教程:制作漂亮的网站导航条

  添加由(#4a4a49)到(#d5d5d5)的渐变叠加:

发表评论

最新评论(共1条)

2345市网友

终于看见三分钟制作的教程了,这能学好PS?

2015-12-10 0

回复@2345网友:

  • 取消