简易导航栏设计教程
本文介绍了一种简单快捷的方法来创建网页导航栏。通过几个基本步骤，如建立背景、添加圆角矩形、使用软画笔提亮背景、添加字体和渐变效果等，可以在半小时内完成一个具有基本交互效果的导航栏设计。
首先声明下，这个图是我学习临摹来的
在制作过程中存了几个步骤希望与大家分享
首先建立背景
然后用圆角矩形 圆角5px 尺寸和颜色图片有说明marble granite
这里使用软画笔提亮背景，笔触300像素大小
原教程中没有的步骤，为了让字体有一点突出感，我加了点投影，细微的变化
拉渐变，可以直接用矩形选框，距离外框10px即可，然后渐变图层透明度为5%
写上目录，选自己喜欢的颜色和字体
然后是加分割线和调整点击时候的色彩
这是我的最终效果，字体有些模糊，但是我觉得跟整个质感匹配~
只不过放网页上的话，字有些不清晰
这个是老外的最终效果，文字使用的是无样式
挺简单的导航制作，半小时左右就可以完成，甚至更快……有兴趣可以试试哈
扫一扫
1005
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
