当前位置:首页 > PS教程 > 设计教程

PS制作网站导航教程

  • 2021-05-21 16:57:58
  • 来源/作者:互联网/佚名
  • 己被围观

本教程学习如何用Photoshop制作时尚耐看的网站导航条,主要用到了圆角矩形和图层样式,下面让我们一起来学习把。

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

Photoshop制作网站导航教程

Photoshop制作网站导航教程

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

Photoshop制作网站导航教程

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

Photoshop制作网站导航教程

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

Photoshop制作网站导航教程

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

Photoshop制作网站导航教程

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

Photoshop制作网站导航教程

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • 文字排版技巧知识大全 文字排版技巧知识大全
  • 电商产品PS修图:金属质感效果 电商产品PS修图:金属质感效果
  • 色彩叠加在各类设计中的巧妙运用 色彩叠加在各类设计中的巧妙运用
  • PS CS5制作逼真绳子 PS CS5制作逼真绳子
  • PS绘制柔美飘逸的丝带 PS绘制柔美飘逸的丝带
  • PS制作一款科技感的立体插图 PS制作一款科技感的立体插图
  • banner制作初级教程 banner制作初级教程
  • 如何设计一个高端大气上档次的 logo? 如何设计一个高端大气上档次的 logo?