This tutorial mainly introduces how to make commonly used buttons. Idea: First draw the shape of the button, and then add light to the bottom and top of the button appropriately. The production of the highlight part is more important, and you need to choose different highlight effects according to the actual color.
final effect
1. Create a new 500 * 350 pixel file, fill the background with black, set the foreground color to: #570202, select the rounded rectangle tool, set the parameters as shown in Figure 1, and draw the rounded rectangle as shown in Figure 2.
<Figure 1>
<Figure 2> 2. Call up the selection of the rounded rectangle, create a new layer above the background layer, fill it with color: #FBE39B, press Ctrl + D to cancel the selection, execute the menu: Filter > Blur > Motion Blur, parameter settings As shown in Figure 3, the effect is as shown in Figure 4.
<Figure 3>
<Figure 4>
3. Call up the selection of the rounded rectangle, create a new layer on the top, select the menu: Edit > Stroke, the value is 1, the color is: ##FBE39B, the effect is as shown in Figure 5.
<Figure 5> 4. Create a new layer, use the Elliptical Marquee Tool to draw a perfect circle as shown in Figure 6, press Ctrl + Shift + D to feather the value to 15, then select the gradient tool color settings as shown in Figure 7, and draw Figure 8 gradient shown.
<Figure 6>
<Figure 7>
<Picture 8> 5. Press Ctrl + J to make a copy of the gradient graphic. Hide the copy first. Press Ctrl + T to transform it as shown in Figure 9. After confirmation, display the copy. Press Ctrl + T again as shown in Figure 10. Transform, and after confirmation, change the layer blending mode to "Overlay", the effect is as shown in Figure 11.
<Figure 9>
<Figure 10>
<Figure 11> 6. Return to the button body layer, use the elliptical marquee tool to draw the ellipse shown in Figure 12, press Ctrl + Shift + D to feather the value to 10, and then press Ctrl + M to appropriately brighten it. The effect is as shown in Figure 13.
<Figure 12>
<Figure 13>
![]()
<Figure 14>
<Figure 15>
