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

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

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

  最终效果:

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

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

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

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

  得到如下效果:

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

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

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

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

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

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

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

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


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

  得到如下效果:

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

  3.输入导航文字颜色分别为:#ffffff & #d9ff3f;

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

  4.输入“-----”旋转90°作分割线,添加白色正方形小方框;

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

  5.软键盘输入“¬“;完成。

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

  相信今天的教程能够帮助很多想要往网站设计方向发展的朋友,也希望大家可以把自己在学习PS过程中的心得分享出来,让更多的朋友受益!

  以上是ps实用教程:制作漂亮的网站导航条的全部内容,希望对大家有所帮助,感谢您对2345软件大全的支持,更多软件教程请关注2345软件大全。

文章内容来源于网络,不代表本站立场,若侵犯到您的权益,可联系我们删除。(本站为非盈利性质网站) 联系邮箱:rjfawu@163.com
多特网友 2015-12-10 14:30:56 回复
终于看见三分钟制作的教程了,这能学好PS?
多特网友 2015-12-10 14:30:56 回复
终于看见三分钟制作的教程了,这能学好PS?