Turn a sketch into a Crazy Santa illustration

previewWe're only one week away from catching Santa Claus in our houses.  This tutorial will show you how to create a Crazy Santa illustration from sketch that I've made for it. This is also a complex guide for creating characters from sketch. Intermediate knowledge of Adobe Illustrator is advised.

Final Image Preview

final_small

Step 1

Always start creating your character from sketching him on the paper, even if are not going to scan your sketch and use it later. Sketches help you to focus on you character and implement your best ideas. Here is the sketch of the Santa that I'm going to illustrate (click to view full-size).

santa_sketch

It always better to scan your images at a high resolution. My cropped sketch is  717x965 pixels which is pretty well.

Step 2

Open Illustrator, create a new document an import you sketch. Go to File > Place, you can either import your image, adjust the size, reduce the opacity and lock the layer or you can just check the template box if the image already has the right size. My doesn't so i did it first way.

The process of transforming a sketch to a vector image isn't easy and requires Pen Tool drawing skills.

Create a new layer and name it Body. Open layer options and set the magenta as the color for the paths.

1

Select the pen tool and start tracing the body paths.

23Then draw the legs and hands.

4

5For the hands, draw just two paths, we'll give them strokes later to achieve the needed result.

6

Take advantage of other Illustrator tools, use rounded rectangle tools for drawing gloves. Adjust the radius of the corners by pressing up and down arrows on your keyboard.Do the same to the second glove.

7

Draw Santa's belt.

9Step 3

We're now moving to the head. Create a new layer and name it Head and Face. You can also set the same options for this layer as we did with the last one. It's a good idea to take into consideration the sequence of the shapes you're drawing in order to have less stuff to adjust later.

Our lowest sublayer will be the ear sublayer.

10

Then goes the head.

11Now draw the Santa's whiskers.

12Trace now the beard path. This is probably the hardest path from our image because of the swirls.

13

Draw the right (Santa's left) mustache first and then the left side.

14Draw the nose.

15Start drawing the hat from it's main part then go with details.

16

17Draw the eyebrows.

18Use ellipse tool to draw a cheek and the eyes. Draw just the outline stroke of the eyes, we'll add details later.

19

Step 4

Now we'll draw the chair. The chair will be separated on two layer because a part of it is hiding Santa's legs. Create two new layers, name Chair 1 the first one and Chair 2 the second. Drag the Chair 1 layer under the Body layer and make Chair 2 the top layer.

Select Chair 2 layer and start tracing the chair.

21

22

Select now the Chair 1 layer and continue drawing the parts hidden after Santa.

20

23

24

25

Add some details.

26Step 5

We've made it to the most interesting part of the tutorial. We're now adding color! Remove the sketch or make it invisible. Press Command + A to select everything and give it a 1pt stroke so now everything is visible. You'll be removing strokes one by one when filling paths with colors.

27

At this point he maybe looks a bit strange but it's fine. Since our layers and sub layers are structured correctly you can start coloring from whatever you want, but I prefer starting from head of the body.

Step 6

Select the head path and give it a gradient from #EF896E to #F9BAA0, adjust it's position and don't forget to remove the stroke.

28

As I said before, we'll draw the eyes and details. Select the left eye, by using the Offset Path command (Object > Path > Offset Path ) create two smaller circles inside this one. I used -5 and -6 pixels as the Offset value.

29Fill the biggest circle with white, the smallest with 90% gray and the middle one with a radial gradient from #2B3990 to #27AAE1 .

30Draw another two small circles intersecting the middle and the smallest eye circles. These will be he highlights.

31Delete the second eye and place a smaller copy of the first one instead.

32Select the cheek circle, and give it a red ( 80% opacity ) to transparent radial gradient.

33Give a linear gradient from #C45567 to #EF6280 to the nose.

34Draw a small white circle on the tip of the nose and give it a 6.6 pixels Gaussian Blur.

35Select a mustache and give it a linear gradient from #ABCAD3 to #EAF7F9 .

36Select the beard path and give it the same gradient but make it radial this time.

37

Apply the same linear gradient to whiskers.

38Select the ear shape and using Eyedropper Tool apply the face gradient to it and make radial.

39
Select the white hat details and give them both a radial gradient from 10% gray to white.

40Select the hat itself and give it a linear gradient from #A12027 to #CE242E .

41For the gloves use the same gradient as we've for the hat.

42Select the eyebrows and apply the mustache gradient to them.

43Select the body path and apply the same gradient that we've applied to hat but adjust it's position.

44Select the hands paths and give a 9pt bright red ( from gradient ) stroke.

45Select the inside part of the dress path and fill it a dark red.

46For the main belt path will use a linear gradient from 90% gray to 80%.

47

For the second belt shape apple a radial gradient from #FBB040 to #F9ED32 .

48Select both legs paths and apply the same gradient as we used to the body and adjust their position.

49For the boots use a black to 90% gray linear gradient.

50Step 7

Since we've finished with coloring Santa himself, we move to the chair.

Select all metallic details of the chair, select the Eyedropper Tool and click on Santa's golden belt shape to apply it's gradient to all selected paths.

51Select chair paths one by one and start applying the same gradient to them ( from #27AAE1 to #1C75BC ) adjusting their positions according to the general light that we have in our illustration.

52

5354Select the chair legs and apply a dark yellow to usual yellow linear gradient.

55Select the last leg and give it a dark yellow fill.

56Select those small lines on the chair, make them no stroke and give them a dark blue fill.

57

Give your image a background and a shadow and our illustration is ready! Is Santa crazy or is he a genius? you decide.

Final Result

final_small

Share This Post
  • Digg
  • del.icio.us
  • StumbleUpon
  • Facebook
  • LinkedIn
  • Design Float
  • Mixx
  • Twitter


Subscribe to the AiMonkey RSS Feed to stay up to date with the latest vector tutorials and articles.

                                               
  • Cool! I like it very much!

  • awsm!!!

  • I really love your Illustrator tutorials. So detailed, and the end result is always excellent.

  • Excellent tut. Nice to see all those steps from start to finish.

  • amazing tutorial and you giving easy way to make illustrator designs, thanks.

  • Nice tutorial. Felicitari!

  • Excellent !!!

  • That character is just awesome! This is a well thought out tutorial. Keep it up!

  • Really nice carachter and tut!

  • This tutorial is awesome, I’ve often wondered which program (Photoshop vs Illustrator.. or another) would be best for importing a hand-drawn image and converting it. The end product looks so great! I can’t wait to try it. Thanks for your post!

  • Pen tool = most underestimated tool// I love the drawing

  • Totally agree, I use it every single day, for every single illustration that I make.

  • such a nice work you did in this crazy illustration.

  • Thank you very much !

  • Great tutorial, can you tell me what the name of the font is that you used? It’s really a great look.

    Thx

You can follow any responses to this entry through the RSS 2.0 feed.

About aiMonkey

Aimonkey.com is a blog dedicated to Adobe illustrator tutorials and design. aiMonkey and all content is completely designed and maintained by Alexandru Siminitchi and Ilie Ciorba.

Hire us

Like our site and tutorials? Hire our team to help you with your next design project! Use Contact Page to provide us some details.

Suggestions

Want to join our resources list? Head on over to the Contact Page and send us a request. You can ask any kind of tutorials from us. If you have any suggestions or feedback on how we can improve our site for you then don't be shy, contact us.