Creating Bart Simpson Vector Character in Illustrator

This is a short beginner tutorial. You will use Layers, utilize the Pen Tool and its sister tools, such as the Convert Anchor Point Tool, Direct Selection Tool, etc, to draw and colorize a vector Bart Simpson in Adobe Illustrator. First we will create the basic shape outlines which comprise his body, then create the shadows and highlights to finish off the artwork. If you have any questions of how I created Bart feel free to download the file and take a look.
 

 

 

 

 

Final Image Preview:

 

 

Bart Simpson

 

 

 

Step 1:

Start off by creating a new Illustrator Web Document to the size of 370 pixels (width) by 510 pixels (height), which is the approximate size of the Bart Simpson image.

Create New Illustrator Document
 

 
 
Place the picture of Bart onto your artboard by clicking File->Place then save your file. I searched google images, but you can download the image file and the completed Bart vector HERE.

Lock the Bart image layer then create a New Layer on top, in which you will now draw your outlines.

 

Lock Illustrator Layer

 

 
 

 

Step 2:

 
Using the Pen Tool with a 2 pixel Stroke, we are going to trace around and create the main shapes of his body to form Bart’s head, arms, legs, body, and skateboard.

Trace with Pen Tool
 

 
As you might have noticed I traced around the head, ears, and nose, then using the Ellipse Tool, made the eyes and eyeballs, creating separate objects to form the head, and so on. Using the Convert Anchor Point Tool and Direct Selection Tool you can refine your outlines to almost exactly match that of the image file.
 

Bart Simpson Outlines
 

 
Tip: To more accurately see what you’re tracing, change the Fill Color of your Stroke to None (The white box with the red line through it) before you start.

Now that you’ve traced around the main parts of the character and skateboard to duplicate the black outline Matt Groening drew, you’ll have Strokes (ex. the inside of the ear) and Objects (ex. the outline of the head and eyeballs).

 

 
 
 

Step 3:

 
The strokes need to have their ends tapered so that they look more true to the actual cartoon drawing. Use the Selection Tool to choose a stroke, such as the ear. Click Object->Expand. Select the Stroke checkbox and click Ok.

Expand Strokes
 

 
You are now able to click on the edges of your stroke with the Convert Anchor Point Tool to round your edges. Combined with the Direct Selection Tool to move and adjust the anchor points, you will be able to create a great tapered edge. Finish tapering the rest of the strokes.
 

Bart Simpson Adjust Stroke Edges

 

 
 
 

Step 4:

The next step with this layer is to arrange your Strokes from front to back until they appear as they do in the image file. Right-Click->Arrange on a stroke or Left-Click, then go up to the top menu and click Object->Arrange->Send to Back. After you’re done go ahead and lock this layer since we are done with it.

Arrange Layers From Front to Back

 

 
 
 

Step 5:

Now we’re going to create a New Layer on top of the previous and make the shadows and highlights by tracing around them individually with the Pen Tool.

Trace Around Shadows and Highlights
 

 
Adjust the Fill Color of each shape according to the Matt Groening’s drawing. My shadows and highlights are shown below.
 

Bart Simpson Highlights and Shadows
 

 
When both of the layers are finished you should have a very nice Bart Simpson character which is scalable to any size.
 
 

Final Image:

 
Bart Simpson

Download AI Vector Bart Simpson

No related posts.

 banner ad


3 Responses to “Creating Bart Simpson Vector Character in Illustrator”

  1. jokes says:

    Great post, Information about these Issues Always seem to make my day better!

  2. Some wonderful insights there. Great job and maybe when I get time, I will come back and read some more of your blog.

  3. zullee says:

    Thks a lot for the comment, really appreciated it

Leave a Reply

« Back to text comment
Get Adobe Flash playerPlugin by wpburn.com wordpress themes

Powered by eShop v.5

Data Recovery

PHP Optimization by PHP Speedy PHP Optimization by PHP Speedy