Okay – back at it for another week of tutorials and tips for drawing comics! Today’s installment features another one of mainstream comics favorite stars – Batman. In the first part of this 3 part tutorial, I’m going to show you how to draw a basic version of the Caped Crusader, complete with a background at night. This tutorial requires a WACOM (or similar brand) tablet and stylus and Adobe Photoshop – you can substitute Photoshop with a different photo editing/drawing software. For the purposes of this tutorial, I will be using Photoshop CS3 and a Wacom tablet (Graphire 3 – the OLD standby).
Creating the Workspace

I like to start with a nice wide sheet – you can use the typical US Paper settings of 8.5 by 11 inches. Make sure your resolution is at least 300 pixels/inch (dpi).
Gather your Reference Material

We all know the basic ‘look’ for Batman. The common items include a cape and his trademark cowl, and depending on the level of heroic looking figure, a muscular armored chest piece. I gathered all of these pics from Google images – ripped abs, a vampire cape, and the Batman mask. These items are all you need to get started.
Setting up your Layers

Create a new layer for your rough outlines / blocked images. Choose a small brush ( 1 or 2 pixels) for use when scratching in your construction lines.
Drawing the Figure with Construction Lines / Form Sketching
Step 1 : Draw an oblong head shape similar to a watermelon.

Step 2: Create dividing lines on the head shape to indicate where the eye level of your figure will be – if the horizontal line is low on the shape, it will look like the head is facing downward. If the line is higher up the head is facing upwards. If the vertical line is closer to the left, the head is facing left, and if the line is further right, the head is facing right. You get the idea.
Curve the lines slightly to create a reference for developing 3D depth.

Step 3: Divide the horizontal line into 5 equal segments. This will determine the proper proportions for the eyes.

Step 4: Divide the lower half of the face into 3 sections vertically. Place horizontal markers indicating the bottom of the nose and the opening of the mouth.

Step 5: Create the shoulder line by drawing a curve that equals twice the length of the head. The center of the curve at its peak should touch the tip of the chin.

Step 6: Rough in some ears. The neck lines should extend from the point where the earlobes touch the head. Extend these lines through your shoulder curve.

Step 7: Add two circles for shoulder sockets, and complete the neck cylinder by drawing a curved line between the two points from the extended lines.

Step 8: Draw another vertical line to indicate the center axis of the torso. Draw another curved line from shoulder to shoulder. This line indicates where the top half of the torso will be (the wider half). You should have a shape that resembles a lemon.
Step 9: From the torso dividing curve, draw two lines extending downwards that curve inwards and flare outwards towards the hips. The trunk part of the torso (where the ab muscles are) should look slender – if you were to draw straight lines here, your Batman might appear like a barrel – in this example, we’re trying to make him look heroic, so we have to bend reality a bit and make the proportions more exaggerated.

Step 10: Block in your arms and hands with cylindrical or oval shapes. Pretend like you are creating a mannequin. This is where you can develop your poses ahead of time, and get your proportions down.

Step 11: Close off your torso and create two curved lines at the hips.

Step 12: Draw another curved line below the bottom torso line – as if it were a belt. From there, create a crotch/codpiece area by making a rounded triangular shape. This will give you a reference point for creating your legs.

Step 13: Extend lines from the hip curves you have drawn. Taper them outwards to give the legs a thick, solid appearance.

You now have your construction lines set for your Batman figure. Now its time to draw the actual character.
Drawing Batman
Step 1: Turn down the opacity of your rough layer to 25%. Add a new layer, and label it as PENCILS.

Step 2: Using a small brush, begin to draw the main outlines of your character, based on the initial construction lines you’ve made. Use your reference material to help you. Start with the shape of the head and work your way into the body. Don’t worry about details – we’ll fill those in shortly. Concentrate on drawing the exterior lines first.

Step 2: Continue drawing your outline. Refine and reshape your drawing as you see fit.

Step 3: Draw your hands and refine muscles. In this example, I noticed that I didn’t like the proportions leading into the lower part of the trunk/midsection. I am going to fix that.

Step 4: Adjust and reshape the figure proportions if necessary. If you are comfortable with the look of your outline, continue past these tips. If you do not like certain areas of your drawing and want to resize/reshape them, follow along.

I selected the area I wanted to reshape/transform.

Using the Free Transform tool, I adjusted the length and width as well as position of this part of the drawing until I was comfortable with its new dimensions.

I committed to the changes, drew in the missing linework and cleaned up any odd looking outlines or stray marks.

Step 5: Draw in your hands and adjust your muscles. Use your photo reference for hands and fingers, and getting your proportions right.


Once you’ve drawn your outline – go back and re-evaluate it. Do the muscles look right -is the proportion WAY out of whack? Take this opportunity to fine tune your main shape before getting too far into the drawing and having too much work to do later in order to correct it.

Step 6: Add in your details – areas for your muscles, belts and costume pieces…

… add in the details for the signature peaked cowl.

Step 7: Begin to draw in finer details – eyes, profile lines, etc.


Step 8: Draw the chest symbol/clasp for the cape, and the outline for the cape.

Step 9: Draw in the folds of the cape – you may want to re-draw the shoulder lines with fabric folds for added realism. The cape doesn’t have to look like it is painted on. A few curved lines and overlaps in your outline will help to create the illusion of folded cloth.


Side Step: I didn’t really like the proportions of Batman’s torso, so I’m using the same Free Transform technique to fix that.



I filled in the lines to fill out the overall character shape.
Step 10: Draw in the details on the cape, the Batman symbol, and any additional extras – like the gauntlets, etc.

Step 11: Using a large calligraphy brush, trace the exterior outline of your Batman to define the body form. I use a calligraphy brush because it is the easiest method of creating variable line width – it also creates a different style to your linework.

Now that you have completed the outline, you have finished the first part of the tutorial. In the next post, I will show you some inking techniques and a quick method on creating a background.
I hope you enjoyed the tutorial – see you soon!