PS Tutorial: A blue transparent button to make a metal border

PS Tutorial: Make a metal border of the blue transparent button, as long as the production of the corresponding layer, plus the layer style effect came out.

This tutorial has a few button components, a total of two parts, a metal frame and a blue glass section. As long as the production of the corresponding layer, add the layer style effect came out. The production process is relatively simple.

Final effect

1, fill the background color to black. The foreground color is set to #0090ff, and the Shape tool draws a circle in the center of the canvas.

2. Apply the following layer properties to this circle:

3, in the end, you get this effect:

4, with the "rectangular" tool, draw the following shape, to ensure that the spacing between the same rectangle;

5, to this rectangle application "filter-> twisted-> spherical".

6, repeat the fifth Step 2 times.

7, press CTRL + T, adjust to the appropriate size and position, set the transparency to 10%;

8, create a round selection, filled with white, as shown in the following figure;

9. Apply layer mask to this layer, set the foreground color to black and white, select the linear Gradient tool, drag from the bottom of the circle to the center of the circle, so that the lower half of the circle becomes transparent, and the final setting transparency is 10%;

10, repeat the 9th step, but this circle is slightly larger than that, the position is slightly lower, the transparency set to 15%;

11, copy the 9th step made the circle, perform "vertical flip."

12, a new layer, placed under the layer of the ball, color white, create a larger than the ball circle.

13. Apply the following layer properties to this circle:

14, finally, the circle to perform "stroke", width of 1px, the color is white, the final effect is as follows: