Vintage radio

In this Photoshop tutorial, you will learn how to create vintage vintage radio using simple shapes, gradients, patterns and textures.

Necessary materials:

Step 1.

Start by creating a new document (Ctrl + N) with dimensions of 700×700.

Step 2.

Create a radial gradient background from the center to any corner using the colors # d2934c and # 38240d.

Step 3.

Create a new layer (Ctrl + Shift + N). Using the tool Rounded rectangle (Rounded Rectangle) (U) With a radius of 10px, draw a rectangle. Then go to Blending options layer and use gradient overlay (gradient overlay) from # 161616 to # 3a3a3a.

Step 4.

Now let’s use our paper texture. Copy it on top of all layers. Make sure it covers a rectangle. Ctrl + click on the rectangle icon. Then invert the selection (Ctrl + Shift + I) and press delete. Change blending mode on overlay. At the moment you should have something like this.

Step 5.

Create a new layer. Use the tool again. Rounded rectangle (Rounded Rectangle), but this time create a smaller rectangle with a radius of 5px. AT Blending options (blending options) use linear gradient overlay) with these flowers: # 563a1c; # 61442b; # 563a1c; # c18c5f.

Step 6.

Repeat Step 4, but this time Ctrl + click on the icon of the previous rectangle 5px and set blending mode paper texture on Softlight (Soft light).

Step 7.

Create a new layer. Take the tool Rectangular marquee (Rectangular selection) (M) and draw a rectangle a few pixels smaller than the previous one. Use the gradient from # c18c5f to # 563a1c.

Step 8.

Repeat step 4 – Ctrl + click on the icon of the previous rectangle, and set blending mode paper texture on Softlight (Soft light).

Step 9.

Create a new layer. Draw a rectangle a few pixels smaller than the previous one. Go to Blending options and install inner shadow and wooden texture, as shown in the image.

Step 10.

Let’s set some flare in the wood panel. Create a new layer. Ctrl + click on the rectangle layer that we created earlier (this will create a selection of the entire rectangle, to which we will add a highlight). Then select the tool Elliptical marquee (Oval selection) and holding Shift + Alt, create a selection, as in the image. Then use a gradient white to transparent (from white to transparent) right to left and change opacity up to 13%.

Step 11.

Create a new layer. Draw a smaller rectangle and change it. Blending options as in the image. Use a pattern from source files. Use colors # 7b4f28 and # b27d52 for the gradient.

Step 12.

Create a new layer. Using the tool pencil (pencil), draw a line in 1px using # 120c04 for dark and # 67482c for light.

Step 13.

Now let’s create the radio switches. It will be just a group of circles with different gradients and blending options (overlay modes). For each circle, create a new layer. Then group these layers (select the layers and press Ctrl + G) and duplicate the group. Place them as in the image.

Step 14.

Now we add some more details. Create a new layer. Draw a thin rectangle, fill it with # 3b260f color, and above it, on a new layer, draw another smaller one, fill it with # d9a15b. Add both inner shadow.

Step 15.

Duplicate the previous 2 layers twice and slightly change the position of the smaller rectangle.

Step 16.

Let’s do some highlights on the radio. Create a new layer. Using the tool pen (pen), draw a shape like on the image. Then left click – make selection and fill it with white. Change opacity up to 35%. Duplicate this layer and make it 2 times smaller (press Ctrl + T and reduce it). Then duplicate both of these layers and place them on the other side of the radio.

Step 17.

Let’s add a base for the radio. Create a new layer. Using the tool rounded rectangle 10px, draw a rectangle, fill it with # 1e1209 color and place it under the other layers.

Step 18.

Then let’s add some details for perfection. Take pencil tool) and draw a 1px white line around the radio. Use a large soft eraser to erase the ends of the lines. Change opacity up to 27%.

Step 19.

Let’s make the background more interesting. Create a new layer above the background layer and use the tool Rectangular marquee (Rectangular selection) select a little more than half of the entire image and fill it with a gradient from black to transparent. Lower opacity up to 31%.

Final result

Now finally, let’s create a nice reflection. Merge all radio layers except the background. Press Ctrl + A, then copy (Ctrl + C). Press Alt + Ctrl + Z until the layers return, and then paste (Ctrl + V). Flip vertically (flip layer vertically) and, using a soft round brush, erase the bottom. Lower opacity up to 20%.

So hopefully you learned something new from this lesson. Using this simple technique, you can create great icons. Here are some more icons for example.

Like this post? Please share to your friends: