Today, we have a special guest author Todd Lauzon joining the AG Blog to lead us through his creative process in creating the wonderful cartoon character shown above.
As a professional illustrator (you can read more about Todd at the end of this article), Todd makes full use of AG’s Illustrator plugins, VectorScribe, DrawScribe and Phantasm CS. If you don’t make use of these time saving creative tools already, you can follow this article by downloading the full 14 day trial versions from here…
This article is not intended to be a step-by-step guide to creating this artwork, rather an overview especially for those with some level of familiarity with Illustrator.
Note: many of the images were captured full-size. Due to the level of detail on the design work, each image may be clicked on for a full-resolution version!
Going vector
I started this character as a sketch outside Illustrator. Sometimes I use a pen or pencil and scan in the sketch, whilst other times I work with Sketchbook Pro or Photoshop on my Wacom Cintiq.
I place my cleaned up sketch on an Illustrator template layer with the image dimed at around 20-30%. You know the deal!
Click on image for large version
Bring on DrawScribe and its Dynamic Sketch tool! I first click the drop down menu in the Dynamic Sketch panel (Window > DrawScribe > Dynamic Sketch) and select Stylus pressure. I activate the gesture trimming function along with the Pressure (non-linear) on the profile. I then just start inking away.
Click on image for large version
For longer strokes, I tend to use the InkScribe tool (part of DrawScribe) for more control. I then combine that with the pre-built line profiles in the stroke window and the width tool.
Click on image for large version
For the smaller details in the face I also resort to the powerful tools withing InkScribe. I’ll sometimes use VectorScribe for tweaking but most of the time, I can manage doing what I need with the InkScribe options. For building shapes I just use the old-school and trustworthy Pathfinder tools.
Click on image for large version
Oops! Don’t forget to save, kids!
Click on image for large version
I continue inking with the Dynamic Sketch tool. Again, I love the gesture triming option because I can focus on getting the line I want and then just cutting away what I don’t need afterwards.
Click on image for large version
I often switch back and forth between Dynamic Sketch and InkScribe to tweak my lines and move the points when it’s not exactly what I want.
Click on image for large version
Here I just continue away inking with Dynamic Sketch along with the Gesture Trimming functionality.
Click on image for large version
Click on image for large version
We’re getting there! Here’s where we’re at now. I inked the arms using the same techniques I used previously. Slapping down some lines and trimming away what I don’t want.
Click on image for large version
Weaving the web
Using InkScribe, I move along to inking the webs under her arms. I’m still getting used to this feature but I often forget you can just slap down your points and worry about your curves afterwards. It’s a huge time saver because you’re not playing around with beziers trying to get that swoop you want. You can just move the line the around by hand which is a much natural way to work. I use a cintiq so this is great because I’m less of a slave to my keyboard! To get the thick and Thin look i just slap on a default line profile again.
Click on image for large version
Click on image for large version
Here I use a combination of InkScribe and Dynamic Sketch tools to get the detailing on her suit done. I then expanded the lines to tweak them but I realize now that I should have just used Gesture Trimming to cut out the overlaping lines. Looks like I’m learning on this article myself!
Click on image for large version
Click on image for large version
Coloring
Click on image for large version
Looks like we’re done with the inking. Now let’s move on to colour!
Firstly, I duplicate the line work and copy it on the a layer on top. I then lock the layers so that I don’t select it by accident.
Next, select the original line art and remove the colour information on the inked lines and I convert it to a live paint objects. Following this, I apply some colour flats to my character.
Click on image for large version
Click on image for large version
I then unlock the copied ink lines and convert them to outlines so that I can add colour holds to them. I use the Draw Inside feature and the Blob Brush inside of Illustrator.
I find the Draw Inside workflow to be kind of wonky, so I’ll explain the way I do it in a more detailed manner.
- Select the shape you want to paint
- Activate the Draw Inside feature on the tool bar or by pressing Shift-D twice (once brings you in the Draw Behind mode)
- Click off the shape to deslect it
- Select the Blob Brush tool
- Select the colour you want to paint with
- Paint in the shape
- Activate the Draw Normal feature on the tool bar or press Shift-D once
- Move on to the next shape
It helps to create a swatch list of the colours you use for quicker access. It can get frustrating to have to add an eyedropper tool step in the process above and it can get pretty difficult picking colours from a masked shape (Draw Inside shape).
Click on image for large version
Click on image for large version
I move along with painting in some shadows and colour holds on the ink lines using the technique mentioned above. I also used the Phantasm CS plugin here to run a Hue/Saturation and Levels operation to tweak the colours at this point.
Click on image for large version
Next, I decide to move along in doing the Kirby Krakle effect for the background. Contrary to my basic circle in the beginning I felt it would be more appropriate to have this because it would reflect our superhero’s venomous powers.
I originally experimented with the Halftone feature in Phantasm CS to make the Kirby dots but although the results were interesting, they still looked a little too “calculated” to my liking and it wasn’t exactly what I was looking for.
So I then opted for a more simple approach by making myself a set of Scatter Brushes made with a simple circle or oval. They scale pretty nicely too!
The brush set created is present in the downloadable file at the end of this article.
Click on image for large version
Texturing
On to texturing… At this point I realize that I forgot to add some shadows in the face area. I also brought down the opacity of the blue webbing shape.
To add a little “organic” flare to my illustrations, I started using some paper textures on a colour burn blending mode. I add these on a seperate layer then lock them so they don’t interefere if I need to go back to the artwork. The end result is subtle but it’s just enough to remove a bit of sterilty that can attributed to vector artwork.
As you can see I incorporated my signature to the Kirby Krakle!
Click on image for large version
Conclusion
If you’ve moved on to Astute Graphics’ plugins, I assume you have a good grip of Illustrator and that’s why I wasn’t aiming at making a “recipe” type tutorial but more an inside look at the process I used to make my Spider Woman illustration using some of Astute’s tools. I hope you enjoyed my tutorial! Don’t hesitate to cantact me for any questions regardarding this article.
Cheers from Montreal!
Download the artwork
Click here for Illustrator CS3 and CS4
Click here for Illustrator CS5 and above (also PDF compatible)
About Todd Lauzon
My name is Todd Lauzon and I’m a children’s illustrator based out of Montreal, Québec, Canada. I grew up in rural northern Ontario on a steady diet of comic books, cartoons, and movies which inspired me to draw… and I’ve never stopped since (well maybe for a little bit when I hit puberty and started liking girls).
I’ve dipped my hands in many mediums but I do most of my creating digitally now. I love the flexibility it gives me and lends itself very well to experimentation. I’ve always liked Adobe Illustrator but I now I LOVE it even more with the addition of Astute Graphic plugins!
You can follow me on Twitter, Facebook, or just visit my website toddlauzonillustration.com