PS teaches you to draw a brilliant color of the progress bar

To create a new document, I'm using 800*800 pixels, padding black, and setting a layer style.

Convert the background layer to a smart object, perform filter-noise-add noise, set a quantity of 1, Gaussian distribution, and select Monochrome.

Execute Filter-Filter Gallery-Brush stroke-shadow line, set stroke length 4, sharpen 10, and Harden 1.

Now we are done creating the background.

Draws a rounded rectangle with a 620*45 pixel.

Adds a layer style to this rounded rectangle.

After setting the layer style, we get the following effect.

Next, we draw a rounded rectangle with a white 500*25 pixel.

We draw a slender rectangle, then rotate 30 degrees.

Using the direct Selection tool, select the rotated rectangle, ctrl+t, and add a 35 pixel to the horizontal position of the x-axis. As I have shown in the screenshot below, the original position was 80 pixels and changed to 115 pixels.

Select the rectangle with the direct selection tool, ctrl+alt+shift+t, crazy copy, friendly tips, choose to live with the direct selection tool, and then change again, will not generate a new layer, because we just want to get a layer, now, we get the following effect.

I call this bunch of stripes a gradient, move it down to the position of the white rounded rectangle, create a clipping mask, and set a layer style.

Here's the gradient parameter as you like, what color do you want the gradient of the progress bar to be set to.

Next, we go back to that white rounded rectangle and set a layer style.

Now we have the following effect:

Now, let's draw a progress box, nothing to say, draw a rectangle and a triangle to piece together, and then copy the black-bottomed rounded rectangle's layer style.

Finally, the text 80%, call it off.

Look at the effect we have.

It is so simple, if you want to change the color, the stripe of the layer style of the gradient overlay modify it.

Category:

• PS Getting Started Tutorial