How to Create a Dark Emotional Photo Manipulation

TutsKing — Tue, 04 Aug 2009 06:07:49 +0000

This is a tutorial with a simple idea: to create an emotional photo manipulation. Following this tutorial, you will learn how to blend different images to make a dark atmospheric background, modify the dress of the model, apply makeup, paint hair, blend different objects in the background, and more – all to create a moody illustration. So, let’s start!

End Result:

Creating Bart Simpson Vector Character in Illustrator

TutsKing — Wed, 29 Jul 2009 09:01:58 +0000

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, and Direct Selection Tool, 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:

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.

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.

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.

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.

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.

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.

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.

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.

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

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

Final Image:

Download AI Vector Bart Simpson

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License.

How To Create Your Own Stylized, Vector Badge

TutsKing — Wed, 15 Jul 2009 13:00:23 +0000

In this tutorial, we will learn how to illustrate a face with the help of a photo, and how to create a customized pin button out of it. This is a fun tutorial using relatively simple techniques. Let’s get to it!

End Result:

Tips For Working With The Gradient Mesh Tool In Illustrator

TutsKing — Tue, 07 Jul 2009 19:07:40 +0000

One of the most amazing and confounding tools in Adobe Illustrator is probably the Gradient Mesh tool. Working with this feature allows the user to divide almost any shape into a mesh. Each intersection of two lines (horizontal/vertical) can be colored with a solid color. This tutorial takes a different format than some of our other tuts, and will help you work with the Mesh tool better.
End Result:

Tuts King » Pen Tool

How to Create a Dark Emotional Photo Manipulation

Creating Bart Simpson Vector Character in Illustrator

How To Create Your Own Stylized, Vector Badge

Tips For Working With The Gradient Mesh Tool In Illustrator