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

PS绘制一个简单的网页导航条的详细教程

  • 2022-12-24 23:13:07
  • 来源/作者:互联网/佚名
  • 己被围观

作者:布噜盒子 出处: 又是一个简单的导航临摹步骤,我把练习步骤贴出来与大家分享 希望对初学者有所帮助 步骤2,创建导航背景,下面忘记写了,颜色是#5a5a5a 设置灰色块的图层样式,内阴影+渐变 设置完渐变的时候效果出来啦 好,复制背景,行距是3px 为导航条写上标题 下面


作者:布噜盒子   出处:

又是一个简单的导航临摹步骤,我把练习步骤贴出来与大家分享

希望对初学者有所帮助

步骤2,创建导航背景,下面忘记写了,颜色是#5a5a5a

设置灰色块的图层样式,内阴影+渐变

设置完渐变的时候效果出来啦

 


好,复制背景,行距是3px 

为导航条写上标题

下面设置圆圈的样式

图层样式设置完毕把图层不透明°设置为70%

 

加上箭头得到效果

最终效果



 1/2    1 2 下一页 尾页

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

标签(TAG) 导航条 网页图片

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条