作者:拍友2502921323 | 来源:互联网 | 2023-05-18 01:46
首先声明下,这个图是我学习临摹来的在制作过程中存了几个步骤希望与大家分享首先建立背景然后用圆角矩形圆角5px尺寸和颜色图片有说明marblegranite这里使用软画笔提亮背景,笔触
首先声明下,这个图是我学习临摹来的
在制作过程中存了几个步骤希望与大家分享
首先建立背景
然后用圆角矩形 圆角5px 尺寸和颜色图片有说明marble granite
这里使用软画笔提亮背景,笔触300像素大小
原教程中没有的步骤,为了让字体有一点突出感,我加了点投影,细微的变化
![经典导航设计(图解)(原创教程)](https://img1.php1.cn/3cd4a/24de0/1c8/05a7c799451147ab.jpeg)
拉渐变,可以直接用矩形选框,距离外框10px即可,然后渐变图层透明度为5%
写上目录,选自己喜欢的颜色和字体
然后是加分割线和调整点击时候的色彩
这是我的最终效果,字体有些模糊,但是我觉得跟整个质感匹配~
只不过放网页上的话,字有些不清晰![经典导航设计(图解)(原创教程)](https://img1.php1.cn/3cd4a/24de0/1c8/902f2177dd8f7dbd.jpeg)
这个是老外的最终效果,文字使用的是无样式
![经典导航设计(图解)(原创教程)](https://img1.php1.cn/3cd4a/24de0/1c8/9d385ff3c42d9e3b.jpeg)
分享完毕~
挺简单的导航制作,半小时左右就可以完成,甚至更快……有兴趣可以试试哈