Create a Hammer in Illustrator

Do you want to create an image of a hammer? If yes then let’s get started and you will undoubtedly learn the excellent Illustrator tools and create your own impressive and stunning artwork! You will use the Bristle and Scatter brushes, 3D and Film Grain effects.


Final Image

How to Illustrate a Hammer


Tutorial Details

  • Program: Adobe Illustrator CS3 – CS6
  • Estimated Completion Time: 1 hour
  • Difficulty: Intermediate

Step 1

Open the Illustrator program, create a new document and let’s begin.

First take the Pen Tool (P) and draw the path shown below. It will represent the handle of the hammer. Fill it with yellow.

How to Illustrate a Hammer 1

Go to Effect > 3D > Extrude & Bevel and set the options shown in the image below. Note that the bevel of the handle should be rounded.

How to Illustrate a Hammer 2


Step 2

Illustrate the next path filled with gray the same way. It will be the hammer’s head.

How to Illustrate a Hammer 3

Go to Effect > 3D > Extrude & Bevel and apply the options shown for the new path. Specify the same rotation around the axes. Follow the image below.

How to Illustrate a Hammer 4

Place the head over the handle as shown.

How to Illustrate a Hammer 5


Step 3

Use the Pen Tool (P) again in order to create a small vertical black stroke.

How to Illustrate a Hammer 6

Drag and drop this stroke into the Brushes panel, and choose the Scatter brush option in the opened dialogue window.

How to Illustrate a Hammer 7

Apply the following options for the brush. Note that the Rotation option should be set at 0.

How to Illustrate a Hammer 8


Step 4

Grab the Paintbrush Tool (B) and with the new brush selected draw an irregular path over the handle. See the image below.

How to Illustrate a Hammer 9

Then go to Object > Expand Appearance, then Object > Ungroup twice and then Object > Group (Command + G). You need to do this operation in order to decrease the number of groups in the Layers palette.

How to Illustrate a Hammer 10


Step 5

Take the Lasso Tool (Q) and select the paths which are not placed over the handle.

How to Illustrate a Hammer 11

Make this selection approximately.

How to Illustrate a Hammer 12


Step 6

Press the Delete button on your keyboard twice. You should achieve this result:

How to Illustrate a Hammer 13

Repeat these actions in order to decrease the quantity of strokes, and delete the unnecessary ones.

How to Illustrate a Hammer 14


Step 7

Open the Brushes panel, click the New brush button, and choose the Bristle brush option in the opened window.

How to Illustrate a Hammer 15

Then set the options as shown in the diagram below. Name this brush “Bristle brush 1.”

How to Illustrate a Hammer 16


Step 8

Select the strokes over the handle,…

How to Illustrate a Hammer 17

…and apply the “Bristle brush 1” to them.

How to Illustrate a Hammer 18


Step 9

Change the Stroke Weight to 0.1px, and the color to brown. You should achieve the following result after these actions.

How to Illustrate a Hammer 19


Step 10

Select the handle, Copy it and Paste in Front (Command + C then Command + F),…

How to Illustrate a Hammer 20

…go to Object > Expand Appearance.

How to Illustrate a Hammer 21

Then go to the Pathfinder panel and click the Unite button.

How to Illustrate a Hammer 22


Step 11

Grab the resulting Compound path in the Layers panel and move it to the top.

How to Illustrate a Hammer 23

After that select both: the Compound path and the group with the strokes,…

How to Illustrate a Hammer 24

…and go to Object > Clipping Mask > Make (Command + 7).

How to Illustrate a Hammer 25


Step 12

You may change the Opacity now if you want.

How to Illustrate a Hammer 26

Move the handle under the head to fix the problem with the strokes, indicated with an arrow in the diagram above.

How to Illustrate a Hammer 27


Step 13

Select the head of the hammer, Copy it and Paste in Front (Command + C then Command + F).

How to Illustrate a Hammer 28

Go to Object > Expand Appearance.

How to Illustrate a Hammer 29


Step 14

Unite the resulting paths using the Pathfinder panel as you did before, in order to end up with the following 3 parts of the head filled with different hues of gray.

How to Illustrate a Hammer 30


Step 15

Select the first path, fill it with an angled linear gradient and set the Stroke to None.

How to Illustrate a Hammer 31

Fill the second path with an angled linear gradient as well and set the Stroke to white and the Brush Definition to the “Bristle Brush 1.”

How to Illustrate a Hammer 32

The third path should be filled the same way.

How to Illustrate a Hammer 33


Step 16

In order to create the top wooden part of the hammer, first go to View > Rulers > Show Rulers (Command + R). Then drag the vertical ruler and drop it at the left side of the handle. See the image below.

How to Illustrate a Hammer 34

Repeat this step to draw the second Guide line.

How to Illustrate a Hammer 35


Step 17

Take the Ellipse Tool (L), draw an elliptical path on the top of the head between the two Guide lines, fill it with an angled linear gradient and rotate it by using the Rotate Tool (R) as shown.

How to Illustrate a Hammer 36

Set the Stroke of the ellipse to white and change the Stroke Weight. Set this to your own preference.

How to Illustrate a Hammer 37


Step 18

Go to Effect > Artistic > Film Grain and set the values which you can see in the diagram below.

How to Illustrate a Hammer 38


Step 19

After that go to View > Guides > Clear Guides.

How to Illustrate a Hammer 39


Step 20

Grab the Rectangle Tool (M) and create a rectangular path which will represent the background. Fill it with a vertical gradient, as shown in the image below.

How to Illustrate a Hammer 40

Select all of the hammer and rotate it by using the Rotate Tool (R).

How to Illustrate a Hammer 41

Oops! We now have a problem which you can see in the diagram above, shown in red.


Step 21

Do you know how to fix it? It appears when the expanded 3D object (the handle of the hammer) does not coincide with the 3D object itself. In order to fix this problem go to Edit > Undo Rotate (Command + Z).

How to Illustrate a Hammer 42

Then select 3D handle of the hammer,…

How to Illustrate a Hammer 43

…and go to Object > Expand Appearance.

How to Illustrate a Hammer 44


Step 22

Now you can select all of the hammer, grab the Rotate Tool (R), and rotate it.

How to Illustrate a Hammer 45


And We’re Done

The final image is shown below. Use the techniques you’ve learned here in your own artwork. I hope you’ve enjoyed this tutorial.


How to Illustrate a Hammer

Alexander Egupov
Alexander Egupov

Alexander lives in the Ukraine and has a passion for vector illustrations.

Articles: 3