当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop打造Windows 7风格网站导航条(2)

Photoshop打造Windows 7风格网站导航条(2)

       制作导航背景

  1、添加Windows 7字样及Logo。新建一图层命名为“nav”。拖出一个黑色矩形框。高度根据自己需要。

Photoshop打造Windows 7风格网站导
图6

 

  2、填充改为:10%。新建一图层,制作边线。画两根1px线,上边一根黑色,透明度50%,下面一根白色。

Photoshop打造Windows 7风格网站导
图7

 

  3、复制顶线,移动至底部:

Photoshop打造Windows 7风格网站导
图8

 

  制作导航按钮

  1、新建图层,做出如下选区,注意上下边缘:

Photoshop打造Windows 7风格网站导
图9

 

  2、填充黑色,不透明设为“0”,描边:

Photoshop打造Windows 7风格网站导
图10

 

  3、复制上面的图层,清除图层样式,添加如下样式:

Photoshop打造Windows 7风格网站导
图11

  • 共3页:
  • 上一页
  • 1
  • 2
  • 3
  • 下一页
  • 上一篇:没有了
    下一篇:Photoshop设计现代企业产品主题网站教程

    图集推荐

    • 灵感
    • 美图