Illustrated designs - http://www.illustrateddesigns.com
XMPlay Icon
http://www.illustrateddesigns.com/articles/2768/1/XMPlay-Icon/Page1.html
By Art-D !
Published on 02/22/2007
 
Create Professional Software Box in Photoshop CS XMPlay Icon
A detailed guide to creating XMPlay icon.
XMPlay Icon - part 1
A detailed guide to creating XMPlay icon.

Open a new file that would have 400x400 px and 72 dpi. Then select the next instrument to represent the background for the next image to be.

Create Professional Software Box in Photoshop CS

Blending Options-Gradient Overlay

Create Professional Software Box in Photoshop CS

Gradient?s parameters:

Create Professional Software Box in Photoshop CS

Select after that the shown tool and represent the lowest layer for the audio system to be.

Create Professional Software Box in Photoshop CS

Blending Options-Inner Glow

Create Professional Software Box in Photoshop CS
XMPlay Icon - part 2
Blending Options-Gradient Overlay

Create Professional Software Box in Photoshop CS

Gradient?s parameters:

Create Professional Software Box in Photoshop CS

Make use of the next tool and represent the basis for the loudspeaker to be.

Create Professional Software Box in Photoshop CS

Blending Options-Outer Glow

Create Professional Software Box in Photoshop CS

Blending Options-Gradient Overlay

Create Professional Software Box in Photoshop CS
XMPlay Icon - part 3
Gradient?s parameters:

Create Professional Software Box in Photoshop CS

Using the same instrument, draw an element of the loudspeaker, like that one shown next step:

Create Professional Software Box in Photoshop CS

Blending Options-Drop Shadow

Create Professional Software Box in Photoshop CS

Blending Options-Bevel and Emboss

Create Professional Software Box in Photoshop CS

Blending Options-Gradient Overlay

Create Professional Software Box in Photoshop CS
XMPlay Icon - part 4
Gradient?s parameters:

Create Professional Software Box in Photoshop CS

Blending Options-Stroke

Create Professional Software Box in Photoshop CS

Select the shown instrument here and try to represent an opening of black color like in the picture below:

Create Professional Software Box in Photoshop CS

Blending Options-Drop Shadow

Create Professional Software Box in Photoshop CS

Copy this new made layer and place it the way it is shown next step:

Create Professional Software Box in Photoshop CS
XMPlay Icon - part 5
Take the next tool to continue creating the loudspeaker of the audio system to be:

Create Professional Software Box in Photoshop CS

Blending Options-Gradient Overlay

Create Professional Software Box in Photoshop CS

Gradient's parameters:

Create Professional Software Box in Photoshop CS

Blending Options-Pattern Overlay

Create Professional Software Box in Photoshop CS

Using the next instrument , create the central part of the loudspeaker:

Create Professional Software Box in Photoshop CS
XMPlay Icon - part 6
Create Professional Software Box in Photoshop CS

Blending Options-Bevel and Emboss

Create Professional Software Box in Photoshop CS

Blending Options-Gradient Overlay

Create Professional Software Box in Photoshop CS

Gradient?s parameters:

Create Professional Software Box in Photoshop CS

Blending Options-Stroke

Create Professional Software Box in Photoshop CS
XMPlay Icon - part 7
Using the previous instrument, it?s possible to draw the mobile ring of the loudspeaker.
First we need to create the outside edges of the ring and then, clicking on the Alt button, we may erase the inside ring?s part.

Create Professional Software Box in Photoshop CS

Create Professional Software Box in Photoshop CS

Blending Options-Outer Glow

Create Professional Software Box in Photoshop CS

Blending Options-Bevel and Emboss

Create Professional Software Box in Photoshop CS

Blending Options-Gradient Overlay

Create Professional Software Box in Photoshop CS
XMPlay Icon - part 8
Gradient?s parameters:

Create Professional Software Box in Photoshop CS

Take the instrument from here and represent a stripe.
Then select the next instrument to erase from the stripe?s end by one vertex.
Take the instrument shown here after that and blur out a little the vertexes for the stripe to get thicker in the middle.

Create Professional Software Box in Photoshop CS

Create Professional Software Box in Photoshop CS

Blending Options-Gradient Overlay

Create Professional Software Box in Photoshop CS

Gradient?s parameters:

Create Professional Software Box in Photoshop CS
XMPlay Icon - part 9
Make three copies of the new made layer and apply the Free Transform selection to turn the copies around and place them the same way you may see below:

Create Professional Software Box in Photoshop CS

Choose the next tool to draw a decorative clamp on the loudspeaker edge.

Create Professional Software Box in Photoshop CS

Create Professional Software Box in Photoshop CS

Blending Options-Gradient Overlay

Create Professional Software Box in Photoshop CS

Gradient?s parameters:

Create Professional Software Box in Photoshop CS
XMPlay Icon - part 10
Blending Options-Stroke

Create Professional Software Box in Photoshop CS

Gradient?s parameters:

Create Professional Software Box in Photoshop CS

Make seven copies of the new made layer and situate them the same way you may see below:

Create Professional Software Box in Photoshop CS

The XMPlay icon is finished!