Let's Go Digital, Let's Make Speaker!

This is a step by step tutorial on how to make a speaker in Photoshop. This tutorial focuses more on Shape Tool, Layer Styles, Blending Mode and some other basic Photoshop techniques.
 Let's start!





Create new file. 990 x 748px, 72dpi

Using Rounded Rectangle Tool(U) and set Radius to 150px
draw an Oblong as shown below:

Apply Gradient Overlay.

The result will look like this:

Create new Layer and apply our previous instrument used, Rounded Rectangle Tool(U) to create another oblong-shaped on top of the previous shape.

Apply Inner Shadow, Gradient Overlay and Stroke.

It should look like this:

Create new Layer.
Grab again your Rounded Rectangle Tool(U).

Apply Inner Shadow and Gradient Overlay.

Our image should look like this:
You can changed the settings of Gradient Overlay as shown in first picture.

Grab you Ellipse Tool to create a circle shape. (Hold Shift and drag to create a perfect circle)

Apply Inner Shadow and Gradient Overlay.

The result should look like this:

Add new layer
Create another circle.

Apply Inner Shadow and Stroke.

And here's our image:

Create new layer.
Add circle on top of our layer with our previous instrument (U).

Apply Inner Shadow and Color Overlay.

It should look like this:

Add another circle with Ellipse Tool.

Apply Gradient Overlay.

The result:

Using  Ellipse Tool (U), let's add another shape.

Apply Color Overlay.

Let's add another circle shaped (U).
Set Fill to 0%.

Apply Gradient Overlay.

Here's our initial result:

Now, let's group all circle-shaped.

Duplicate grouped layers.
Use Free Transform (T) to resize.

Hide Layers.
Create a new Layer.
Grab you Rounded Rectangular Tool set its Radius to 150px.

Apply Gradient Tool.

Grab you Rectangle Tool.

Apply Outer Glow and Inner Glow.

Add Layer Mask to hide excess fill of our Rectangle Tool.

Let's another shape using our Rounded Rectangular Tool.

Apply Gradient Overlay and Stroke.

Make selection to our previous shape then add Layers Mask by clicking on the icon as shown below.

 












Duplicate.
And here's the image result.

Grab your Ellipse Tool.

Apply Inner Shadow, Color Overlay and Stroke.

Duplicate three times as shown below.

 Unhide all Layers and we're good to go.
 Add some details with same techniques and you're done!

The Final Result:

You can play Gradient Overlay as shown below.

DOWNLOAD PSD FILE

Enjoy and I hope you like it!