好的网站从“头”开始 Photoshop打造网站导航按钮(2)

步骤4： 拷贝这个图层，用箭头工具把拷贝的图层朝左拖动1px,更改渐变参数，见下图： 效果如下： 100%比例下的效果如下： 剩下的工作就是添加文

本教程中我们学习一种简单的网站导航按钮制作方法，运用选框和画笔工具，再用渐变叠加并添加文字和图层排版就可以制作出常见风格的网站导航按钮。 设计工具为PS CS3，先看一下做好的完成图：

按钮是网页中不可缺少的部分，好的按钮可以给网页增色不少。下面的教程介绍水晶风格的导航按钮制作。制作的时候先制作按钮的一部分，然后再复制组成导航栏。 教程最终效果 1、新建文件，大小500x 200px

1.填充背景为深灰色，设置前景色，新建图层1，绘制圆色矩形 2.为图层1添加图层样式(投影,内阴影,外发光,渐变叠加,描边); 3.选择图层1,使用滤镜>杂色>添加杂色(根据情况调整杂色的

透明物体是通过背景进行参照，体现出质感。而本例里是讲解白色透明背景，如果背景太亮，会导致对比不明显。 最终效果 1、打开下图所示的背景素材，选择菜单：滤镜 > 模糊 > 高斯

用photoshop制作一种斜纹质感的网页导航按钮效果，简单易学。 效果图： 大家好，下面由我来开始教如何做上图效果的简单按钮： 1.首先打开photoshop软件，Ctrl+N新建一

教程介绍非常漂亮的导航图示按钮制作方法。按钮的效果非常大气及精美，利用图示图形来制作提示效果，感觉非常的生动。 最终效果 1、首先我们在PS里新建一文件，大小为 500x500px，白色背景。

5.按住shift拉出大小合适的三角形。 6.选择蒙版层，进入路径选项版，建立选区。 7.回到图层选项版，隐藏蒙版层。点选刚才新建立的图层，出现选区填充黑色。 8.CTR