Published on 12/9/2006

Create Icons tutorial
We will learn how to create an advanced glass orb icon.

Create Icons tutorial - part 1

Open a new file with 236x470 px and 300 dpi. Paint it in black color.

Create Icons tutorial in Photoshop CS

Using this instrument

, create a circle colored in 454401. Then apply this tool

with the parameters from the next table:

Create Icons tutorial in Photoshop CS

Decolorize the lowest part of the circle the same way it is done below.

Create Icons tutorial in Photoshop CS

Apply now the instrument

and try to represent a figure colored in 6A6700.

Create Icons tutorial in Photoshop CS

Make the same way several other elements with the same color.

Create Icons tutorial in Photoshop CS

Merge down now all the layers composing those four rhombs of one color in a group. Copy this new group and apply Free Transform selection to turn it around on 180 degrees. Place it the same way it is done below.

Create Icons tutorial in Photoshop CS

Apply the instrument

and represent a circle with the color 6F6D00.

Create Icons tutorial in Photoshop CS

Create Icons tutorial - part 2

Applying the last instrument, it?s possible to represent one more circle with the parameters from the next picture. Then make use of the same instrument, keeping pressed the Alt button and cut out the inside part, like it is demonstrated next step.

Create Icons tutorial in Photoshop CS

Blending Options-Drop Shadow

Create Icons tutorial in Photoshop CS

Blending Options-Bevel and Emboss

Create Icons tutorial in Photoshop CS

Blending Options-Gradient Overlay

Create Icons tutorial in Photoshop CS

Gradient?s parameters.

Create Icons tutorial in Photoshop CS

Now merge down the layers, composing the circles? figures on a black background in a group.
Copy the new made group and change the corresponding parameters.
The color of the basic circle is 154583, the smaller circle?s color ? 1067BF, the rhombs? color is 1067BE.

Create Icons tutorial in Photoshop CS

The final result!