PS按钮制作高级教程之制作左侧导航按钮.docx

PS按钮制作高级教程之制作左侧导航按钮PS按钮制作高级教程之制作左侧导航按钮（共9篇），下面是小编给大家整理后的PS按钮制作高级教程之制作左侧导航按钮，欢迎大家借鉴与参考，希望对大家有所帮助。篇1：PS按钮制作高级教程之制作左侧导航按钮本教程介绍非常漂亮的导航图示按钮制作方法，按钮的效果非常大气及精美，利用图示图形来制作提示效果，感觉非常的生动。最终效果1、首先我们在PS里新建一文件，大小为500x500px，白色背景。2、使用圆角矩形（半径为10px），绘制我们的质感图标的轮廓。3、随后我们使用钢笔工具为每条边的中点增加一个矢量点，随后用直接选择工具将四条边的中点向外拖动一点距离，目的是让图形轮廓感觉更圆润。4、为轮廓使用图层样式。5、加上样式后的效果，6、按ctrl+j复制图层，将复制出的图层上的图层样式全部去掉，然后按ctrl+t将复制出的图层缩小到原来的94%左右。7、随后为复制出的图层添加如下新样式：8、再次按ctrl+j复制图层，去掉其上的图层样式，随后按ctrl+t缩小到原来的93%大小，之后用直接选择工具拖动上面的矢量路径节点，使其变成如下形状：9、随后栅格化图层（在图形上按鼠标右键选栅格化图层），并将其填充为白色：10、从右向左制作渐变效果，并设置不透明度，使其能出现如下效果：篇2：PS按钮制作高级教程之制作导航按钮网页设计中按钮的制作非常重要，精致的按钮会给网页增色不少，PS按钮制作高级教程之制作导航按钮。下面的教程介绍一款非常不错的按钮的制作方法。制作过程比较简单：先用图形工具制作出按钮的形状，然后加上一些简单的图像样式做底色。然后再加上高光及文字等即可完成效果。最终效果1、打开photoshop，然后新建一个文档250*150，并填充背影:#252a38。2、在工具箱上选择椭圆图标并设置如图。3、新建一个图层，然后填充一个颜色。4、在调色板上设置如下。5、使用渐变拉出线性渐变，渐变效果如下。6、双击图层，打开图层样式，给图层添加阴影和描边，参数及效果如下图。7、在工具箱上选择加深和减淡工具，设置如图。8、然后在图所标识的地方，涂沫如下，9、选择椭圆选区，作出效果如下。10、添加渐变，设置如图，从上而下线性渐变。11、按ctrl+D取消选区，并更改图层的不透明度：40%,，混合模式为“叠加”。12、现在使用文字工具，添加文字并设置图层样式，参数及效果如下图。13、添加下面的文字，效果如下。14、在文字前面加上自己喜爱的图标，按ctrl+U调整色相/饱和度，设置如下，再把图层混合模式改为“叠加”，完成最终效果。其它颜色的按钮制作方法相同。篇3：PS按钮制作高级教程之制作常用水晶按钮本教程主要是介绍水晶按钮的制作，主要难点是要把按钮的高光和暗调调和谐！最终效果1.新建一个300*200像素的文件，定义圆角矩形大小为250*1202.复制圆角矩形图层并缩小3.给底部圆角矩形加个渐变叠加，这里具体颜色头可以先不管，是同一色相调整不同明度就可以了，4.这是是具体的简便颜色设置5.给上边的矩形添加样式6.设置前景颜色为白色，用椭圆工具画出如图形状并设置不透明度为50%，操作如下图7.载入上部矩形为选区并新建图层用白色描边，并给该图层添加一个蒙版用渐变工具作出下图效果8.隐藏背景图层，盖印图层，并用自由变换工具做成倒影，9.加上文字。10.最后添加一个色相饱和度可以调成自己喜爱的颜色。篇4：PS按钮制作高级教程之制作木头风格按钮最终效果图1.新建文件，使用矩形选区工具绘制一个矩形按钮,前景色设置为#990000，背景色设置为#660000，选择反射渐变工具，填充，并使用自由变换工具对按钮进行扭曲，效果如下：2.选择按钮底层，调出选区，将选区缩进5个像素（选择-修改-缩小）。新建层，命名为按钮皮肤。按下X键将前景色和背景色进行调换。依旧选择渐变工具从上到下进行渐变。3.执行滤镜――杂色――添加杂色，数量：15.54，分布：高斯分布。如下图：4.再执行滤镜――模糊――动感模糊，角度：0，距离：18像素，还有图层样式中的阴影及外发光，参数如下设置：图层样式中的阴影，参数如下设置：图层样式中的外发光，参数如下设置：5.点击滤镜-纹理-纹理化，参数如下进行设置：最终效果就出来了~你可以自己在上面添加文字另一个效果：）希望你也能做出自己的木风格按钮篇5：PS按钮制作高级教程之制作vista风格按钮最终效果图1、新建画布，大小随意，然后新建圆角矩形图形，如图所示：2、圆角矩形属性，3、画一个吧，高宽自定。4、接下来要出玻璃效果就是靠图层属性设置，选择蒙板图层右键混合属性，描边设置：5、渐变叠加设置：6、渐变值：7、内发光设置：玻璃效果的好坏跟图素值有关系，可以试一下，8、内阴影设置：想要玻璃表面粗糙一些，可以在正常模式下设置一下内阴