PS设计教程网欢迎你!

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

文章来源于 IT世界学院,感谢作者 情非得已 给我们带来经精彩的文章!
设计教程/PS教程/鼠绘教程2009-11-11
添加Windows 7字样及logo。 制作导航背景 (1)新建一图层命名为nav。拖出一个黑色矩形框。高度根据自己需要。 填充改为:10%。新建一图层,制作边线。画两根1px线,上边一根黑色,透明度50%,下面一根白色。 复制顶

添加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风格网站导航

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa