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

只因我喜欢80

只因我喜欢80

2016-02-16 08:35

下面图老师小编要跟大家分享Photoshop绘制灰色风格的网页导航条,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

最终效果

Photoshop绘制灰色风格的网页导航条,PS教程,图老师教程网

步骤

Photoshop绘制灰色风格的网页导航条,PS教程,图老师教程网

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

Photoshop绘制灰色风格的网页导航条,PS教程,图老师教程网

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

Photoshop绘制灰色风格的网页导航条,PS教程,图老师教程网

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

Photoshop绘制灰色风格的网页导航条,PS教程,图老师教程网

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

Photoshop绘制灰色风格的网页导航条,PS教程,图老师教程网

为导航条写上标题

Photoshop绘制灰色风格的网页导航条,PS教程,图老师教程网

Photoshop绘制灰色风格的网页导航条,PS教程,图老师教程网

下面设置圆圈的样式

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

Photoshop绘制灰色风格的网页导航条,PS教程,图老师教程网

Photoshop绘制灰色风格的网页导航条,PS教程,图老师教程网

Photoshop绘制灰色风格的网页导航条,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

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

加上箭头得到效果

Photoshop绘制灰色风格的网页导航条,PS教程,图老师教程网

最终效果

Photoshop绘制灰色风格的网页导航条,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

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

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

Photoshop制作透明风格的网页导航条

PS PS基础
Photoshop制作透明风格的网页导航条

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop绘制木纹质感导航条

电脑网络
Photoshop绘制木纹质感导航条

Photoshop设计制作网页头部导航条

PS PS基础
Photoshop设计制作网页头部导航条

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop快速绘制木纹质感的导航条

PS PS基础
Photoshop快速绘制木纹质感的导航条

Photoshop网页设计教程:制作简洁风格黑色导航条按钮

PS PS教程
Photoshop网页设计教程:制作简洁风格黑色导航条按钮

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop简单为MM黑白照片上色的教程

Photoshop简单为MM黑白照片上色的教程

Photoshop合成草原上美丽的场景

Photoshop合成草原上美丽的场景
下拉加载更多内容 ↓