利用photoshop设计一款网站导航菜单

看到一些很酷的网站导航效果,分析了一下之后,写了这篇教程并与大家分享,其实方法很简单,十步之内就完成了。

最终效果,如下图:

填充背景为深灰色,设置前景色,新建图层1,绘制圆色矩形,如下图:

为图层1添加图层样式(投影,内阴影,外发光,渐变叠加,描边),如下图:

选择图层1,使用滤镜-杂色-添加杂色(根据情况调整杂色的数量),如下图:

按住Ctrl键点击图层1,调出图层1的图形选区之后,新建图层2,填充任意色彩,选择矩形选框工具,按向上方向键,将选区向上移动1个像表的距离,再按删除键删除选区内的色彩。再Ctrl +D,取消选区。这样我们就得到了按钮底部的高光了。如下图:

选图层2,添加图层样式(渐变叠加),如下图:

按住Ctrl键,点击图层1,调出层1选区。再新建图层3,使用渐变工具(径向渐变,白到黑色,从按钮的上中位置拖到按钮的下右位置),Ctrl+D取消选区,改变层3的图层样式,如下图:

选择圆角矩形工具,建立与按钮同等宽度的圆色矩形路径,再选用转换点工具,移动右下角两个节点。使其变成梯形,新建图层4,设置前景色为白色,进入路径面板,填充路径(白色)。按住Ctrl键点击层1,选图层4,为图层4添加图层蒙板。再设置图层混合模式,产生按钮的高光效果,如下图:

输入文字,添加图层样式,如下图:

完成最终效果,如下图:

发表评论

电子邮件地址不会被公开。 必填项已用*标注