Audio Receiver Illustration

Audio Receiver Illustration
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.

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.

Audio Receiver Illustration

Select after that Blending Options>Gradient Overlay:

Audio Receiver Illustration

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

Audio Receiver Illustration

 

Audio Receiver Illustration

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.

Audio Receiver Illustration

Blending Options>Gradient Overlay:

Audio Receiver Illustration

 

Audio Receiver Illustration

 

Audio Receiver Illustration

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.

Audio Receiver Illustration

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

Audio Receiver Illustration

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.

Audio Receiver Illustration

Blending Options>Gradient Overlay:

Audio Receiver Illustration
Audio Receiver Illustration

 

Audio Receiver Illustration

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

Audio Receiver Illustration

Blending Options>Gradient Overlay:

Audio Receiver Illustration

 

Audio Receiver Illustration

 

Audio Receiver Illustration

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

Audio Receiver Illustration

Blending Options>Gradient Overlay:

Audio Receiver Illustration

 

Audio Receiver Illustration

 

Audio Receiver Illustration

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

Audio Receiver Illustration

Blending Options>Gradient Overlay:

Audio Receiver Illustration
Audio Receiver Illustration

 

Audio Receiver Illustration

Blending Options>Inner Glow:

Audio Receiver Illustration

 

Audio Receiver Illustration

Blending Options>Stroke:

Audio Receiver Illustration

 

Audio Receiver Illustration

 

Audio Receiver Illustration

It’s necessary now to picture a flare on the screen, but for this operation we’ll need the last instrument and the color #F19762. Set the Fill option on 80% and represent the figure. After that keep pressed Alt button and erase the unnecessary part of the figure, the same way you may see below.

Audio Receiver Illustration

The flare is finished.

Audio Receiver Illustration

Insert now the corresponding inscription on the screen.

Audio Receiver Illustration

The next step we’ll try to represent the frame reserved for the disks. It’s necessary in this case to select the Rounded Rectangle Tool (U) with 3 px radius, black color and situate the element the way shown below.

Audio Receiver Illustration

Select now Blending Options>Stroke:

Audio Receiver Illustration
Audio Receiver Illustration

Make a copy of the layer and minimize it. We also must cancel all the Blending options, because this layer will have different ones.

Audio Receiver Illustration

Blending Options>Gradient Overlay:

Audio Receiver Illustration

 

Audio Receiver Illustration

 

Audio Receiver Illustration

Next try to represent the button, reserved for opening the disks’ frame. Select for this operation the Rectangle Tool (U) and represent a rectangle, like in the picture:

Audio Receiver Illustration

Blending Options>Gradient Overlay:

Audio Receiver Illustration

 

Audio Receiver Illustration

 

Audio Receiver Illustration

Make a copy of this layer and place it inside, the same way shown next image:

Audio Receiver Illustration

Blending Options>Gradient Overlay:

Audio Receiver Illustration

 

Audio Receiver Illustration
Audio Receiver Illustration

The Pen Tool (P) will be helpful in adding an indicator of black color on the button the way it is shown next picture.

Audio Receiver Illustration

The opening disk’s frame button is finished. Next we have to choose again the Rounded Rectangle Tool (U) with 5 px radius to represent a small panel.

Audio Receiver Illustration

Blending Options>Gradient Overlay:

Audio Receiver Illustration

 

Audio Receiver Illustration

 

Audio Receiver Illustration

Blending Options>Stroke:

Audio Receiver Illustration

 

Audio Receiver Illustration

 

Audio Receiver Illustration

The Ellipse Tool (U) may be helpful when representing the ellipse we want to introduce on the picture.

Audio Receiver Illustration

Blending Options>Gradient Overlay:

Audio Receiver Illustration

 

Audio Receiver Illustration
Audio Receiver Illustration

Blending Options>Inner Shadow:

Audio Receiver Illustration

 

Audio Receiver Illustration

Blending Options>Drop Shadow:

Audio Receiver Illustration

 

Audio Receiver Illustration

Blending Options>Stroke:

Audio Receiver Illustration

 

Audio Receiver Illustration

Make a copy of this layer and change the Blending Options parameters with those indicated next table.
Blending Options>Gradient Overlay:

Audio Receiver Illustration

 

Audio Receiver Illustration

Blending Options>Stroke:

Audio Receiver Illustration

 

Audio Receiver Illustration

Now we should select the Pencil Tool (B) and the colors’ codes indicated next image to picture the element shown next picture.

Audio Receiver Illustration

The new pictured element must be copied two times.

Audio Receiver Illustration

Now we have to put on the picture three buttons, applying in this case the Rectangle Tool (U).

Audio Receiver Illustration

Blending Options>Gradient Overlay:

Audio Receiver Illustration

 

Audio Receiver Illustration

Blending Options>Stroke:

Audio Receiver Illustration

 

Audio Receiver Illustration

 

Audio Receiver Illustration

The Pen Tool (P) will be helpful in representing the rewind button.

Audio Receiver Illustration

Continue by working with the left part of the player and try to make a circle with the Ellipse Tool (U) the way it is indicated below:

Audio Receiver Illustration

Blending Options>Gradient Overlay:

Audio Receiver Illustration

 

Audio Receiver Illustration

 

Audio Receiver Illustration

Blending Options>Inner Glow:

Audio Receiver Illustration

 

Audio Receiver Illustration

Blending Options>Drop Shadow:

Audio Receiver Illustration

 

Audio Receiver Illustration

Blending Options>Stroke:

Audio Receiver Illustration

 

Audio Receiver Illustration

 

Audio Receiver Illustration

On the right side of the button we have to represent another circle:

Audio Receiver Illustration

Blending Options>Gradient Overlay:

Audio Receiver Illustration

 

Audio Receiver Illustration

 

Audio Receiver Illustration

Blending Options>Stroke:

Audio Receiver Illustration
Audio Receiver Illustration

 

Audio Receiver Illustration

The next represented circle will compose our small light bulb.

Audio Receiver Illustration

Blending Options>Gradient Overlay:

Audio Receiver Illustration

 

Audio Receiver Illustration

 

Audio Receiver Illustration

Blending Options>Stroke:

Audio Receiver Illustration

 

Audio Receiver Illustration

 

Audio Receiver Illustration

Make a copy of this layer and change on the copy the gradient’s parameters with those indicated next:

Audio Receiver Illustration

 

Audio Receiver Illustration

 

Audio Receiver Illustration

Working with the front panel came to end. Now it’s time to represent the player’s lid. In this case we’ll select the Pen Tool (P) to represent a rectangle in perspective:

Audio Receiver Illustration

Blending Options>Gradient Overlay:

Audio Receiver Illustration

 

Audio Receiver Illustration

 

Audio Receiver Illustration

We also must insert on our picture an opening reserved for cooling operation, selecting previously the Rectangle Tool (U).


Audio Receiver Illustration

Next we have to represent the player’s support legs. Select the previous instrument and represent a rectangle.

Audio Receiver Illustration

Blending Options>Gradient Overlay:

Audio Receiver Illustration

 

Audio Receiver Illustration

 

Audio Receiver Illustration

Blending Options>Inner Shadow:

Audio Receiver Illustration

 

Audio Receiver Illustration

 

The support leg is finished. Make a copy of it and place it on the right side, the way shown below:

Audio Receiver Illustration

The last stage includes representing the player’s shadow. Choose for the beginning the Rounded Rectangle Tool (U) with 3 px radius, select also the Free Transform option and make a right click inside the marked object. Select after that Perspective function.

Audio Receiver Illustration

Our lesson came to end. Good luck and see you!

Audio Receiver Illustration

 

View full size here.