How To Draw The Batman
With Your Mouse
In Like 53 Steps

Welcome to Drawn By Mouse. This is where I post the random things I draw… with my mouse. Nobody has ever asked me how I make my drawings, but I thought I’d make a tutorial anyways. So here we go. Fire up your Adobe Suite and tell your mom to brew some rich, chocolatey Ovaltine, it’s time to draw the Batman, bitches.

Step 1: Make A Rough Sketch, IN ADOBE ILLUSTRATOR

Step 2: Delete Extraneous Lines

Soon we’ll be using this sketch to “ink” over, so we need to delete all of the extra lines that will make it harder to determine where to make our “pen” stroke. And no, I do not “bathe regularly.”

Step 3: “Inking”

At this point, I’m making the huge assumption that you know how to use your Pen Tool. If you don’t then I suggest two things for you. 1,get the Logo,Font and Lettering Bible by Leslie Cabarga for awesome instructions on using the Pen Tool, and 2,follow Captain Mark Kistler’s advice and practice, practice, practice!

Step 4: Light Source(s) and Pre-Coloring

Whoops,I done goofed again. I would typically decide on a light source during the rough sketch stage. However, I forgot to. Oh well, we’ll just have the light coming in from… Hmm, Batman is trapped inside of a windowless, light-sourceless room. Well. Shit.

Step 5: Coloring

I would also like to assume you know how to use Illustrator’s Live Paint feature. But I’m already making lots of assumptions so here’s the crash course:

          Select objects. Click with the Live Paint Bucket. Repeat.


Step 4: WHOOPSIES! Oh noes! In my haste to create my coloring lines,Iforgot to make the lines for the damsel’s hair! Luckily,Illustrator is the most forgiving application on the face of the planet. Simply draw the strokes you need, Select everything, and Merge these new paths with the whole Live Paint Object.

Step 6: Finish Line

Now you should have a layer of inked strokes to fit nicely over your coloring layer. And this looks nice,it could be fine like this. But let’s try taking it a step or two further.Lock your color layer,and change your stroke colors to match the color of its fill. For Batman’s blue costume I’ve used a darker blue stroke to match it. It’s a subtle touch that makes the end result easier on the eye. To emphasize stress points and parts of the image that should convey gravity,thicken some strokes and thin out others. The damsel is more background noise than anything,so I thinned her lines to a .5 stroke,while the sole of Batman’s boot and his solarplexis are key elements,so I thickened those strokes to 2 points.

Step 7:

Steps 7 to 53 are all totally random pieces of the process. I hardly ever do the same thing after I’ve reached this point. I like to find Photoshop tutorials and apply new techniques to artwork past this stage. For the above image I put these layers into Photoshop and burned and dodged the coloring and the lines. Then I added a granite texture layer that I Multiplied and erased in areas to give just a subtle hint of weatherization.

Well, that’s it. Thank you very much for stopping by, and, if you made it all the way through my tutorial, I hope you found some interesting techniques to carry into your own artwork.

Ciao for now!