2D Character Illustration Tutorial: How To Draw Characters

2D Character Illustration Tutorial: How To Draw Characters

In this 2d character illustration tutorial, you can follow the step by step process of creating a female character. We’ll guide you through everything from rough sketch to finished vector illustration. You can find out, which are the important things when creating a memorable and an easy to recognize character.

Read ahead to learn how to draw characters in Adobe Illustrator and create unique character designs.

freebie banner

Difficulty: Intermediate

Tools: Adobe Illustrator CS6, Wacom graphic tablet, and creativity

2d character illustration tutorial - final look

Step 1: Start sketching lines

For this step by step character drawing guide I’m starting with a fast sketch of construction lines, trying to define the position and the proportions of the character. You can try more than one until you’re satisfied with the result. On this stage, you should only add the axes, which show the movement of the body and the general forms. I’m going to use rounded shapes with sharp and thin ends. Using similar forms is what makes the character memorable and customized.

Check out: Kids Illustration And Pattern Bundle

step by step character drawing

2d character design in illustrator

Step 2: Put more details to your rough sketch

It’s time to put in some details. The hair blown by the wind adds a dynamic feel to the composition. The purpose of the sketch is to make the process of digitalizing easier, so do not put in too many details.

step in the process

Step 3: Create a new document

Create a new document in Illustrator CS6. I’ll use a canvas with an A4 size, CMYK Color Mode, and 72 dpi Raster Effects.

illustration settings

Step 4: Import the picture

Import the picture in Illustrator CS6. Make a new layer and move the sketch on it. Reduce the opacity of the sketch layer to 20-30%. Lock the layer so you won’t be able to select or move it by mistake.

adobe illustrator character design

Step 5: Convert your drawing image into a vector

Now you are ready to start vectorizing. You can draw the main shapes with the pen tool or with a brush if you feel more comfortable.

I’ll use a calligraphic brush with size 3 and pressure 3. The screenshots below will help you create a new customized brush.

In case you don’t see the brush panel, you can find it in Window-> Brushes.

Check out: Vintage Illustrations Bundle

Convert your drawing image into a vector

2d character illustration tutorial

It’s easier to draw fluid lines without edges, using a brush. The disadvantage is that you sometimes get too many anchor points, which you can easily remove with the smooth tool.

settings

I’m trying to draw continuous lines because later I will unite them to create closed shapes. If you are working with the pen tool, you should make sure all the paths are closed. It’s important to curve the lines where necessary, so you end up with beautiful, smooth lines when you fill the shape.

Check out: The Grand Bundle Of Illustrations

step by step character drawing

how to draw characters

Step 6: Add colors to your vector shapes

Once I made the general shapes and forms, I start filling them in with colors. I’m using a darker nuance for the distanced objects and a lighter nuance for  closer ones, such as the example below.

You can try a variety of color combinations if you aren’t satisfied with the first choice. I’m going to use pastel nuances, to create a uniform range of colors.

step by step character drawing

Step 7: Add lights and shadows to your vector

Adding lights and shadows gives the character some volume, so it’s an important stage of the process.  I’m going to use a warm yellow nuance for the light and a variety of purple colors for the shadows.

2d character design in illustrator

A fast method to add lights and shadows is by copying the shape in front, changing it’s color tone and simply deleting the portion you don’t need with the eraser tool.

Check out: Wondrous Scenery Illustration Images Bundle

Step 8: Give a final touch to the 2d character design in illustrator with more details

To make it playful and more attractive, I’m going to draw some more details, like a belt, a cute dotted-heart pattern on the top, and a seam on her pants. To make it even more dynamic, I drew some random locks of hair.

So this is how the character looks.

woman illustration

To highlight the movement of the hair and to give a stronger sensation of windy weather, I decided to put some leaves around the character. Do you observe how the green circle used as background makes the colors even brighter? The shadow below her feet positions the 2d character illustration in space.

That’s wrapping up this adobe illustrator character design step by step guide.

Check out: Watercolor Illustrations Bundle 

Final result - adobe illustrator character design

