Photoshop绘制灰色风格的网页导航条

 时间:2026-02-14 17:18:15

1、新建500*400图层,背景色#1b1b1b。

Photoshop绘制灰色风格的网页导航条

2、新建导航背景,尺寸288*50,色彩是#5a5a5a

Photoshop绘制灰色风格的网页导航条

3、新建导航背景,下方忘记写了,色彩是#5a5a5a

Photoshop绘制灰色风格的网页导航条

4、设定完渐变的时候效果出来啦

Photoshop绘制灰色风格的网页导航条

5、好,拷贝背景,行距是3px。

Photoshop绘制灰色风格的网页导航条

6、为导航条写上标题

Photoshop绘制灰色风格的网页导航条

Photoshop绘制灰色风格的网页导航条

7、下方设定圆圈的样式

Photoshop绘制灰色风格的网页导航条

Photoshop绘制灰色风格的网页导航条

Photoshop绘制灰色风格的网页导航条

8、图层样式设定完毕将图层不透明°设定为70%。


添加箭头获得效果。

Photoshop绘制灰色风格的网页导航条

9、完成效果。

Photoshop绘制灰色风格的网页导航条

  • ps怎么做导航条?
  • Photoshop矩形工具—店招与导航条设计
  • 如何利用ps制作导航条
  • 如何利用ps做个导航条
  • 如何使用CSS 导航条
  • 热门搜索
    音响有电流声怎么解决 氦怎么读 入党申请书怎么写 拉黑屎是怎么回事 惠普打印机怎么安装 口蘑怎么做好吃 团队介绍怎么写 怎么才能让弟弟变大 电脑密码忘记了怎么办 dwg文件怎么打开