Step 1: Get the Right Gear!
Step 2: Sketch It Up!
Step 3: Line It Up!
- Create a new document and set it to something nice and big (1280Ã—1024 pixels is a good start).
- Create a new layer and add your rough sketch to it. Scale it so it fits the size of the stage fairly well. Set the layer to guide mode, and lock it.
- Again, create a layer, but this time add it above the first and create a blank keyframe.
You should now have a layer configuration which looks something like the above picture.
Sweet. Now that you are all setup, grab the line tool ( Shortcut is â€Nâ€) and set it to a colour that is completely different to the original line. I usually sketch in blue animatorâ€™s pencil, so I use red to make it easy to distinguish the vector lines from the rough. A line stroke of 1 pixel works great - so stick to that width.
Step 4: Getting Bendy
Grab the line tool, and create a chord across a small span on the curve (if you aim for something too big you will miss the contour) .
After the chord is established, grab the arrow tool (or hit âVâ), and bend the chord until it matches the shape of the curve. It takes a lot of practice to get the knack of it, but once you do, you will be able to vectorise almost anything.
Now that you have a segment of a curve, all you have to do is keep adding more segments onto the end until you have a nice sweeping line. You might also notice that if you drag the vertex of the line around, there will be a snapping point. That is the point of infliction between two curves, and in doing so, it removes any sharp connections between segments.
Step 5: Here Is One I Prepared Earlier
Step 6: Blocked in Colour
Step 7: Basic Shading
Shading is simply a matter of sampling the base colour and moving above and below the midtones. The harsher the lighting, the further the way you should deviate from the tones. To avoid major stepping, two tone shadowing and highlighting is a great way to break the harsh tonal divisions up. Consider the direction of the light source, and project the shadows in the opposite direction, whilst keeping the closet face to the source highlighted. The easiest method to select tonal values is to move the brightness slider up and down whilst the relevant midtone is selected. This will prevent any wacky tinting going on with shading.
Step 8: Tidying Up the Composition and Conclusion
Everyone has their own unique style, so keep playing around with ideas until you hit something nice. A vector piece is only as strong as the concept behind it, and your own boundaries. Pretty much anything is possible with vector art, you just have to have the patience and skill (after practice) to be able to translate thoughts into â€artâ€. here is a bunch of illustrations I have made using this workflow
Well I guess that concludes the first of many guides I guess I will pop out of me from time to time. I hope it gives you a general insight into the work flow that I follow. This general methodology can be applied to all forms of illustration , AND animation .
If you have any questions, feel free to Email me, post a comment, or track me down on the Kirupa forums