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

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

ps设计后期调整修饰实例教程

变换角度,让你的设计稿高端大气上档次


作者:布噜盒子   出处:
PS绘制一个简单的网页导航条的详细教程插图

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

希望对初学者有所帮助

PS绘制一个简单的网页导航条的详细教程插图(1)

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

PS绘制一个简单的网页导航条的详细教程插图(2)

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

PS绘制一个简单的网页导航条的详细教程插图(3)

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

PS绘制一个简单的网页导航条的详细教程插图(4)

 


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

PS绘制一个简单的网页导航条的详细教程插图(5)

为导航条写上标题

PS绘制一个简单的网页导航条的详细教程插图(6)

PS绘制一个简单的网页导航条的详细教程插图(7)

下面设置圆圈的样式

PS绘制一个简单的网页导航条的详细教程插图(8)

PS绘制一个简单的网页导航条的详细教程插图(9)

PS绘制一个简单的网页导航条的详细教程插图(10)

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

 

加上箭头得到效果

PS绘制一个简单的网页导航条的详细教程插图(11)

最终效果

PS绘制一个简单的网页导航条的详细教程插图(12)




作者:布噜盒子   出处:
PS绘制一个简单的网页导航条的详细教程插图

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

希望对初学者有所帮助

PS绘制一个简单的网页导航条的详细教程插图(1)

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

PS绘制一个简单的网页导航条的详细教程插图(2)

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

PS绘制一个简单的网页导航条的详细教程插图(3)

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

PS绘制一个简单的网页导航条的详细教程插图(4)

 


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

PS绘制一个简单的网页导航条的详细教程插图(5)

为导航条写上标题

PS绘制一个简单的网页导航条的详细教程插图(6)

PS绘制一个简单的网页导航条的详细教程插图(7)

下面设置圆圈的样式

PS绘制一个简单的网页导航条的详细教程插图(8)

PS绘制一个简单的网页导航条的详细教程插图(9)

PS绘制一个简单的网页导航条的详细教程插图(10)

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

 

加上箭头得到效果

PS绘制一个简单的网页导航条的详细教程插图(11)

最终效果

PS绘制一个简单的网页导航条的详细教程插图(12)



作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部