Author: Ximu Mu Source: ximumu
This tutorial mainly uses Photoshop to create a three-dimensional fashion button. The silver-gray texture is perfect. Let’s design a beautiful button for your own web page.
As before, let’s take a look at the renderings first. If it’s beautiful or exciting, then let’s learn to create this with Yumumu
Fashionable Buttons
.
1. Open photoshop, create a new document 250*150, and fill in the back: #252a38.
2. Select the ellipse icon on the toolbox and set it as shown:
Create a new layer and fill it with a color.
3. Set the following on the palette:
Use gradient, the gradient is as follows
4. Double-click the layer to open the layer style and add a shadow to the layer.
Add another stroke, but this stroke is different from usual. It uses a gradient to draw the edge, and the settings are as shown in the picture.
5. Select the burn and dodge tools on the toolbox, and set them as shown below:
Then paint the areas marked in the picture as follows.
The effect is as follows:
6. Select the elliptical selection and the effect is as follows.
7. Add gradient, set as shown below:
Linear gradient from top to bottom
Press ctrl+D to cancel the selection, and change the opacity of the layer: 40%, and the blending mode: opacity.
8. Now use the text tool, add text and set the layer style.
The effect is as follows:
9. Add the following text, the effect is as follows:
10. On this websiteDownload icon. Then import into photoshop, press ctrl+U, set as follows, and finally change the blend Mode:overlay.
You can also make a Navigation Menu
Author: Ximu Mu Source: ximumu
This tutorial mainly uses Photoshop to create a three-dimensional fashion button. The silver-gray texture is perfect. Let’s design a beautiful button for your own web page.
As before, let’s take a look at the renderings first. If it’s beautiful or exciting, then let’s learn to create this with Yumumu
Fashionable Buttons
.
1. Open photoshop, create a new document 250*150, and fill in the back: #252a38.
2. Select the ellipse icon on the toolbox and set it as shown:
Create a new layer and fill it with a color.
3. Set the following on the palette:
Use gradient, the gradient is as follows
4. Double-click the layer to open the layer style and add a shadow to the layer.
Add another stroke, but this stroke is different from usual. It uses a gradient to draw the edge, and the settings are as shown in the picture.
5. Select the burn and dodge tools on the toolbox, and set them as shown below:
Then paint the areas marked in the picture as follows.
The effect is as follows:
6. Select the elliptical selection and the effect is as follows.
7. Add gradient, set as shown below:
Linear gradient from top to bottom
Press ctrl+D to cancel the selection, and change the opacity of the layer: 40%, and the blending mode: opacity.
8. Now use the text tool, add text and set the layer style.
The effect is as follows:
9. Add the following text, the effect is as follows:
10. On this websiteDownload icon. Then import into photoshop, press ctrl+U, set as follows, and finally change the blend moldType:overlay.
You can also make a Navigation Menu
<!–Collectio