PS按钮制作高级教程之制作红色3D质感按钮

下面是小编收集整理的PS按钮制作高级教程之制作红色3D质感按钮，本文共6篇，供大家参考借鉴，希望可以帮助到有需要的朋友。本文原稿由网友“qs5168”提供。

篇1：PS按钮制作高级教程之制作红色3D质感按钮

本教程非常详细的介绍3D按钮的制作方法，重点在3D效果及光感的制作，有很多教程介绍过类似的方法。不过制作的时候还是要注意好高光及暗调的搭配，能更好的体现按钮的质感。

最终效果

1、开始前老样子先在PS里新建一个文件，设置如下图。

2、使用圆角矩形工具，这里颜色你可以随意，因为你可以在顶部设置圆角矩形的颜色。

3、在顶部设置它的参数与颜色为红色。

4、如下图颜色为#D32424 的圆角矩形制作完成。

5、将前面的圆角矩形图层复制一次，在复制出的图层上按鼠标右键，选择栅格化图层，这样将形状图形转化为像素图形。同样将另一个图层进行栅格化处理（栅格化后的图层就是我们常说的像素图）。

6、将上面的圆角矩形命名为“Button Top” ，下面的图层命名为“Button Base” ，这里我们为了制作出3D按钮的立体质感效果，将会用底部的图层来做阴影，上面的图层保持不变，所以选中底部图层，按ctrl+u设置“色相/饱和度”参数如下。

7、将两个图层的位置进行调整，下面的图层向下移动10像素（按shift+下键），完成后的效果如下：

8、现在我们为3D按钮上面的图层进行视觉上的修饰，先按住ctrl点选上面的图层，使其整个处于选中状态，随后按“选择>修改>收缩”,设置缩小1px，

9、然后我们用工具栏的加深工具，设置参数如下。

10、在选中的图层上按住shift从左向右进行涂抹。

11、随后我们为上面的图层添加如下图设置的图层样式。

12、现在开始制作3D立体效果常见的光感效果，首先使用如下设置的笔刷。

13、确定你的PS里的前景色与背景色分别为白色与黑色，然后使用钢笔工具，确保你选用的是路径，如下图。

14、新建立图层，按照下图方法用钢笔工具绘制两个点。

15、再在钢笔路径上按鼠标右键选择“描边路径”，随后选择画笔并勾选模拟压力。

篇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 * 120

2.复制圆角矩形图层并缩小

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按钮制作高级教程之制作左侧导航按钮

本教程介绍非常漂亮的导航图示按钮制作方法，按钮的效果非常大气及精美，利用图示图形来制作提示效果，感觉非常的生动。

最终效果

1、首先我们在PS里新建一文件，大小为 500x500px，白色背景。

2、使用圆角矩形（半径为10px），绘制我们的质感图标的轮廓。

3、随后我们使用钢笔工具为每条边的中点增加一个矢量点，随后用直接选择工具将四条边的中点向外拖动一点距离，目的是让图形轮廓感觉更圆润。

4、为轮廓使用图层样式。

5、加上样式后的效果，

6、按ctrl+j复制图层，将复制出的图层上的图层样式全部去掉，然后按ctrl+t将复制出的图层缩小到原来的94%左右。

7、随后为复制出的图层添加如下新样式：

8、再次按ctrl+j复制图层，去掉其上的图层样式，随后按ctrl+t缩小到原来的93%大小，之后用直接选择工具拖动上面的矢量路径节点，使其变成如下形状：

9、随后栅格化图层（在图形上按鼠标右键选栅格化图层），并将其填充为白色：

10、从右向左制作渐变效果，并设置不透明度，使其能出现如下效果：

篇6：PS按钮制作高级教程之制作vista风格按钮

最终效果图

1、新建画布，大小随意，然后新建圆角矩形图形，如图所示：

2、圆角矩形属性，

3、画一个吧，高 宽自定。

4、接下来要出玻璃效果就是靠图层属性设置，选择蒙板图层右键混合属性，描边设置：

5、渐变叠加设置：

6、渐变值：

7、内发光设置： 玻璃效果的好坏跟图素值有关系，可以试一下，

8、内阴影设置： 想要玻璃表面粗糙一些，可以在正常模式下设置一下内阴影的大小。

9、投影设置：使按钮能有光感。

10、调整颜色：最后可以添加一个色相/饱和度图层，用来调整按钮整体颜色。

11、取值随意。

最终效果图

PS按钮制作高级教程之制作导航按钮

PS按钮制作高级教程之制作木头风格按钮

PS鼠绘水晶质感按钮

PS制作立体质感黄金字

PS制作标志教程

PS按钮制作高级教程之制作红色3D质感按钮.doc

将本文的Word文档下载到电脑，方便收藏和打印

推荐度：

点击下载文档