ps制作网站质感按钮内发光(ps制作网页效果图教程)

本文主要介绍ps制作网站纹理按钮内部发光(ps制作网页效果图)，下面跟着东辰网详细了解一下吧。

文中的纹理3D按钮非常有效，可以作为设计UI或纹理界面的学习教程。设计和生产流程如下:

在开始之前，像往常一样在PS中创建一个新文件，并如下所示进行设置。

使用圆角矩形工具。您可以在这里使用任何颜色，因为您可以设置顶部圆角矩形的颜色。

将其参数和颜色设置为顶部的红色。

如下图，颜色为#D32424的圆角矩形完成。

将之前的圆角矩形图层复制一次，右键单击复制的图层，选择栅格化图层，这样就将形状图形转化为像素图形。还要栅格化另一个图层(栅格化后的图层就是我们常说的像素)。

将上面的圆角矩形命名为按钮顶部下面一层是按钮座和按钮。这里，为了创建3D按钮的立体纹理效果，我们将使用底部的层来制作阴影，上面的层将保持不变，因此选择底部的层并按ctrlu设置色调/饱和度参数如下。

调整两个图层的位置，并将下面的图层向下移动10个像素(按shif)。完成后，效果如下:

现在让我们的视觉装饰层以上的3D按钮。首先，按住ctrl并点击上面的层，使其处于选中状态，然后按选择修改收缩设置1px的收缩率。

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

按住shift选中图层，从左向右涂抹。

然后我们添加如下所示的图层样式到上面的图层。

然后将图中设置的图层样式添加到下面的图层中。

完成后的效果如下，已经有了初步的3D立体效果。

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

确定你PS里的前景色和背景色分别是白色和黑色，然后用钢笔工具确定你选择的路径，如下图。

创建一个新层，用钢笔工具画两个点，如下所示。

在笔路径上单击鼠标右键选择笔画路径和，然后选择笔刷并检查模拟压力。

然后在路径上再次点击鼠标右键，选择删除路径。完成后，你会看到如下图所示的光感线条效果。

要为按钮灯光效果设置一些细节，请选择道奇工具和，设置如下，使用高亮参数。

然后点击按钮的上层大约两次。记得不要点太多次，因为点太多次会很难看。

最后我们使用加深工具，设置如下。

在较低的按钮层的两侧用加深的标尺栏划线。

按钮效果图整体观感完成后，是不是立体感十足？

最后，我们添加光泽和文字。文中的纹理3D按钮非常有效，可以作为设计UI或纹理界面的学习教程。设计和生产流程如下:

在开始之前，像往常一样在PS中创建一个新文件，并如下所示进行设置。

使用圆角矩形工具。您可以在这里使用任何颜色，因为您可以设置顶部圆角矩形的颜色。

将其参数和颜色设置为顶部的红色。

如下图，颜色为#D32424的圆角矩形完成。

将之前的圆角矩形图层复制一次，右键单击复制的图层，选择栅格化图层，这样就将形状图形转化为像素图形。还要栅格化另一个图层(栅格化后的图层就是我们常说的像素)。

将上面的圆角矩形命名为按钮顶部下面一层是按钮座和按钮。这里，为了创建3D按钮的立体纹理效果，我们将使用底部的层来制作阴影，上面的层将保持不变，因此选择底部的层并按ctrlu设置色调/饱和度参数如下。

调整两个图层的位置，并将下面的图层向下移动10个像素(按shif)。完成后，效果如下:

现在让我们的视觉装饰层以上的3D按钮。首先，按住ctrl并点击上面的层，使其处于选中状态，然后按选择修改收缩设置1px的收缩率。

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

按住shift选中图层，从左向右涂抹。

然后我们添加如下所示的图层样式到上面的图层。

然后将图中设置的图层样式添加到下面的图层中。

完成后的效果如下，已经有了初步的3D立体效果。

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

确定你PS里的前景色和背景色分别是白色和黑色，然后用钢笔工具确定你选择的路径，如下图。

创建一个新层，用钢笔工具画两个点，如下所示。

在笔路径上单击鼠标右键选择笔画路径和，然后选择笔刷并检查模拟压力。

然后在路径上再次点击鼠标右键，选择删除路径。完成后，你会看到如下图所示的光感线条效果。

然后为按钮灯光效果设置一些细节，选择道奇工具和，设置如下，并使用高亮参数。

然后点击按钮的上层大约两次。记得不要点太多次，因为点太多次会很难看。

最后我们使用加深工具，设置如下。

在较低的按钮层的两侧用加深的标尺栏划线。

按钮效果图整体观感完成后，是不是立体感十足？

最后，我们添加光泽和文字。

了解更多ps制作网站纹理按钮内部发光(ps制作网页效果图教)相关内容请关注东辰网。