How to Create a Santa Icon Using Adobe Illustrator

How to Create a Santa Icon Using Adobe Illustrator

In this tutorial I will show you how to create a cute Hipster Santa icon, using Adobe Illustrator. Hopefully you will learn some new tricks, let me know! Let`s start!



Final Image

How to Create a Santa Icon Using Adobe Illustrator


Step 1

Using the Rectangle Tool (M) create a 600 x 260px rectangle and fill it with blue color #BAE5E1.

Take the Ellipse Tool (L) and create a 190 x 190px circle (#9BDDDA).

Go to Effects-Stylize-Drop shadow, make Opacity 30%, X Offset 1px, Y Offset 1px and click OK.

How to Create a Santa Icon Using Adobe Illustrator 1
How to Create a Santa Icon Using Adobe Illustrator 2


Step 2

Using the Ellipse Tool (L) create a 60 x 60px circle (fill #F2EFE4, stroke #655F70, 2pt stroke size) and with the Direct Selection Tool (A) selected, delete the upper point of the circle.

How to Create a Santa Icon Using Adobe Illustrator 3

Now with the Pen Tool (P) selected draw a head about 40px high.

How to Create a Santa Icon Using Adobe Illustrator 4
How to Create a Santa Icon Using Adobe Illustrator 5

Using the Pen Tool create ears on each side of the head.

How to Create a Santa Icon Using Adobe Illustrator 6

Open the Stroke Panel and choose Round Join and Round Cup. Use these settings in the next steps also. Do the same for the nose.

How to Create a Santa Icon Using Adobe Illustrator 7
How to Create a Santa Icon Using Adobe Illustrator 8

Using the Pen Tool create a line 6px long.

With the line selected, hold the Alt key and drag the line to the right to copy it. Ctrl+D until you have 6 lines.

How to Create a Santa Icon Using Adobe Illustrator 9

Use them to create the eyes and hair lines.

How to Create a Santa Icon Using Adobe Illustrator 10


Step 3

To create the hair, take the Pen Tool and first create a shape similar to this (fill #E1EFEE).

How to Create a Santa Icon Using Adobe Illustrator 11

Hold Alt to control handlers, Shift to straighten out your point.
Create another shape and place it under the first one.

How to Create a Santa Icon Using Adobe Illustrator 12

Add some details.

How to Create a Santa Icon Using Adobe Illustrator 13


Step 4

Let’s create a hat. Using the Rectangle Tool create a 35 x 9px rectangle (#FFFFFF) and with the Direct Selection Tool selected, round the corners.

How to Create a Santa Icon Using Adobe Illustrator 14

Go to Object – Envelope Distort – Make with Warp and select Bend / Horizontal / 7%.

How to Create a Santa Icon Using Adobe Illustrator 15

Using the Star Tool draw a star (#E291AC) and while still holding the mouse, press arrow down on the keyboard two times, till you see a triangle.

Adjust the triangle to fit the hat and add a small circle on the top.

Put the hat on top of the Santas head.

When we created the hair, we used two shapes, bring the first shape on top of the hat by selecting the shape and hitting Ctrl-Shift – ], or go to Object-Arrange- Bring to front.

How to Create a Santa Icon Using Adobe Illustrator 16
How to Create a Santa Icon Using Adobe Illustrator 17


Step 5

Create the mustache using the Pen Tool, if you are not happy with shape you created, use the Smooth Tool to soften the edges.

How to Create a Santa Icon Using Adobe Illustrator 18
How to Create a Santa Icon Using Adobe Illustrator 19
How to Create a Santa Icon Using Adobe Illustrator 20
How to Create a Santa Icon Using Adobe Illustrator 21
How to Create a Santa Icon Using Adobe Illustrator 22

For the beard, create a 55 x 55px circle and using the Direct Selection Tool select the upper point and slide it down a bit like this:

How to Create a Santa Icon Using Adobe Illustrator 23
How to Create a Santa Icon Using Adobe Illustrator 24


Step 6

We are almost done! Let’s add some shadows! To create a shadow for the mustache, copy it and create a shape similar to this:
How to Create a Santa Icon Using Adobe Illustrator 25

Go to the Pathfinder Panel and click on Intersect.
How to Create a Santa Icon Using Adobe Illustrator 26

Delete the stroke, set blending mode to Multiply and Opacity to 40%.

Repeat these steps for the face, hat, forehead and any other parts you want.

Now select all the shapes of Santa and hit Ctrl-G to group.

Copy the group and go to Object-Expand and click OK.

How to Create a Santa Icon Using Adobe Illustrator 27

Go to the Pathfinder Panel and click Unite.

How to Create a Santa Icon Using Adobe Illustrator 28

Place this shape under the Santa and fill with the same blue color, blending mode Multiply, Opacity 70 %.


And We’re Done!

Hope you enjoyed this tutorial – see you for the next one!
How to Create a Santa Icon Using Adobe Illustrator