Remember the old days where cassette tape and FM radio still rules? The Rolling Stones, Beatles, and Ozzy Osborne was the king! Great memory isn’t it? And of course you’ll remember the gadget we use at that time. It’s much bigger than iPad, but no one complains! Radio tape. In this tutorial, we’ll recreate a radio tape from the 80′s using only Photoshop.
First, let’s take a look at the image we’ll be creating. Click here or click on the image to see it in full resolution.
Every shape in this radiotape is made from vector shape. So, if I say “Draw a circle”, it means circle from shape not from elliptical marquee. Because every shape made from vector shape, the final outcome is scalable. We can resize it to any size we want. Sound good? Let’s move on!
Vector Metal Pattern
Grunge Paper Texture
We’ll start by creating base for this radiotape’s body. Create a rounded rectangle with radius 20 px. In both side, draw two rectangle and choose subtract. Add Bevel and Emboss to this shape.
Using rounded rectangle tool draw two base for speaker. For its feet, just draw two small rectangle on the bottom.
Ctrl+click the base. Create new layer, fill it with white, and changee blend mode to Multiply. Click Filter > Noise > Add Noise. Use small Amount and select Monochromatic. This small step will add a bit of texture to the body.
Draw a rectangle in the middle. This will be the base for tape deck. Add some layer styles.
Step 5-Create Tape Deck
For tape deck, draw a rectangle. Duplicate the rectangle and make it smaller, from the option bar choose subtract to create hole on the bigger rectangle.
Under tape deck, draw another rectangle and add a poligon.
Manually draw shadow inside the tape deck. Create circle shape and add these layer styles.
Draw smaller circle and add some rectangles. Duplicate these shape until we have the tape inside.
Draw a reounded rectangle behind the tape’s circle. Between the two circles draw a rectangle.
Draw a circle shape, change it to clipping mask until it gos inside the rectangle. Add gradient overlay with type Noise and use blend mode Luminosity. This circle with gradient will be the magnetic tape.
Duplicate the magnetic tape and resize it. Add some detail like the tape side (A or B) and Auto Stop System sign.
Step 12-Create Tape Control
Now, we’ll create the tape’s controller. Draw a rectangle under the tape deck. Add these layer styles.
Step 13-Create Tape Controller
Draw a rectangle and a poligon behind it. Add some detail like record symbol, text.
Duplicate this tape controller for other function. Move the play button down to add a realistic look.
Step 15-Draw Battery Indicator and Counter
For battery indicator draw a red rectangle with red outer glow.
Next, create a rectangle with dark inner glow.
Inside the rectangle draw small box. Using pen tool draw some polygons as shown below.
For the equalizer indicator, draw some black rectangles. Duplicate all and change its color to red. Add red Outer Glow and delete some of them so only a few lights is on.
Add some details.
I hope you’re still with me. Here’s what we have so far.
Step 21-Small Speakers
Draw a ring by creating a big circle. Duplicate it and make it smaller. Select subtract from the option bar.
Dulicate the ring and resize it. Create some rectangles surrounding both rings.
Create new layer. Click Edit > Fill. Load spiderman pattern from brusheezy. Resize the pattern.
Add layer mask and paint pattern outside the speaker with black to hide it. Duplicate the small speaker and put it on the other side.
Step 25-Big Speakers
Start by creating a big rounded rectangle for the speaker’s base. Add outer glow styles to give it a 3D look.
Draw a big circle. Hit ctrl+alt+G to convert layer to Clipping Mask.
Add smaller circle.
Paint some white on top of the circle and give it Gaussian Blur with big radius.
Create smaller circle. Add these layer styles.
Create ring shape above this circle and some layer styles.
Create bigger ring shape with these layer styles.
Create a smaller ring above the previous ring.
We need to add some reflection on center of the speaker. Paint with white and add Gaussian Blur.
We need another pattern to cover the big speaker. Create new file, 800×600 px, background transparent, and fill it with metal pattern from bittbox.
We need bigger hole in this pattern. To do this, ctrl+click the pattern to select it. Click Select > Modify > Contract and select 2 px. Hit ctrl+shift+I to invert the selection and hit Delete.
Paste the pattern on top of our big speaker. Resize it and add layer mask to hide unneeded pattern. Add layer styles shown below to give the pattern a metalic look.
Step 36-Input Selector
Draw a rounded rectangle for the selector’s base. Add smaller rectangle with these layer styles.
Again, draw smaller rectangle inside the previous one.
Create the selector by drawing a small rectangle first then add poligons behind it.
Duplicate the selector and add some details.
Step 40-Another Selector
We’ll add a circle shape selector. Draw a small circle and add inner shadow.
Draw smaller circle and inside it draw small rectangle. From the option bar select subtract.
Duplicate circle and resize it. Draw another rectangle and choose subtract. We’re done with the first selector. Duplicate it and add some details.
Draw a big rectangle.
Inside the rectangle draw rounded rectangle.
Add shadow and some text.
Now for the radio frequency selector, draw big circle.
Inside the circle draw another smaller circle.
Ctrl+click the frequency selector to select it. Create new layer, click Filter > Noise > Add Noise. Click Filter > Blur > Radial Blur. Change layer’s blend mode to Multiply.
To add reflection to the selector, draw a poligon and fill it with. Add Gaussian Blur and change its opacity to 30%.
Step 50-Top Button
Add button on top of the radiotape by drawing a small rounded rectangle and add these layer styles.
For push button, draw a rectangle and a Gradient Overlay.
Step 52-Add 3D Look
Create this shape behind the radiotape and add gradient overlay. This will add depth to the radiotape’s body and make it looks 3D.
Draw a rounded rectangle on top. Draw another rectangle inside it and choose subtract.
Draw black rounded rectangle for hand handle.
Next to the handle draw a rectangle and add Gradient Overlay.
Draw smaller rectangle inside previous rectangle.
Add few small rectangles with these layer styles. Duplicate all this handle and put it on the other side.
Step 58-Adding Shadow
Create new layer underneath every layers. Create elliptical selection and fill it with black. Add Gaussian Blur to soften it. Don’t forget to add small shadow on the feet.
This radiotape is too clean. I want to make it looks olsd. So, I download a grunge texture and put it on top of this radiotape and change its blend mode to Multiply.
Click here or click on the image to see our final image in full resolution. I hope you like it.