Vector Art Tutorial


Vector is the term used for creating or editing images by stretching, twisting, coloring, and so on with a series of tools. It allows you to scale an image without making it blurry or pixelated. A vector-based graphic is composed of a series of mathematically described lines that form geometric shapes.

This tutorial will teach you the basics on how to give your photo the vector feel using the program Adobe Photoshop. We will be utilizing the mighty pen tool in outlining each part of the image. The quality of the image isn’t an issue as long as you have enough details to trace.

1. Open the image you like to vector and make sure to duplicate the original image. Things will get a bit complicated as we go on; when worst comes to worst at least you still have another copy of the original image. Rename the duplicated image so you won’t be confused. Click the eye button of the original photo to turn off the visibility mode.

vector art

2. Begin outlining each part of the image using the pen tool, but make sure to follow every single detail of the original image. Create a new layer for every part of the image (face, hair, arm, shirt, cap, etc.) so that any changes you’d like to make as you go on would be much easier.

vector art

3. Add some highlights to add details and emphasis on your vector images. In this tutorial I’ve added highlights to the hat, hair, ears, eyes and shirt.

vector art

4. After you’re done with your vector, it’s time to create the background. Using the gradient tool choose your desired color. Here, I used dark gray, light pink and violet.

vector art

5. To spiff up your background add some styles using different types of brushes. The brushes I used here are mostly floral. If you don’t have a nice selection of Photoshop brushes, you can conveniently download some online.

vector art

6. Make sure the color of your background and brushes coordinates with your vector image.

7. Viola! You now have your Vector graphics

vector art


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s