We draw radio in Photoshop

In this tutorial we will create a radio using vector shapes and layer styles.

Final result:

Lesson resources:

Step 1

Create a new document in Photoshop (Ctrl + N) with the following parameters:

Step 2

Double click on the background layer to unlock it. Then double-click again to open the styles window. Apply Gradient overlay (Gradient Overlay):

Step 3

Set the foreground and background colors to # a96d51 and # e5a889. Create a new layer (Ctrl + Shift + N) and fill it with the main color (Alt + Backspace). Then apply Fiber filter (Filter> Render> Fiber / Filter> Render> Fibers).

Activate the Free Transform tool (Ctrl + T) and set the center of the transformation to the middle left point on the top panel. Squeeze the texture horizontally. The pattern will become more dense.

With the same tool, reduce the strip vertically.

Step 4

Create a copy of the strip (Ctrl + J) and position it on the right side.

Create another copy, rotate it 90 degrees and stretch horizontally.

Choose a tool Polygonal Lasso (Polygonal Lasso Tool) (L) and create a selection, as shown in the following screenshot. On a layer with a horizontal bar, click Delete.

Apply style to this layer Shadow (Drop Shadow):

Create a copy of the horizontal bar, activate the tool Free transform (Ctrl + T), right-click on the canvas and select Flip Vertical. Change the Style Angle Shadow -90 degrees and place the strip at the bottom to get a rectangular frame.

Place all layers of the frame into the group (Ctrl + G).

Step 5

Create a new layer under the frame group. Tool Rectangular area (Rectangular Marquee Tool) (M) create a selection that is slightly smaller than the frame and fill it with the color # e6e6e6 using the tool Fill (Paint Bucket Tool) (G).

Create a new layer with clipping mask (Ctrl + Alt + G) and fill it with black color.

Set the default colors (D) and apply Filter Noise (Filter> Render> Add Noise / Filter> Render> Add Noise).

Set the blending mode of this layer to soft light, lower Opacity (Opacity) up to 50%.

Step 6

Now let’s create a speaker. Create a new layer on top of the rest and tool Oval area (Elliptical Marquee Tool) (M) create a circular selection (hold Shift for this) and fill it with any color.

Set the layer Fill to 0% and apply the following styles:

Inner shadow (Inner Shadow):

Stamping (Bevel Emboss):

Stroke (Stroke):

Result:

Highlight the circle (hold Ctrl, click on the thumbnail of the layer with it). Go to menu Selecting> Modifying> Compressing (Select> Modify> Contract), enter a value of 2 pixels. Then create a new layer and fill the selected area with the color # c4c4c4.

Add metal mesh patterns in Photoshop. Apply the following styles:

Stamping (Bevel Emboss):

Gradient overlay (Gradient Overlay):

Pattern overlay (Pattern Overlay):

Step 7

Tool Ellipse (Ellipse Tool) (U) Create another circle as shown below.

Apply the following styles to it:

Shadow (Drop Shadow):

Stamping (Bevel Emboss):

Gradient overlay (Gradient Overlay):

Stroke (Stroke):

Result:

Step 8

Create a copy of the layer with a circle and reduce it. Set the Fill to 0% and apply the styles shown below.

Inner shadow (Inner Shadow):

Stamping (Bevel Emboss):

Stroke (Stroke):

Result:

Step 9

Create a copy of the circle layer and change its color to # c9c8c8. Delete the previous styles via the context menu of the layer, return the Fill to 100% and apply Shadow (Drop Shadow):

Result:

Step 10

Create another copy and reduce it.

Apply these styles to it:

Shadow (Drop Shadow):

Stamping (Bevel Emboss):

Result:

Step 11

Create another copy, reduce and apply other styles:

Stamping (Bevel Emboss):

Gradient overlay (Gradient Overlay):

Result:

Step 12

Tool Rectangle (Rectangle Tool) (U) Create a rectangle and position it at an angle, as shown below.

Set the layer Fill to 0% and apply the following styles:

Inner shadow (Inner Shadow):

Stroke (Stroke):

Result:

Write the numbers around the switch tool Horizontal font (Horizontal Type Tool) (T). Go to menu Window> Symbol (Window> Character) and enter the following values:

Step 13

Now create a power button / volume control. Tool Ellipse (Ellipse Tool) (U) create a circle.

Set the layer Fill to 0% and apply the following styles:

Inner shadow (Inner Shadow):

Stamping (Bevel Emboss):

Stroke (Stroke):

Result:

Step 14

Create another little smaller circle with color # b6b6b6.

Apply the following styles:

Shadow (Drop Shadow):

Gradient overlay (Gradient Overlay):

Stroke (Stroke):

Result:

Step 15

Make a copy of the last circle and change the style settings:

Shadow (Drop Shadow):

Stamping (Bevel Emboss):

Gradient overlay (Gradient Overlay):

Stroke (Stroke):

Result:

Step 16

Tool Rectangle (Rectangle Tool) (U) create an indicator on the controller (as in step 12).

Set the Fill to 0% and apply the following styles:

Shadow (Drop Shadow):

Stroke (Stroke):

Text tool sign regulator.

Step 17

Now create a power indicator. Create an orange (# fc973d) circle and apply the styles shown below to it.

External glow (Outer Glow):

Stamping (Bevel Emboss):

Stroke (Stroke):

Result:

Step 18

Use the “Lobster” font to write the name of the radio model.

Apply the following styles:

Shadow (Drop Shadow):

Stamping (Bevel Emboss):

Result:

Step 19

Tool Rounded Rectangle (Rounded Rectangle Tool) (U) with a radius of 5 pixels create the legs of the radio with the color # c37b56). This layer should be above the background layer.

Apply the following styles:

Stamping (Bevel Emboss):

Gradient overlay (Gradient Overlay):

Create a second leg.

Step 20

Create a reflection. Select all layers except background. Create a copy of them and merge into one layer (Ctrl + E). Turn over the copy and place it under the original as shown below.

Install Opacity (Opacity) layer at 35%.

Add a mask to the reflection and select black as the main color. Choose a tool Gradient (Gradient Tool) (G) and in the settings set the gradient from Foreground to Transparent. Fill the mask from bottom to top to hide the bottom of the reflection.

Final result:

Author: Nikola Lazarevic
Transfer: Khegai Gleb

Like this post? Please share to your friends: