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

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

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

Photoshop制作网站导航教程
Photoshop制作网站导航教程

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

Photoshop制作网站导航教程

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

Photoshop制作网站导航教程

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

Photoshop制作网站导航教程

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

Photoshop制作网站导航教程

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

Photoshop制作网站导航教程

  • 共2页:
  • 上一页
  • 1
  • 2
  • 下一页
  • 上一篇:Photoshop设计绚丽的饮料宣传海报教程
    下一篇:Photoshop制作时尚蓝色会员登录框

    图集推荐

    • 灵感
    • 美图