Photoshop refreshing Stereo compass icon Production Tutorial

For the users of Photoshop to share a detailed tutorial on the creation of a refreshing stereo compass icon.

Tutorial Sharing:

First, create a new document, here I use the 800*600 pixel, draw a rounded rectangle, color #e8e8e8.

Second, add a layer style for this rounded rectangle.

Third, copy a rounded rectangle, change the layer's fill to 0, and add a projection style.

Next, we draw the shape of the icon that is positioned, the color #97d601.

Five, this shape, may be a lot of people will use the circle and rectangle to stitching, here I talk about the method I used. First, mark the vertical center guide and draw a positive circle.

Using the direct Selection tool, select the anchor point of the red circle in the figure, and move the pixel vertically down.

Seven, or with the direct selection tool, choose to live this anchor point, we will find that the adjustment curve fragment of the lever node, horizontal to the left to move a certain pixel.

Eight, because, I want to make a three-dimensional icon, so, the top of the anchor point, we also move the appropriate downward a little, the circle squished.

Nine, OK, now we have completed the left part of the adjustment, if or in accordance with this method to adjust to the right, not accurate control, can not guarantee hundred symmetry, so I drew a rectangle, aligned vertically centered guide line, the pattern minus.

Select the path of the rectangle and the path after the circular transformation to merge the shape components.

Xi. Copy this half of the shape, flip it horizontally, move it to the right, keep its slice and reference line fit, select the two halves of the shape, and merge the shape components again, so that we can completely get a symmetrical shape icon.

12, copy a positioning of the shape, placed in this layer of the lower level, change the color for #85bb03, we have to build a solid surface.

13, OK, now we start to refine the icon, first of all, we first add a projection to the bottom of the three-dimensional surface.

14, copy a layer of this stereo, the fill of the layer to change to 0, add the projection style, perfect projection.

Now go back to the Icon shape layer and add the layer style.

16. Copy a layer icon body, change the layer fill to 0, add an inner glow.

17, set the foreground color to #52a5ef, draw a blue oval, and add a layer style.

18, or using the Ellipse tool, draw the following figure of the ring, (simple two-circle subtraction, do not tell me not to draw), add a layer style.

19, set the foreground color for #b5cbe5, or draw an ellipse, create a clipping mask, build a white ring of three-dimensional. To avoid the harshness of the edges, I set a 1-pixel feather in the property panel.

20, below, we begin to draw the pointer, the triangle just, needless to say, color #97d601, add a projection.

21, green Pointer to the high light, we draw a rectangle, rotate, change the color to #b8e64a, create a clipping mask.

22, white pointer, with the green pointer is the same approach, also add a projection style.

23. Finally, we'll draw the center of the center of the pointer, draw a positive circle, color #dfedf6, and add a layer style.

Final effect:

Well, the above information is small compiled for you photoshop this software users bring the detailed refreshing stereo compass icon of the production tutorials to share the full content of the you will not make the users, small knitting believe you see here now is very clear the method of production, So go ahead and make your own now.