您的位置:首页 -> 软件教程 -> 图文处理 -> 图片处理
软件教程分类查找
办公软件 图形图像 视频播放 格式转换 手机辅助 系统工具 电脑学习 下载工具 浏览器 QQ 专区 聊天 输入法 安全杀毒
第一部分 入门知识
第二部分 菜单栏与工具箱
第三部分 浮动面板
第四部分 抠取与合成图片
第五部分 图片调色
第六部分 图层样式
第八部分 图片修缮与美化
第九部分 人物美容
第十部分 绘图教程
第十一部分 特效文字
精品软件课程
更多>>

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

8.5
出处:ps教程自学网 时间:2017-07-28 人气:2968

核心提示:用ps制作漂亮的网站导航条!

  对于做网站的朋友来说,在设计网页时网站的导航条是非常重要的,能够决定整个网站的视觉效果,那么到底怎么用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软件大全。