ps网页按钮制作过程(ps做网页按钮)

本文主要介绍ps网页按钮制作流程(ps制作网页)，下面跟着东辰网详细了解一下吧。

网页中常用的小按钮一

虽然越来越多的人开始使用宽带，速度已经不像早些年那样限制了网络，但近年来，网页并没有变得越来越复杂。相反，以简约为时尚的网页设计正在网络世界悄然流行。这种风格不仅节省了带宽，更重要的是大多数人更喜欢在清新的环境中找到自己需要的信息，简洁精致的设计让信息的获取更加容易快捷。今天，我们将设计一些最常用的网页按钮。

开始段:像素按钮

这是目前最流行的按钮，几乎每个像素主题的网站上都可以看到。这个按钮是最小化网页大小的唯一方法。这个按钮简洁大方，除了个性化网站，也非常适合公司网页。

用RGB模式和白色背景创建一个新的ps文档。

新建一个图层，重置色板，设置前景色为浅灰色，比如示例中的RGB(239，239，2)，用矩形框选择工具选择一个小矩形，填充前景色后取消选择。

让s制作按钮的立体效果。这里我们完全使用添加图层样式的方法，双击图层，打开图层样式对话框。让让我们依次补充一下:

首先，选择坡度和地貌样式，并将结构设置为内部坡度。方法是平滑，深度1%，方向向上，大小和柔化2个像素，阴影角度146度，使用全局光，高度30度，光泽度保持默认，高光和暗调的混合模式和颜色不变，但是不透明度分别设置为100%和43%。

其次是内阴影模式，模式正常，颜色为白色，不透明度为100%，角度为146度，使用全局光，距离为1个像素，遮挡为100%，大小为0，质量不变；

接下来，描边，描边大小设置为1像素，位置在外，混合模式正常，不透明度100%，填充类型颜色，描边颜色设置为黑色；

最后是投影样式，阴影颜色设置为黑色，不透明度22%，角度120度，取消全局光照，距离3个像素，大小扩展为0，默认质量不变。

如果觉得灰色太单调，还可以在按钮上添加各种颜色。流程和上一个基本一样，只是有些地方有一些细微的差别。

创建一个新层并设置选区后，设置你的前景色。比如这里我们设置前景色为RGB(106，175)，填充选区后取消选择。然后开始设置图层样式。在斜面和浮雕样式中，将深度设置为100%，大小和柔化设置为1像素，注意将阴影的高光模式设置为减色，不透明度设置为65%，暗调的不透明度设置为减少；与刚才不同的是，我们取消了内阴影样本。类型，在笔画样式中，笔画颜色设置为深灰色，比如RGB(132，132，1)，当然也可以使用黑色笔画；对于投影风格，因为按钮本身颜色比较暗，我们可以把阴影的不透明度设置的稍微高一点，40%。最后，写正文。

第2段:渐变按钮

相比开始个按钮，我们接下来要介绍的这种类型的按钮更加实用，色彩也更加丰富。你会在很多网站上看到。

首先，它还是一个新的RGB模式的ps文档，背景为白色。

这一次我们创建一个新层，用矩形选框工具选择一个小矩形，然后点击选择修改平滑并将其设置为5像素。选择渐变工具的黑到白渐变，在选择框中从底部向上拉。效果如图2所示。

双击图层以输入图层样式。我们给按钮添加一个立体效果，选择斜面和浮雕样式，在样式中选择内斜面。方法平滑，深度1%，方向向上，大小1像素，柔化0像素，阴影角度120度，使用全局光，高度30度，高光和暗调默认混合模式和颜色不变，高光不透明度75%，暗调不变。

最后我们用笔画来修饰按钮，设置笔画大小为1像素，位置在外面，混合模式为正常，不透明度为100%，填充类型为彩色，颜色为灰色。

由Ci222撰写，转载请保留作者。

了解更多ps网页按钮制作流程(ps制作网页按)相关内容请关注东辰网。