In this tutorial I will show you how to begin with vectors. The easiest way in my opinion is tracing anime/cartoons. I will trace Gogeta from Dragon Ball Z.
When you’re done with tutorial you will have something similar to below:
Note: Vectors take a lot of time and dedication, so be patient if you make one.
Find a good quality image of an anime character or use the one I used below:
Open this image and grab the Pen tool (P). Make sure your pen tool settings are as below:
First weâ€™ll trace the skin. Use the eyedropper tool (I) to select the base color of the skin. Make a new layer and start tracing with the pen tool. If you did it correctly you will get something like this:
Note: Everytime you trace something, make everything but the background invisible, so you can trace it.
Now make a new layer underneath the skin layer and trace the hair. It will look like this:
Make a new layer underneath the hair and start tracing the orange things on his clothes.
You should get something like this:
Again make a new layer underneath the previous one and trace the black. Result:
Now itâ€™s time to create the shadows. Weâ€™ll start with the skin. First make a new layer on top of the skin layer and create a clipping mask (Ctrl+Alt+G). Trace the darkest areas of the skin and fill it with black. Set the blending mode to Soft light with an opacity of 60%. Youâ€™ll have something like this:
Note: Everytime you trace a dark shading: Fill with back, set blending mode to Soft Light with 60% Opacity. With the light shadings: Fill with white and set blending mode to Soft Light with 60% opacity.
Now weâ€™ll trace the other two lighter shadings of the skin. Do the same as before, only now fill the layers with white. Use the same blending options and opacity. First start with the darkest highlight. Make a new layer on top of the dark shading layer and make sure itâ€™s got a clipping mask like the other layer. Result:
Now create a layer on top of the previous one and do the same things to get this:
Alright, letâ€™s continue with the shading of the hair. Create a new layer on top of the hair layer and create a clipping mask again. Trace the dark area, youâ€™ll get this:
Now trace the light shading. Result:
Now weâ€™ll shade the orange clothing. NOTE: Donâ€™t do the same as before, do it like this: First create a new layer on top of the orange clothing layer. Start tracing the darkest shading and fill it with black. Set the blending mode to soft like with 30% opacity. Now make a new layer on top of it and trace the other dark shading. Fill it with black, set blending mode to Soft light with 40% opacity.
Make a new layer on top of the others and trace the light areas. Fill this with white, set blending mode to Soft Light again with 60% opacity. Youâ€™ll get this if you did it correctly:
Starting to look cool, eh?
Now weâ€™ll shade the last part of the clothing, the black part. Make a new layer on top of the black one and create a clipping mask. Trace the light areas, fill it with white and set blending mode to Soft Light with 60% opacity. Youâ€™ll barely see any difference, because the layers is black, but it doesnâ€™t matter.
Letâ€™s create the eyes. Make a new layer on top of everything and trace the white part. Fill it with white. Now pick the eye colour with the Eyedropper tool (I) and trace them. Make a new layer above the white layer and fill it with this color.
Pick the normal haircolour now, make a new layer above the previous one and trace the eyebrows. Fill it and youâ€™ll have something like this:
Now weâ€™ll make some lines in it. This is what makes me different than a lot of others. They just trace it and stroke it with an one pixel line. I donâ€™t like this, so weâ€™ll be doing something else.
Make everything invisible except the original image and make a new layer on top of everything. Pick a darkbrown colour (#603913) and start tracing the lines.
Trace the lines like you traced to shadows, etc. Trace all the black areas that are meant to be lines of the DBZ image.
This takes the most time of all, but it looks cooler than just a 1 pixel line. Be patient and donâ€™t rush this. It can be a bit messy, but only a bit. We donâ€™t want to make it look like a 5 minutes work.
Now if you did this correctly, you should have something like this:
Looks much better now, doesnâ€™t it?
Step 13: (Optional)
You can blend the vector a bit by making the background invisible, so you only have your tracings visible, create a new layer and apply image. Set the blending mode to soft light with 50% opacity.
You can make a simple background by adding a gradient with some colours that fit.
You should now have something similar to this:
VoilÃ , youâ€™re done. Keep practicing with this and youâ€™ll soon be able to make a vector out of a person!