Drawing vector portraits Part 4: The Lips

In the previous posts, I’ve explained how to draw the face, eye and nose. In this tutorial I will explain how to properly draw the lips, obtaining depth and volume.

I’ve received some requests of explaining more thoroughly the tracing process in Illustrator, so this will be a more in-depth research than the others.

So let’s begin. We will work on these sketches I’ve made.

lips Drawing vector portraits Part 4: The Lips

The lips are not just three lines on the face, they are a complex entity surrounded by lots of muscles. It has high flexibility and this is a very important attribute to keep in mind, it will affect the thickness of the lips when drawing expressions.

It is important you understand the shape and positioning, else your subject will look like he has a flat face, and we definitely don’t want that.

Basics

The lips are composed of five distinct areas, shown in the image below. You can start with those shape as a base for the lips, you can throw a rough contour later on.

The waterdrop-like shapes allow you to create smooth contour lines alot easier that if you would draw them directly. So my advice is to start with these lines.

214 Drawing vector portraits Part 4: The Lips

Proportions

Notice in the image below the proportions between the top lip and the bottom lip. Usually, the top lip is thinner than the bottom lip, but not in all cases. Study your subject closely and you’ll get them right. Just imagine a line between the mouth’s corners, then everything will be clear. One thing about the mouth’s corners: do not draw them sharp! It’s an area where the top and bottom lips intersect, so make sure they have a fair amount of volume.

310 Drawing vector portraits Part 4: The Lips

In the second image above, take a close look at the tri-dimensional profile and understand the shape of each lip. This will basically enable you to do a  great shading with no headaches.

For the profile view, the top lip usually stands out more than the bottom lip or as much as it.

Shading and lighting

Once you got hold of the shape, this part should be fun to do. In the image below, I’ve marked the areas for:

- Dark shading (red)

- Medium shading (yellow)

- Light shading (blue)

- Green (light)

410 Drawing vector portraits Part 4: The Lips

There are some areas that need special attention, namely just suggesting them. They’re hardly noticeable, but you’ll obtain more depth.

510 Drawing vector portraits Part 4: The Lips

Brief

In short terms, your workflow for the pencil sketches should be like this:

610 Drawing vector portraits Part 4: The Lips

Turning into vector

Create a new document and drag-drop the sketch onto our canvas and reduce its Opacity to 65%. Create a new layer above it and lock the first layer. Grab your Pen Tool (P) or Brush Tool (B) if you have a graphic tablet.

Start Tracing the strong lines of the contour with a dark line. Try to keep a nice line flow as much as you can.

77 Drawing vector portraits Part 4: The Lips

Create a layer under this one and select it. Then lock the top-most layer. Pick a dark gray and draw the strong shades. You don’t have to be precise, you’ll draw under the contour lines.

83 Drawing vector portraits Part 4: The Lips

Create a layer under the current one and lock the one above it. Then use a lighter gray and draw the medium shading.

94 Drawing vector portraits Part 4: The Lips

Do the same for the base color and lights. It sounds awkward to have the lights under the shadows, but trust me, you’ll have it alot easier this way.

7891 Drawing vector portraits Part 4: The Lips

Unlock all layers, select all (CTRL+A), then go to Edit > Expand appearance, Edit > Path > Clean up. Go to Pathfinder window (Window > Pathfinder) and click the “merge” button”.

At this point, you are free to adjust the colors as you please.

Go to Swatches window (Window > Swatches), click the button in the bottom left corner and select “Skintones”.

Grab the Magic Wand (Y), press Enter, set Tolerance to “0″ and click each color, then pick one from the Skintones palette.

Feel free to add small lines to texturize the surface of the lips!

3563 Drawing vector portraits Part 4: The Lips

Want to take a closer look ? Download the source file from the link below.

ics Drawing vector portraits Part 4: The Lips
Enter your name and email to receive the download link
Name

Email





(2.7 MiB, 357 hits)

download button Drawing vector portraits Part 4: The Lips

0saves


If you enjoyed this post, please consider leaving a comment or subscribing to the RSS feed to have future articles delivered to your feed reader.

Related Posts

pixel77-free-vector-satisfaction-guaranteed-verisign-0524-220

Free Vector of the Day #343: Satisfaction Guaranteed Verisign

pixel77-free-vector-colorful-banners-0523-220

Free Vector of the Day #342: Colorful Minimal Banners

pixel77-free-vector-discount-banner-0522-220

Free Vector of the Day #341: Discount Banner

pixel77-free-vector-website-menu-0521-220

Free Vector of the Day #340: Website Menu

12 Comments

  1. Manuela

    05.25.2010

    Reply

    Wow! That’s great!

  2. Laira

    05.25.2010

    Reply

    wow…great post.really amazing job….

  3. Image Masking

    05.26.2010

    Reply

    It was really awesome post!
    Thanks a lot for sharing..

  4. reADactor

    05.27.2010

    Reply

    nice sketches. the final vectors look great.

  5. Great information! I’ve been looking for something like this for a while now. Thanks!

  6. My cousin recommended this blog and she was totally right keep up the fantastic work!

  7. Clippingimages

    08.08.2010

    Reply

    Really a cool one buddy..thanks for sharing …awesome one

  8. I’ve recently started a blog, the information you provide on this site has helped me tremendously. Thank you for all of your time & work.

  9. unbelieveble news dude

  10. Vicente Aruizu

    10.08.2010

    Reply

    Greeting from me sir :D i hope you will happy . Good bye

  11. praise139

    02.08.2011

    Reply

    This post is even more informative than the previous one. Thank you for sharing your process, it’s very, very helpful to me as I’m just starting out with illustration.
    Blessings!

  12. WOW! This is a work of excellence. Brilliant! want more post like this. Thanks…

Leave a Reply









Read Next