优艾设计网

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

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:bbs.16xx8.com
作者:布噜盒子   出处: 又是一个简单的导航临摹步骤,我把练习步骤贴出来与大家分享

作者:布噜盒子   出处:

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

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

希望对初学者有所帮助

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

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

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

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

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

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

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

 

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

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

为导航条写上标题

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

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

下面设置圆圈的样式

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

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

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

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

 

加上箭头得到效果

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

最终效果

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

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消