Draw a subwoofer icon and a pair of speakers – Part II

Together with Sohan Negi, we developed a lesson that will show you in detail how to create an icon for a pair of speakers. The lesson was long, so we broke it into two parts.


Let’s now do the side columns. Create a new document 800 in height and width, resolution 72 ppi.

Select Rectangle tool (U) (Rectangle tool) and draw a 5×5 rectangle. Via Pen tool (P) (Pen tool) draw a shape as shown below.

Using filter Filter – Noise – Add Noise (Filter – Noise – Add noise) we get a rough texture.

On a new layer, create a shape like the past, but in a reduced size. Fill this shapeECECEC color.

Add Layer Style Inner shadow (Inner shadow), parameters see below.

Now let’s get to the middle of our speakers, we will create a very interesting effect. We will create a grid pattern on the surface. Behind the bars we need to make a circle with a shadow. To do this, draw a circle shape of 4.2×4.2 # in size.5D5D5D colors.

To create a glare effect, select Dodge Tool (O) (Brightener tool), Range – Light, Exposure – 3%. Apply the brush in the upper left corner and lower right.

In the center of the circle, add the glowing circle that we created in the first part of the lesson. Copy and paste into center.

To make your task easier, I created the pattern shown below. We will make a new pattern from this image. Open this image in Photoshop, go to the menu Edit – Define Pattern (Editing – Define a pattern). Name the pattern Grill Pattern.

Make a selection (click on the thumbnail of the layer with the Ctrl key pressed) from the second uneven rectangle, create a new layer, fill the selection #5D5D5D color.

Without removing the selection, fill it with our new Grill Pattern – right-click on the selection to open the context menu and select Run Fill. When it is ready – click “Yes.”

Our goal is to make this layer transparent, so that the dots allow us to see the bottom layer. To do this, first add a layer mask for the layer. Then select Magic Wand Tool (W) (Tool “Magic Wand”), right-click on the pattern and open Select – Color Range (Highlight – Color range). Select the internal color of any point and you will have a selection like me.

Select the layer mask and fill the selection with white. Remove the selection and you get an interesting lattice texture. Well visible as the boundaries of points, and the back layer.

Now we will create a stand for speakers. Select Rectangle Tool (U) (Rectangle tool), see settings below, then rasterize the layer.

Add the following Layer Styles:

Gradient Settings: #303030 by 0%4A4A4A by 25%, #5f5f5f by 33%, #4a4a4a by 45%, #303030 at 100%. Make a stand for the legs. Select Rounded Rectangle Tool (U) (Tool “Rectangle with rounded corners”), radius 5, draw a rectangle.

Add a layer style:

And so we created all the parts of the speakers and combined them together.

We created Buffer and Columns. Now connect them together.

Duplicate the layer, press CTRL + T, then Flip Vertically.

Add a layer mask, then the right mouse button with the Ctrl button held down over the layer thumbnail. Highlight the layer mask and draw a gradient over the layer reflected vertically, gradient settings:E4E4E4 by 0%191919 at 100%.

Finally, we have Columns and Buffers that we have completely created. Now you can turn on the speakers and listen to your favorite music. We hope you enjoyed the lesson. Thank!

Like this post? Please share to your friends: