当前位置: 首页 > 设计教程 > Photoshop教程 > Photoshop绘制Windows7风格网站导航(2)

Photoshop绘制Windows7风格网站导航(2)

添加Windows 7字样及logo。

制作导航背景

(1)新建一图层命名为“nav”。拖出一个黑色矩形框。高度根据自己需要。

Photoshop绘制Windows7风格网站导航

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

Photoshop绘制Windows7风格网站导航

复制顶线,移动至底部:

Photoshop绘制Windows7风格网站导航

制作导航按钮

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

Photoshop绘制Windows7风格网站导航

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

Photoshop绘制Windows7风格网站导航

(2)复制上面的图层,清除图层样式,添加如下样式:

Photoshop绘制Windows7风格网站导航

渐变叠加,颜色由白色 到透明。描边:

Photoshop绘制Windows7风格网站导航

得到如下:

Photoshop绘制Windows7风格网站导航

  • 共3页:
  • 上一页
  • 1
  • 2
  • 3
  • 下一页
  • 上一篇:Photoshop绘制漂亮的水晶房子图标
    下一篇:Photoshop绘制超时尚的魔幻特效教程

    图集推荐

    • 灵感
    • 美图