PS Tutorial Photoshop make round simple switch icon

Want to use Photoshop to design a circular profile switch, then take a look at the following tutorial, the production before we find some physical photos to analyze the texture of the switch, color performance and so on. Then decompose the switch to understand its structure. Then set the material for plastic, set a good light source position can be drawn.

Effect Chart:

PS Tutorial Photoshop make round simple switch icon (on)

1, first set up a 1136 * 640 canvas.

2, on this canvas, with the Ellipse tool delineation out a circle, as the button side, named Layer is "button-bottom".

3, create a new layer, draw a concentric circle of the same size, then select the bottom anchor point, drag up to the anchor position as shown in the picture, as the front of the button, named Layer "button-top".

4, edit "button-on", draw the front of the switch button shape and texture, layer style as shown below.

5, then we edit "button-on", Draw the switch button side of the shape and texture, layer style is as follows.

6. Then we draw the groove bit for the button button. In the same way we draw a slightly larger concentric circle, the layer name "groove", and then add the style shown in the following figure.

7, so far, we have completed 70%, need to add shadow. Shadow layer, I used a slightly "thin" some oval shape, so that the formation of the shadow looks more real.

8, finally we hit the words of the off,on, and then add a little pan-red effect, complete the final effect.

How did you learn it?

Category:

• PS Image Processing
• PS Icon Production Tutorial