Basic Vector Art

Guest tutorials explained

Over the years I've been writing many Adobe Photoshop tutorials and recently been writing for additional categories such as Cinema 4D and CSS. Now since I helped a lot of people with my tutorials it just seems right to have the option for members to give something back to the Celox design community by submitting there self-written tutorials to this site, keep in mind that it's not a tutorial engine instead all submitted tutorials will be re-published on this site.

Members that will submit there tutorials on this site will be awarded with a link back to there own website on the specific tutorial's page, this link will be in text format so it will most definitely improve your search engine ranking.

Intro:

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.

Step 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.

Step 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.

Step 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.

Step 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.

12Next >Last >>