Home >Software Tutorial >Computer Software >How to make PS gradient button_PS gradient button tutorial

How to make PS gradient button_PS gradient button tutorial

王林
王林Original
2024-06-10 13:14:36372browse

The gradient button is beautiful and elegant, adding color to the web page. How to use PS to create gradient buttons? Next, PHP editor Youzi will explain in detail to everyone, so that everyone can easily learn how to make gradient buttons.

1. First, we use the [Rounded Rectangle Tool] to draw a 360*100 pixel rounded shape, as shown in the picture.

How to make PS gradient button_PS gradient button tutorial

2. We hold down any small dot of the rounded rectangle and move it inward to make the rounded corners of the shape more rounded, as shown in the picture.

How to make PS gradient button_PS gradient button tutorial

3. Then, we select the rounded rectangle and set the fill to the gradient color we like, as shown in the picture.

How to make PS gradient button_PS gradient button tutorial

4. Then we adjust the gradient color to 30 degrees and set it to the reverse effect, as shown in the picture.

How to make PS gradient button_PS gradient button tutorial

5. Next, we use the [Text Tool] to enter the required text on the rounded rectangle with gradient color, as shown in the picture.

How to make PS gradient button_PS gradient button tutorial

6. We select the text layer, then add a black shadow to it, adjust the opacity to 20%, the distance to 2 pixels, and the size to 1 pixel, click [OK] ,as the picture shows.

How to make PS gradient button_PS gradient button tutorial

7. After adding the shadow to the text, if we want to change the color of the shape, copy it and move it down, as shown in the picture.

How to make PS gradient button_PS gradient button tutorial

8. We select the shape, then click the Rounded Rectangle Tool, change the fill to an orange gradient color, and adjust the angle according to your needs, as shown in the picture.

How to make PS gradient button_PS gradient button tutorial

9. Finally, let’s take a look at the buttons with two different gradient colors.

How to make PS gradient button_PS gradient button tutorial

The above is the detailed content of How to make PS gradient button_PS gradient button tutorial. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn