Photoshop Tutorial: Web Crystal Button Making Tutorial

Photoshop Tutorial: Web Crystal Button Production TutorialSource: Web Teaching Network

This tutorial mainly introduces the production of crystal buttons. The difficult part is to harmonize the highlights and shadows of the button!
Final effect

photoshop
1. Create a new 300 * 200 pixel file and define the rounded rectangle size as 250 * 120

photoshop
2. Copy the rounded rectangle layer and shrink it

photoshop

3. Give the bottom circle Add a gradient overlay to the corner rectangle. You can ignore the specific color here. Just adjust the different brightness of the same hue.

photoshop
4. This is Specific simple color settings

photoshop

6. Set the foreground color to white, use the Ellipse tool to draw the shape as shown in the figure and set the opacity to 50%, the operation is as follows

photoshop
7. Load the upper part Make the rectangle the selection and create a new layer with a white stroke. Add a mask to the layer and use the gradient tool to create the effect shown below

photoshop
8. Hide the background layer, stamp the layer, and use the Free Transform tool to make a reflection.

photoshop
9. Add text .

photoshop
10. Finally add a Hue and saturation can be adjusted to your favorite color.

photoshop