What do you think about the 2d character illustration tutorial? Tell us in the comment section below how it helped you draw your characters.

Like this post? Check out more inspirational and informational articles on Graphic Design.

About

She draws pretty stuff for Inkydeals.com and writes Photoshop and Illustrator tutorials for Pixel77.com.

41 Comments on “2D Character Illustration Tutorial: How To Draw Characters

  1. Really this tutorial is more details step by step, so that it is easier to learn for any one who want to create something
    new in any picture by Illustrator. Thanks Biliana for sharing this article.

  2. First, She is so beautiful, I mean character girl. :) . Obviously, Thanks for your share. Oh! another thanks for giving an information about Wacom tablet.

  3. As Creative mind used here to describe it in step by step.

    In the staring girl looks is very simple as well as so beautiful & it looks like the character girl.

    After that the black & white shade converts into the coloured shade that converts the simple girl into modern one .

    Creater has made it so easier for one who want to learn it from the starting.

    Thanks for sharing that enjoyable data.

  4. Really this tutorial is more details step by step, so that it is easier to learn for any one who want to create something new in any picture by illustrator. Thanks for sharing.

  5. Іt?s a sһame yоu don?t have ɑ donate button!
    I?d definitely donate to this outstanding bloɡ!
    I ѕuppose for now i?ll ѕettⅼe for book-marking and adding your RЅS feeԀ to my
    Google acⅽount.
    I loоk forward to fresh updateѕ and will talk
    about this ԝebsite with
    my Facebook group. Chat soon!

  6. excellent publish, very informative. I’m wondering why the
    other experts of this sector do not realize this.
    You should continue your writing. I am sure, you have a huge readers’ base already!

  7. That was a great and comprehensive article…all the tips enumerated and explained will be helpful for those who are wise enough to tap from it. Any business nowadays without social media signals and presence may not make it to the outermost, and investment too is part of the key to success in business. Keep up the good work

  8. Wonderful article with its incredible significant zone, I have like to peruse it on account of its normal belief system for improved data territory. At last Thanks a great deal for it.

  9. Nice work. Am a new beginner on illustrator started few months ago. Plse i need more tutorials.Thanks guyz and more grace to ur elbow.

  10. I always love to use illustrator. This post is really helpful for me. I learn something new from this post. Thanks for sharing this.

  11. I just joined the forum so there are so many things I don’t know yet, I hope to have the help of the boards, and I really want to get to know you all on the forum.

  12. Thanks for sharing this tutorial with us. Very well in-depth explained. I will implement your tutorial and try to make something like this. Character girl also cute. keep up the good work.

  13. It’s ridiculous that I took the pen to try your instructions again. It’s simple, you just need to click the computer mouse. Thank you for sharing this tutorial. It was very helpful for me

  14. Nice blog! I read this blog carefully and learned many of this from this blog. I think the photoshop beginner can learn a lot of things here. I really appreciate this blog. Thanks for sharing a nice idea.

  15. The Photo Editing is a professional clipping path service company based in India, which is operated by dedicated
    and highly experienced professionals. We provide world class photo editing service all over the world. We have become the best quality
    Image Editing Services company for our extraordinary working skills and experiences.

  16. Cut Out IMG is one of the world’s leading image editing service providers.
    My Service: Clipping Path, Multi-Path, Image Masking/hair masking, Neck joint/Ghost mannequin, Image retouching, Drop shadow or Natural shadow or reflection shadow, Re-Color.

  17. Very helpful and creative post, Thanks. If your movie site is blocked but you dont know how to unblock it? Ok, dont worry we have one solution for you, Node Unblocked allows you to clear the restricted site. Also, it’s one site where you can observe free films without violating any regulations.

  18. Since I’m new to the forum and have a lot to learn, I hope the boards can be of assistance. I also really want to get to know all of you there.

  19. It has a special style in the character’s stance. It can be easily recognized. The color combination is easy to see and soothing to the eyesIt has a special style in the character’s stance. It can be easily recognized. The color combination is easy to see and soothing to the eyes.

Leave a Reply

Your email address will not be published. Required fields are marked *