Draw a phone cord in Photoshop

In today’s lesson, I will show you how to create a realistic handset. Let’s start!

Step 1. Create a new document with a size of 2100×1300 px and add a gradient as shown below. Next, create a new layer “Sketch” and draw a simple sketch of the tube and cord.

Step 2. Start by creating the cord. For work we will use Smudge tool (Finger). For starters, we take Pen tool (Feather) (P) to create a spiral using a sketch. When we create a simple outline, it does not matter which layer is active. If the resulting contour goes beyond the bounds of the document, it can break the whole composition. In this case, after Step 5, simply move the cord to the desired location.

Step 3. For the next effect, we need to move the outline to the center of the working document.
Now, before starting to create a cord, we will make a test cord so that we can see how this technique will work. Create a new group “Cord” with a new layer inside the “Test color”. On this layer, create a rectangle and paint it. Then change the slope and position (CTRL + T).

Step 4. Create a new layer “Test cord” and take Smudge tool (Finger) with the parameters as in the screenshot below. Then go to the panel Path (Path) and select the path we created in Step 2. Right click on it and select Stroke path (Outline stroke). As you can see, the colors of the rectangle spread over the entire cord. Now we can use this technique to create the main cord.

Step 5. On the new layer “Shadows” create a rectangle (as we did in the test step) and fill it with a light gray color. Now that we know how colors spread along the contour, we can use Dodge (Clarifier) ​​and Burn tool (Dimmer) (O) to add shadows to a rectangle (experiment with different intensity of shadows). Now create a new layer “Cord” and using the panel Path (Path), add a stroke, as we did in Step 4.

Return the cord to its original position.

Step 6. Now we have a cord for our phone, but it looks a bit flat. To fix this, create a copy (CTRL + J) of this layer and apply Filter – Artistic – Plastic Wrap (Filter – Imitation of artistic effects – Tselofan packaging). Use the Eraser Tool (E) (E) to remove the excess. When finished, we merge (CTRL + E) the two layers together.

Step 7. Add an adjustment layer Hue / Saturation (Hue / Saturation) and create a clipping mask for it (CTRL + ALT + G).

Step 8. On the new layer use a small white brush (B) to add dots in the upper area of ​​each turn of the cord. Then use Smudge tool (Finger) to smudge dots. With the cord, we are done.

Step 9. Now go to the handset. To begin with, we create the main group “Phone”, then in it the groups “Microphone” with the same-name layer and “Handle”, as shown in the screenshot below. We use Pen tool (Pen) (P) to create a contour.

