当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop制作网页导航条(3)

Photoshop制作网页导航条(3)

这里再做一遍。最后一次我在这里用的颜色是 #d200ff. 当然如果你有更多的链接,分隔符越多你就简单的添加一些更多的颜色。

photoshop教程步骤10

下一步是添加一个边框,这里要比我们的头部或导航条更多一些。因此,添加一个新的层,做到以下几点。
使用矩形选区工具在头部的底部作出选区。
用一个匹配你的背景与配色填补。
所以一个深蓝色的被用在这里(# 03346c)。

photoshop教程步骤11

添加一个新层,拿出铅笔工具()。设置与你一些很配其他颜色的前景色。
我们被设置为浅蓝色(# 7dbfff)。然后得出一个像素线条的长方形正如我们创造的上一步一样。

photoshop教程步骤12

按下Ctrl+J 复制这个图层,然后拖动它到顶部的导航条刚刚在你颜色盒子上。

photoshop教程步骤13

下面处理文字。创建一个新层选择文字工具。挑选一个漂亮的字体和类型在你的站点标题的左边的空间键入标题。
被称为“Century Gothic”(一种字体)用在这里,应该是一个默认字体在windowsXp里。不管用什么你想要的颜色,纯白的使用在这里。

photoshop教程步骤14

  • 共5页:
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 5
  • 下一页
  • 上一篇:web2.0风格导航条制作
    下一篇:Photoshop制作苹果导航栏效果教程

    图集推荐

    • 灵感
    • 美图