Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

Audio Receiver Illustration

The new lesson we’ll try to represent a style illustration, dedicate to a certain topic, in this case, to the musicals.

Final Image Preview

Create Audio Receiver Illustration in Photoshop CS3

Let’s begin! Create for the beginning a new file (File>New) that would have 782×614 px and 72 dpi. Select now the Rectangle Tool (U) and stretch out the rectangle on the whole page.

Create Audio Receiver Illustration in Photoshop CS3

Select after that Blending Options>Gradient Overlay:

Create Audio Receiver Illustration in Photoshop CS3

Set the gradient’s color, keeping the colors’ codes indicated below:

Create Audio Receiver Illustration in Photoshop CS3

Create Audio Receiver Illustration in Photoshop CS3

The background is finished, so we can start representing the player itself. Firstly take the Rectangle Tool (U) with 5 px radius and represent the corps of the player to be.

Create Audio Receiver Illustration in Photoshop CS3

Blending Options>Gradient Overlay:

Create Audio Receiver Illustration in Photoshop CS3

Create Audio Receiver Illustration in Photoshop CS3

Create Audio Receiver Illustration in Photoshop CS3

Next select the same instrument used before with 30 px radius this time and black color to represent an element, like this one from next picture.

Create Audio Receiver Illustration in Photoshop CS3

Take the same Rectangle Tool (U) and press Alt button to stretch out the rectangle the way it is shown below:

Create Audio Receiver Illustration in Photoshop CS3

Make a copy of the last layer and select the colors here mentioned – #70777F and try to make the same representation, by dividing the rectangles, using the Alt button, the way it is shown below.

Create Audio Receiver Illustration in Photoshop CS3

Blending Options>Gradient Overlay:

Create Audio Receiver Illustration in Photoshop CS3Create Audio Receiver Illustration in Photoshop CS3

Create Audio Receiver Illustration in Photoshop CS3

Continue representing now the front panel, choosing for the beginning the Rectangle Tool (U) and represent a rectangle the way indicated below.

Create Audio Receiver Illustration in Photoshop CS3

Blending Options>Gradient Overlay:

Create Audio Receiver Illustration in Photoshop CS3

Create Audio Receiver Illustration in Photoshop CS3

Create Audio Receiver Illustration in Photoshop CS3

Create one more rectangle the same way indicated below, setting the Fill option on 0%.

Create Audio Receiver Illustration in Photoshop CS3

Blending Options>Gradient Overlay:

Create Audio Receiver Illustration in Photoshop CS3

Create Audio Receiver Illustration in Photoshop CS3

Create Audio Receiver Illustration in Photoshop CS3

Next we’ll represent the screen by selecting the Rounded Rectangle Tool (U) and placing the result the way shown next picture.

Create Audio Receiver Illustration in Photoshop CS3

Blending Options>Gradient Overlay:

Create Audio Receiver Illustration in Photoshop CS3Create Audio Receiver Illustration in Photoshop CS3

Create Audio Receiver Illustration in Photoshop CS3

Blending Options>Inner Glow:

Create Audio Receiver Illustration in Photoshop CS3

Create Audio Receiver Illustration in Photoshop CS3

Blending Options>Stroke:

Create Audio Receiver Illustration in Photoshop CS3

Create Audio Receiver Illustration in Photoshop CS3

Create Audio Receiver Illustration in Photoshop CS3

Page: 1 2 3 4

Comments