PS设计教程网欢迎你!

Photoshop制作网站导航教程(2)

文章来源于 一起PS吧,感谢作者 佚名 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2011-08-09
输入一些白色文字,比如关于我们 联系方式博客等等,添加图层样式。 下面制作鼠标悬浮框,就是鼠标移到文字上面时,会有不同的视觉样式呈现,一般用CSS来完成,建新层,做一矩形选区,透明到黑径向渐变。 图层模式

输入一些白色文字,比如关于我们 联系方式博客等等,添加图层样式。

Photoshop制作网站导航教程

Photoshop制作网站导航教程

下面制作鼠标悬浮框,就是鼠标移到文字上面时,会有不同的视觉样式呈现,一般用CSS来完成,建新层,做一矩形选区,透明到黑径向渐变。

Photoshop制作网站导航教程

图层模式柔光,不透明度90%。

Photoshop制作网站导航教程

建新层,做如下矩形选区,填充白色。

Photoshop制作网站导航教程

添加蒙版,黑白对称渐变,图层不透明度90%,可能会有超界的白边,用笔刷涂抹掉即可。

Photoshop制作网站导航教程

这样,一个简单的网站导航就制作完成了,本ps教程到此结束。

Photoshop制作网站导航教程

进入论坛交作业:http://www.missyuan.com/viewthread.php?tid=526105

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