Step 10. On the layer “Microphone” we activate the contour (through the panel Path (Path) and fill it with a dark gray color. Now you can use the tools Dodge (Clarifier) ​​and Burn tool (Dimmer) to add 3d effects, but we use a different method. Start by adding a layer style. Bevel and Emboss (Chamfer and Emboss). Then, duplicate the layer (CTRL + J) and apply other parameters. Bevel and Emboss (Chamfer and Emboss). After that, move the copy slightly to the right.

Step 11. Now we have to combine the layer styles with the layer itself. To do this, click the right mouse button on the item Effects (Effects) and select Create layers (Create Layers) to convert layer styles to ordinary layers. After that, combine them with the original layers.

Step 12. Create a copy of the layer “Microphone” clipping mask (CTRL + ALT + G). Then add a layer mask to the same layer and hide a sharp transition between the layers.

Step 13. Create a new layer and apply a black and white gradient. Set the layer blending mode to Overlay (Overlap) and Opacity (Opacity) by 20%. Create a clipping mask (CTRL + ALT + G).

Step 14. Create a new layer “Noise” and fill it with white. Move on Filter – Noise – Add Noise (Filter – Noise – Add Noise). Set the blending mode to Overlay (Overlap) and Opacity by 5%. Create again clipping mask (CTRL + ALT + G).

Step 15. Create a new layer “Notch”. We use Elliptical Marquee Tool (Oval selection) (M) and fill it with a dark gray color. Transform (CTRL + T) this layer in perspective. To give the effect we need, apply the layer styles.

Step 16. On the new layer “Blick” use Rectangular marquee tool (Rectangular selection) (M) to create a shape, as in the screenshot below, and fill it with white. Apply Edit – Transform – Warp (Editing – Transformation – Deformation) for this layer. Create clipping mask (CTRL + ALT + G) and apply the filter Filter – Blur – Gaussian Blur (Filter – Blur – Gaussian Blur) with a radius of 9 px, then decrease Opacity (Opacity) layer up to 4%. Then add a layer with noise, as we did in Step 14.

Step 17. To create holes, we add a new layer “Holes” and with a black brush (B) add points of different sizes on the created auxiliary lines. We deform the points in the same way as the “Glare” layer and add layer styles to give them a depth effect.

Step 18. Now it’s time to work on the rest of the handset. Create a layer “Body” within the group of the same name that we created earlier. We use Pen tool (Pen) (P) to draw the outline of the handle of the phone. Fill the contour with a dark gray color.

Step 19. Create a new layer “Light and Shadow” and using Brush tool (Brush) (B) draw shadows and lights using colors from the microphone. Then create for the layer clipping mask (CTR: + ALT + G).

Step 20. Create a new layer “Light”. With a white brush (B) paint the highlights on the corners of the tube. Apply to layer Gaussian blur (Blur according to Gauss) with a radius of 9.5%. Change layer blend mode to Screen (Lightening) and Opacity (Opacity) by 56%. Create clipping mask (CTRL + ALT + G) and add a layer with noise (as in Step 14).

Step 21 To make the cord go out of the tube, create a new “Hole” layer between the “Cord” and “Telephone” groups (make sure the “Telephone” is located under the “Cord”). We use Elliptical marquee Tool (Oval selection) (M) to create a selection and fill it with black. Add layer styles. Then we add a layer mask for the “Cord” group to hide the extra end of the cord.

Step 22 Looking carefully at the phone, I noticed that the microphone needed additional processing at the point where it connects to the pen. Go back to the “Microphone” group and go to the “Microphone” layer, duplicate it (CTRL + J) (clipping masks should be preserved). Now, activate the original “Microphone” layer and add layer styles. Shift this layer up a bit and to the left.

Step 23 Now that the tube and cord are ready, we need to add shadows. The first shadow should be where the cord connects to the tube. Go back to the “Cord” group and create a new “Shadow” layer above the adjustment layer. Use black brush , to draw a shadow. Create clipping mask (CTRL + ALT + G) and adjust the level of opacity.

Step 24 Create a new layer “Shadow 2”, as shown below. Use a black brush in those places where the cord and the tube come into contact with the surface on which it lies. Apply filter Filter – Blur – Motion Blur (Filter – Blur – Blur in motion) with a Distance (Distance) of 35 px and Angle (Angle) of 90. Then Filter – Blur – Gaussian Blur (Filter – Blur – Gaussian Blur) with a radius of 8.5 px. Set the layer blending mode to Multiply (Multiplication) and Opacity (Opacity) 62%.

Step 25. Create a new layer “Direct Shadow” and draw a shadow, which the cord and tube cast on the surface. Apply Gaussian blur (Blur according to Gauss) (approximately 1 px) and change the blending mode to Multiply (Multiplication) and Opacity (Opacity) at 63%.

Step 26. To finally complete the work, add a depth effect. For this we will use the filter Lens blur (Blur at shallow depth of field). We merge all the layers we currently have on one new one. To do this, select them all and click CTRL + ALT + E. Place it above all previous layers and call it “Blur”. To this layer we will apply the above filter.

Step 27. We need the Lens Blur filter (Blur at shallow depth of field) to use a standard alpha map. We merge the “Phone” and “Cord” groups on a separate layer and place it above all previous layers. We use Levels (Levels) (CTRL + L) to adjust the color of the phone.

Step 28. Create a new layer above the “Blur” layer and add a gradient as shown below. The light bar should be in the center of the document. Dark color should be more blurry. Using these rules, we add light and dark areas to the “Phone and cord” layer using Dodge (Clarifier) ​​and Burn tool (Dimmer) (O).

Step 29. Merge (CTRL + E) the two layers that we worked with. Then copy and paste this layer into the Channel Panel. The new channel should be called Alpha 1 (Alpha 1).

Step 30. Hide the layer you just worked with and on the Blur layer apply the filter Filter – Blur – Lens Blur (Filter – Blur – Blur at shallow depth of field). Now we see what the alpha map was for.

I also added a soft blue tint.

Like this post? Please share to your friends: