Draw the icon of the construction helmet

Step 1. As a basis, we will use this photo. This is not the best photo, but it can be used to determine the main forms of the future helmet icon.

Step 2. To begin with, cut out the image of the helmet from the background. This can be a tool. Pen tool (Pen), Lasso (Lasso) or other convenient way for you. Then copy this photo into a new document and resize the image according to your future icon, for example 128x128px. You can create, for example, a new document sized 128x128px and transfer a helmet image to it, but I recommend using a larger document to have more drawing space.

Step 3. Choose a tool Pen tool (Feather) and circle each part of the helmet. Let’s start with a visor. Be sure to select the tool in the Options panel before the stroke. Pen tool (Pen) first icon Shape layer (Layer-shape) so that you can edit this layer in the future.

Please note that we just circle the edges of the visor, it is not necessary to circle it very precisely (we will correct it afterwards).

Step 4. Create the second part of the visor by copying the previous layer with the command (Ctrl + J). And move the selected points up the tool Direct selection tool (White arrow).

Step 5. Then circle the main body of the helmet as shown below.

Step 6. Do not forget about the protrusion of the middle band (an increase in the following screenshot). You can not be afraid to make it bigger, since the protrusion will give the helmet volume.

Step 7. Draw the side of the strip on the new layer (see screenshot). Start from the right side – which is in the shade.

Step 8. Then duplicate this layer (Ctrl + J) and tool Direct selection tool (White arrow) move points from right to left. Thus, the right side of the form will ideally dock with the left side of the previous layer.

Step 9. We are ready to start the next stage. Hide the photo (or move it to the side), now you can see that the main shape of our icon is done. You must have five layer forms. I will refer to them in the order of their creation from 1 to 5.

Step 10. Hide all layers except the first one and fill this layer with yellow color (# FFDF14). Next, create a new layer (Ctrl + Shift + Alt + N), and group it with the previous one (Ctrl + Alt + G). In this screenshot, this is the layer (2). In this layer we will make several strokes with a big soft brush with a darker color (# D59D00), so the layer will be darker on the right side. Then, load the selection layer (4), invert the selection (Ctrl + Shift + I), create a new layer (3) and use the big soft brush again to create a shadow on the right side (# 3B1C02).

Step 11. Make the layer (4) visible, and set the opacity to 50%. Thus, you can see the shadow from the previous layer – slightly pronounced. At this stage, the visor is made, and we can continue to work with the rest of the helmet.

Step 12. Now, display the shape of the main part and fill it with yellow color (# FDDB13). Again, create a new layer, group it with the previous one (Ctrl + Alt + G), and in the marked areas (see screenshot), use a large soft brush with a darker color to make a very large shadow …

Step 13. Display the middle stripe layer, repaint it in dark yellow (# AA6F00) and add layer mask . In this mask, draw a large black soft brush (as shown below), the effect of the shadow will be visible only at the edges.

Step 14. Display the last layer, the main part of the strip. Repaint it yellow (# FBD500). In this step, you can also darken the main part of the helmet to fit the picture.

Step 15. To make the shape of the helmet more emphasized, use this simple method: stroke each shape of the helmet one pixel.

Start with the second layer of the visor. Load the selection (Ctrl + click on the layer), create a new layer and in the Edit menu select the Stroke function. Set the width to 1px, color white.

Step 16. Add a layer mask and fill it with black. Then select a large soft brush and, while in the layer mask, swipe where the light should shine.

Step 17. Use the same method for other forms.

Step 18. Draw shadows in other parts of the helmet where the contrast between the parts of the helmet is too low.

Step 19. To make the icon better, you can add a backlight with a different color.

Load the selection of all layers of the form (Ctrl + Shift – click on the layers). Create a new layer, select Select> Modify> Contract (Choice – Modification – Compress) in 1px, use a large soft brush, to draw the highlight, as the arrows show. Use any color you like: blue or purple will work well.

Step 20. Create a new layer, select the tool. Pen tool (Pen) on the options panel turn on the middle square Paths (Outlines) and draw window shapes.

Step 21 Copy this layer (Ctrl + J) and blur it with a filter. Filter> Blur> Gaussian Blur (Filter – Blur – Gaussian Blur) and set a small radius.

Step 22 Now, with a large white soft brush, make a few strokes (as shown below) to give light to the windows.

Step 23 That’s all! Let’s look at our final version.

As you can see in this picture, the helmet is more pronounced on a dark background, so do not be afraid to experiment and try to create icons from different photos. Good luck with your work!

Like this post? Please share to your friends: