如何设计进度条(绘制进度条)

本文主要介绍如何设计进度条(画进)，下面跟着东辰网详细了解一下吧。

这个进度条主要由图层样式组成。方法很简单。喜欢就用它练习，完成作业。先看效果:

新建一个文档，我这里用800*800像素，填充黑色，设置图层样式。

转换背景和层到一个智能对象，执行和滤波器噪声添加噪声和，设置数值为1，高斯分布，勾选单色。

执行滤镜滤镜库笔刷笔画阴影线，并设置笔画长度为4，锐化程度为10，增强为1。

现在，我们已经完成了背景的创建。

画一个620*45像素的圆角矩形。

给这个圆角矩形添加一个图层样式。

设置图层样式后，我们得到如下效果。

接下来，我们绘制一个圆角为500*25像素的白色矩形。

我们画一个细长的矩形，然后旋转30度。

使用直接选择工具，选择旋转的矩形，CTRLT，并将X轴的水平位置增加35个像素。如下图截图所示，原位置80像素，改为115像素。

用直接选择工具选中这个矩形，CTRLALTSHIFTT，疯狂复制，友好提示，用直接选择工具选中。当你再次转换它时，你就赢了。;t生成一个新层，因为我们只想得到一个层。现在，我们得到以下效果。

我把这堆条纹命名为渐变，向下移动到白色圆角矩形的位置，创建一个剪贴蒙版，设置图层样式。

这里的梯度参数是你喜欢的。您可以将进度条的渐变设置为您想要的任何颜色。

接下来，让我们让我们回到白色圆角矩形，并设置图层样式。

现在我们得到以下效果:

接下来，让我们让我们画一个进度框。没什么好说的。只需画一个矩形和一个三角形拼凑，然后复制圆角矩形的图层样式，黑色背景。

最后打好80%的字，收工。

看看我们的效果。

It就这么简单。如果你想改变颜色，只需改变该条纹图层样式的渐变叠加即可。

这个进度条主要由图层样式组成。方法很简单。喜欢就用它练习，完成作业。先看效果:

新建一个文档，我这里用800*800像素，填充黑色，设置图层样式。

转换背景和层到一个智能对象，执行和滤波器噪声添加噪声和，设置数值为1，高斯分布，勾选单色。

执行滤镜滤镜库笔刷笔画阴影线，并设置笔画长度为4，锐化程度为10，增强为1。

现在，我们已经完成了背景的创建。

画一个620*45像素的圆角矩形。

给这个圆角矩形添加一个图层样式。

设置图层样式后，我们得到如下效果。

接下来，我们绘制一个圆角为500*25像素的白色矩形。我们画一个细长的矩形，然后旋转30度。

使用直接选择工具，选择旋转的矩形，CTRLT，并将X轴的水平位置增加35个像素。如下图截图所示，原位置80像素，改为115像素。

用直接选择工具选中这个矩形，CTRLALTSHIFTT，疯狂复制，友好提示，用直接选择工具选中。当你再次转换它时，你就赢了。;t生成一个新层，因为我们只想得到一个层。现在，我们得到以下效果。

我把这堆条纹命名为渐变，向下移动到白色圆角矩形的位置，创建一个剪贴蒙版，设置图层样式。

这里的梯度参数是你喜欢的。您可以将进度条的渐变设置为您想要的任何颜色。

接下来，让我们让我们回到白色圆角矩形，并设置图层样式。

现在我们得到以下效果:

接下来，让我们让我们画一个进度框。没什么好说的。只需画一个矩形和一个三角形拼凑，然后复制圆角矩形的图层样式，黑色背景。

最后打好80%的字，收工。

看看我们的效果。

It就这么简单。如果你想改变颜色，只需改变该条纹图层样式的渐变叠加即可。

了解更多如何设计进度条(画进度)相关内容请关注东辰网。