In this tutorial, we will show you how to create a headset icon in Photoshop. Let's get started!
Step 1: New File
Open Photoshop and set up a new document (Command/Command/Ctrl + N). Use the following settings;
Resolution: 72dpi, Color Mode RGB color, Dimensions: 600×400 px.
Step 2: Creating the background
Appy the following settings with the gradient tool (G)
Use Gradient Tool (G) to create a background like in the image below
Step 3: Start creating the headset
Make a new layer (Command/Ctrl + Shift + N) then make a new selection using one of the selection tools, personally I prefer to use the Pen Tool (P) because you can make better selections with it, and fill the selection created with a gray color. I used #a8a5a0.
Use Burn Tool (O) and Dodge Tool (O) using Midtones in the indicated places.
You should obtain something like this
Step 4: Adding Strokes
Into a new layer (Command/Ctrl + Shift + N) use pen tool to make a path like I did
Right click on the created path and choose the stroke path option (Brush size must be around 2px)
Click ok and you must have something like in the image below
Step 5: Making the black stroke
Duplicate the layer with the white stroke (Command/Ctrl + J) and move it 1px to the right
Use Eraser Tool (E) to make it look better
Step 6: Adding Shadows and Highlights
Select the Metal Part layer and add some Shadows and Highlights using Burn and Dodge Tool (O)
Step 7: Metal texture
Into a new layer, use Rectangle Tool and a gray color (#808080) and draw a rectangle like I did
Go to Filter > Noise > Add noise and make next settings
Then go to Filter > Blur > Motion Blur
Step 8: Fixing the metal textured
Decrease the opacity of the layer created above to about 15% and use Warp Transform to fix it over the metal part layer
Using Eraser Tool (E) erase the excess of the texture and you should have something like that
Use the same technique like at the step 4and5 to add the white and the black stroke
With the Pen Tool (P) make a selection at the top of our Metal Part layer and make it a little darker using Burn Tool (O)
Step 9: Creating the top part
Into a new layer (Command/Ctrl + Shift + N) make a path using Pen Tool (P) like in the image below.
Fill the path created above using a light grey color (#c3c3c1)
Go to Filter > Noise > Add noise and make next settings
Into a new layer (Command/Ctrl + Shift + N) Use Pen Tool (P) to make a path like in the image below
Add 2 strokes (white and black) and then erase using Eraser Tool (E) for a better effec
Duplicate the layer created above (Command/Ctrl + J) and place it in the right part of our Top Part layer
Step 11
Make next selection using one of the Selection Tools, I personally used Pen Tool (P)
With Burn Tool (O) add some shadows in the top part of the selection
Step 12: More Light
Again, make a selection using Pen Tool (P)
This time, use Dodge Tool (O) on Highlights, and add some light in the selection like I did.
Step 13
Make a new layer, and use Pen Tool to make a selection like in the image below
Fill the selection with a grey color, I used #b3b0ab
Go to Filter > Noise > Add Noise and make next settings
Step 14
Pick up Pen Tool (P), make a path like I did, right click on the path an selection "make selection" option. Make those settings for the selection
With Dodge Tool (O) on Highlights, add intensive lights in the selection.
Step 15
Make a selection for creating the bottom part
Add some shadow in the indicated place using Burn Tool (O)
Step 16
Into a new layer (Command/Ctrl + Shift + N) make next selection using a Feather Radius: 0.3 px
Fill the selection with a grey color, I used #97928e then add some lights and shadows over the layer.
Continue adding lights and shadows.
Step 17
Again, make a new selection using Pen Tool
Fill the selection with a grey color, I used #b0ada8
Like at the previous steps, use Dodge Tool (O) and add some light on it
Then some shadows using Burn Tool (O)
Step 18
Make a new selection like I did in the image below
Fill it with a light grey, I used #ececec
Use Dodge and Burn Tool in the indicated places
Step 19:Adding strokes
Add a 2px white stroke like I did
Step 20
Draw a selection like I did in the image below. Don't forget, use Feather Radius: 0.3 px
Into a new layer, fill the selection with a dark gray color and add some shadows and lights on it
Add a 1px black stroke over the layer created above
Step 21
Make a new selection using one of the selection tools (Feather Radius: 4-5)
Fill the selection created above using a grey color, I used #cecfca
Go to Filter > Noise > Add Noise and make the settings below
Step 22:Adding Shadows and Highlights
Again, make a selection like in the image below
Use Dodge and Burn Tool (O) to add shadows and highlights in the indicated spots.
Step 23: More shadows
Inverse the selections and add more shadows using Burn Tool (O).
Step 24
In the middle of the layer, make next selection
Use Burn Tool or Brightness/Contrast to make it a little darker.
In the right part of it, make another selection
And use Burn Tool (O) to obtain de 3d look effect
Step 25: More Light and Shadow
At the top of the "hole" add some lights and shadows using Burn and Dodge tool like I did in the next image
Go to Filter > Noise > Add noise and make the settings below
Step 26: The left one
Make a new layer (Command/Ctrl + Shift + N) then use a selection tool to make a selection like in the image below
Fill the selection created with #c6c2bf
Step 27: Highlights and Shadows
Make a selection using Pen Tool (P)
Pick Burn Tool (O) on Midtones and add some shadow there
Then use Dodge Tool (O) and add some light like I did below
Step 28
Select another part of the layer like I did
Use Burn Tool (on Midtones) and add some shadows in the selection
Inverse the selection (Command/Ctrl + I) and use Dodge Tool (O) to add some light
Step 29: Another metal part
Make a selection using Pen Tool like in the next image
Fill the selection with a grey color
Now you have 2 options: Use Gradient tool to create the metal effect or Use Burn and Dodge tool, I used the second.
Step 30
Create another selection and fill it with a grey color
Add some shadows and lights using burn and dodge tool
Add a 1px black stroke like I did
Step 31
Erase the stroke using Eraser Tool (E) to make it look more realistic
Duplicate the layer with the stroke (Command/Ctrl + J), make it white then move it 1 px up.
Step 32: Shadow
Into a new layer, above the Background layer make next selection using Elliptical Marquee Tool.
Fill the selection with black color
Step 33
Go to Filter > Blur > Gaussian Blur
Then to Filter > Blur > Motion Blur and make the settings below
Decrease the opacity or erase using Eraser Tool (E) to make it look more realistic
Final Image
