当前位置：主页 > 图片处理 >

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

修图匠
图片处理
2022-11-05 12:10
条,详细,教程,导航,网页,绘制,一个,简单,PS

修图匠“ PS绘制一个简单的网页导航条的详细教程（组图）”Photoshop图文教程内容：

作者:布噜盒子　出处:

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

希望对初学者有所帮助

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

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

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

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

为导航条写上标题

下面设置圆圈的样式

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

加上箭头得到效果

最终效果

作者:布噜盒子　出处:

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

希望对初学者有所帮助

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

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

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

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

为导航条写上标题

下面设置圆圈的样式

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

加上箭头得到效果

最终效果

温馨提示：以上“ PS绘制一个简单的网页导航条的详细教程（组图）”相关内容(含文字、图片、视频)来源于网络，版权归内容原作者所有，如有侵权，请告知删除。

上一篇： PS设计Wordpress博客模版以及切片【组图】

下一篇： PS绘制Ancient Of Battle 游戏风格图标[组图]

猜你喜欢