Remember those times when tape recorders were popular? The Rolling Stones, Beatles and Ozzy Osborne were kings! Great memories, isn’t it? And, of course, you remember what tape recorders were then. They were much larger than the iPad, but no one complained! In this tutorial, we will recreate an 80s tape recorder using Photoshop.
Despite the large number of steps, the lesson is not very difficult. We will mainly use simple shapes (rectangles, circles) and layer styles. Layer styles are available in the menu Layer – Layer style (Layer – Layer Style), also at the bottom of the layers panel there is a button with letters fx, through which you can also get to them.
Shapes are created using the Rectangle Tool (Rectangle), the Rounded Rectangle Tool (Rounded Rectangle), the Ellipse Tool (Ellipse) and the Polygon Tool (Polygon).
First, let’s look at what we will create.
Every detail of the tape recorder is a vector image. If I wrote “create a circle”, it means that you need to create exactly the filled form, and not a simple selection. Since every detail is a vector object, the final image can be scaled without loss of quality. Let’s start!
Step 1 – Basic
Start by creating a base form for a future tape recorder. Create a rectangle with rounded edges with a radius of 20px. For this we use the tool Rounded rectangle tool (Rounded Rectangle) (U). Apply layer style to shape Bevel Emboss (Chamfer and Emboss).
Step 2. Using the same tool, create forms for the speakers. For the legs, create two small rectangles.
Step 3. Pinching CTRL, Click on the thumbnail of the layer with the base form of the tape recorder on the layers panel to select it. Create a new layer, fill it with white and change it. blending mode (overlay mode) on Multiply (Multiplication). Move on Filter – Noise – Add Noise… (Filter – Noise – Add Noise …). Use low level Amount (Quantity) and activate Monochromatic (Monochrome). This will add texture tape recorder.
Step 4. Draw a rectangle in the middle. This will be the basis for the cassette receiver (deck). Apply a layer style.
Step 5 – Create a deck
Create a rectangle for the future deck. Duplicate (CTRL + J) it and reduce the duplicate using Free transform (Free Transform) (CTRL + T). Then apply a layer style to the original. Outer glow (External glow).
Step 6. Draw a few more rectangles on the deck and apply layer styles. Color overlay (Overlapping color) and Gradient overlay (Gradient overlap). Also, don’t forget to create a trapezoid-shaped polygon in the middle of the deck. To do this, use the tool. Polygon tool (Polygon) (U) or Pen tool (Feather) (P).
Step 7. Create a shadow inside the deck using the layer style Drop shadow (Shadow). Then we add two circles and also apply layer styles to them.
Step 8. With the help of a circle and rectangle-sticks we draw what you see below in the screenshot. Duplicate the created shape and transfer it to the second circle.
Step 9. Via Rounded rectangle tool (Rounded rectangle) (U) create a shape behind the circles. Between them, draw another rectangle and apply layer styles.
Step 10. Create a round shape on the deck and place a layer with it above the layer with a small rectangle that is between two circles. We press ALT + CTRL + G. This key combination created a clipping mask for the circle. Apply layer style to the circle. Gradient overlay (Gradient overlap). Thanks to the actions done, we managed to create a magnetic tape on a cassette.
Step 11. Duplicate (CTRL + J) tape, move it to the right (V) and reduce the size (CTRL + T). You can also add small parts, inscriptions.
Step 12 – Creating the Buttons
Now we will create the controller buttons. We draw a large rectangle-base under the deck, and there is another smaller one. Apply layer styles to it.
Step 13. With the help of rectangles create a button. Add small parts, inscriptions.
Step 14. Duplicate this button several times and add a symbol and an inscription to each copy. One of the buttons is lowered down for more realism.
Step 15 – Create a Battery Indicator and Counter
For the battery indicator, create a red rectangle and apply the Outer Glow layer style to it.
Step 16. Next, create a rectangle with a dark internal glow.
Step 17. Draw another smaller rectangle. Using Pen tool (Feather) (P), draw several trapezoidal shapes, as shown below.
Step 18. For the equalizer draw a lot of small black rectangles. Duplicate them all and apply a layer style to copies. Outer glow (External glow). Remove some copies on the right side and get the following result.
Step 19. Add a few small details.
Step 20. I hope you are not tired yet? Here is an intermediate result.
Step 21 – Small Speaker
Now draw a ring. Create a large circle, then on the toolbar select the option Subtract from shape area (Subtracting the new curve from the general contour) and cut out the middle of the circle.
Step 22 Duplicate the created ring and reduce it. Create rectangular stripes and place around the perimeter of the circle.
Step 23 Create a new layer. Upload an image Spiderman Pattern. Move on Edit – Define Pattern (Editing – Create texture). Then Edit – Fill (Edit – Fill), in the Use menu, select Pattern (Texture) and find the loaded trellised texture. Adjust the size of the texture.
Step 24 Create a layer mask for the trellised texture by clicking on the button. Add layer mask (Add layer mask) at the bottom of the layers panel. Erase the area of the texture that goes beyond the speaker. Then we duplicate the speaker and place the copy on the opposite side.
Step 25 – Big Speakers
Let’s start creating large speakers by drawing a rounded rectangle. And add layer style Outer glow (External glow) to give a 3D effect.
Step 26. We draw a big circle. We press CTRL + ALT + G, to create a clipping mask for the layer.
Step 27. Draw a smaller circle.
Step 28. Create a new layer and set a few dots on the speaker with a soft round brush. Then apply the filter Filter – Blur – Gaussian Blur (Filter – Blur – Gaussian Blur).
Step 29. Create another small circle and apply layer styles.
Step 30. Create a ring shape, as we did in one of the previous steps, and apply layer styles.
Step 31 Now create a large ring and also apply layer styles.
Step 32 Create a smaller ring near the previous one.
Step 33 Now we have to add highlights in the center of the speaker. On the new layer draw a white soft brush and apply the filter Filter – Blur – Gaussian Blur (Filter – Blur – Gaussian Blur).
Step 34 Create a new document in Photoshop with a transparent background size of 800x600px. We load the second trellised texture and fill it with a document.
The holes are too small, so we’ll correct them a little. To do this, holding down the CTRL key, click on the thumbnail of the texture layer to select it. Then go Select – Modify – Contract (Allocation – Modification – Compress) and expose 2px. We press CTRL + SHIFT + I, to invert the selection, and Delete to delete the selected area.
Step 35 Now drag the texture to the big speaker. Adjust the size and, just like with a small speaker, erase the excess with the help of a layer mask. Apply layer styles to the texture to give it a metal effect.
Step 36 – Toggle Switch
Create a rounded rectangle for the panel with toggle switches. Create a small rectangle for the base of the toggle switch and apply layer styles to it.
Step 37. Draw a small rectangle inside the previous one again.
Step 38 And finally, we draw the toggle switch itself, creating a small rectangle, followed by two more polygons.
Step 39. Duplicate toggle and add details.
Step 40 – Regulator
Create a round shape of the future regulator. Apply layer style Inner shadow (Inner shadow).
Step 41 Draw a smaller circle and inside it a small rectangle. For the rectangle in the tool parameters choose Subtract from shape area (Subtraction of a new curve from the general contour).
Step 42 Duplicate the circle and reduce (CTRL + T) it. We draw a rectangle with an option Subtract from shape area (Subtraction of a new curve from the general contour). The first regulator is ready. Duplicate it and add details.
Step 43 – Radio
Draw a large rectangle at the top of the tape recorder.
Step 44. Inside we create a rounded rectangle.
Step 45. Add text and shadows (layer style Inner shadow (Inner shadow)).
Step 46 For the frequency controller, we create a large circle and apply layer styles.
Step 47. Inside the circle, create another one.
Step 48 We clamp CTRL and click on the thumbnail of the layer with a smaller circle to select it. Create a new layer, go to Filter – Noise – Add Noise (Filter – Noise – Add noise). Then Filter – Blur – Radial Blur (Filter – Blur – Radial Blur). Change blending mode (overlay mode) layer on Multiply (Multiplication).
Step 49 To add glare to the slider, create a polygon and fill it with white. Apply Filter – Blur – Gaussian Blur (Filter – Blur – Blur according to Gauss) and reduce the opacity (opacity) of the layer by 30%.
Step 50 – Top Buttons
Add a button at the top of the tape recorder, creating a small rounded rectangle. Apply layer styles to it.
Step 51 For a small button, create a rectangle and apply a layer style to it. Gradient overlay (Gradient overlap).
Step 52 – 3D Effect
To keep the tape recorder from looking flat, let’s add a 3D effect to it. Create a trapezoidal shape behind a tape recorder and apply Gradient overlay (Gradient overlap).
Step 53 – Tape Player Handle
Draw a rounded rectangle at the top of the tape recorder. Draw another rectangle with the option Subtract from shape area (Subtraction of a new curve from the general contour). Apply layer styles.
Step 54 Create a black rounded rectangle on the handle and apply a layer style. Bevel Emboss (Chamfer and Emboss).
Step 55 Next, on the side of the tape recorder, create a rectangle and apply a layer style to it. Gradient overlay (Gradient overlap).
Step 56 Draw a smaller rectangle inside the previous one.
Step 57 Add some narrow rectangles and apply layer styles to them.
Duplicate everything and transfer the copy to the opposite side of the tape recorder.
Step 58 – Shadows
Create a new layer and place it under all previous layers. Via Elliptical Marquee Tool (Oval selection) (M) create a selection at the bottom of the tape recorder and fill it with black. Apply Filter – Blur – Gaussian Blur (Filter – Blur – Gaussian Blur). In the same way create small shadows near the legs of the tape recorder.
Step 59 It remains only to age the tape recorder. Load the grunge texture and place it on top of the tape recorder. Change blending mode (overlay mode) on Multiply (Multiplication). Via layer masks we delete the superfluous.
We are done!
Hope you enjoyed this tutorial!
Author: Mohammad Jeprie
Translator: Max Enin