Today I am going to share with you that how to create an electronic speaker in Photoshop. You try this tutorial in Photoshop for enhance your skills with these new tricks and techniques. I hope you will create this tutorial on first priority. Feel free and share your comments with us.

Other Useful Photoshop Tutorials:

Tutorial Details:

  • Program: Adobe Photoshop CS5
  • Difficulty: Intermediate
  • Estimated Completion Time: 50 Mins

Create an Electronic Speaker in Photoshop – Final Preview

Create a Incredible Speaker In Photoshop Final Preview

Tools and Resources

Tools and Resources


  • Rectangle Tool
  • Ellipse Tool

Lets start to create a incredible speaker in Photoshop.

Step 1

Create a new document size of (600×500) with white color #ffffff.

Create New Document

Step 2

Select the Rectangle Tool from tool panel and draw a rectangle with black color #000000.

Create a Rectangle

Step 3

Duplicate this rectangle layer and go to Edit > Transform minimize size of duplicate rectangle adjust it with this color #2e302f as like in preview.

Duplicate The Rectangle

Go to Filter > Noise > Add Noise set the amount to 5.5%.

Add Noise

After applying noise, we get amazing effect.

2nd Rectangle Result

Step 4

Select the first background rectangle layer and apply Drop shadow.

Drop Shadow

After applying drop shadow, we get a cool result.

Get Result

Step 5

Select the Ellipse Tool and draw a circle with color #151319.

Create a Circle

Go to Filter > Noise > Add Noise and set amount 2.5%.

Add Circle Noise
After add circle noise

Now go to Layer > Layer Style and applying Stroke.

After Appying Stroke

Step 6

Now select the Ellipse Tool again and draw a circle with color #1c1c1c as like in picture.

Draw Circle

Go to Filter > Noise > Add Noise and set amount 4.5%.

Apply Noice 2nd Circle

Applying some blending options to the second circle.

Drop Shadow

Drop Shadow

Inner Shadow

Inner Shadow

After applying blending options we get nice result.

Get Nice Effect