Drawing Digital Comics – How to Draw Batman Tutorial – Part Two
In the previous tutorial, I showed you all how to draw Batman digitally, through rough construction lines followed by refinements in tightened pencil drawings. Now we’re going to continue on by inking our Caped Crusader and drawing in a simple background.
Here is where we left off last time. A fully drawn Batman with a thickened outline. Now, we’ll add in our inks with dark pools and shading.
Inking the Drawing
Step One: Create a new layer and call it INK. This layer will be your new area for ink fills. In the event that you don’t like the ink work you’ve done, it is a lot easier to modify a separate layer, than having to go back over previously drawn artwork and correct your inking that way.
Step Two: Start with your pools and fills. Instead of spending time using a brush to fill in pockets of ink, you can quickly set up shapes for your fills by creating an outline using your Lasso tool.
Fill in all your areas with a solid black. I reduced the opacity of the pencil layer in order to see exactly where the selection lines will overlap the linework.
Continue to fill in the solid pools.
Sometimes the lasso tool will create sharp lines and jagged corners which need to be smoothed out. I’d suggest tracing over the edges of your lassoed fills with a small brush.
Setting up the Background
Now that our main figure has been inked and the form is built up some more, we can start to create a simple background. In this post, I go into detail about the importance of backgrounds and how to go about setting one up for your comics based on the situation.
In this tutorial, I’ll show you how to whip up a city background in just a few minutes.
Step One: Hide your artwork layers until you see a blank canvas. Then create a new layer at the very bottom of all the layers (just above the background layer which is locked).
Step Two: Using your lasso tool, make a shape that resembles a rectangle with a peak on top of it.
Step Three: Fill in the shape with a solid colour – I chose black for its prominence. Repeat Step two a number of times but stagger the position of the shapes. Make sure they are different widths and heights, but are connected together at some point. You should have a skyline beginning to form that looks something like this:
By using the rectangular shape with the peak, you are creating the illusion of a 3-dimensional form. It is showing the front corner of the building, and creating a makeshift perspective.
Step Four:
Step Five: Fill this shape with a solid colour (I chose a lighter grey in order to create a sense of depth. The darker buildings are more prominent and stand out more than the ones in the distance.)
Step Six: After you have created the first layer of buildings, create a new layer, and make sure it is below this first solid layer. Repeat the same steps to create the peaked rectangular shape (or boxy building shape like you see in the example) but make it much smaller. Fill this shape with a solid colour (I chose a lighter grey in order to create a sense of depth. The darker buildings are more prominent and stand out more than the ones in the distance.)
Step Seven: Add a solid colour or gradient on the base Background layer for effect. For an additional layer of moody, noir mystery, use a noise filter on the gradient or solid fill for a film grain effect.
These are the settings I used. Feel free to adjust the settings to increase/decrease the amount of grain. You’ve created a simple city skyline background. We will further develop it with details once we begin the color and finishing touches part of the tutorial.
Creating a Paper Cutout
Now that the background has been done and the inking portion of the tutorial has been completed, we will create a ‘paper doll’ or cutout from our Batman drawing.
Step One: Hide all your background layers, leaving your pencils/inks visible. Create a new layer called CUTOUT.
Step Two: On your Pencils layer, select the area around your character, ensuring that all the background spots are part of the selection (spaces under the arms, etc)
Step Three: Once the background areas have been fully chosen, we will invert our selection. In the menu, the option is: Select > Inverse
Step Four: Once the selection has been inverted, the selection should appear around the outer edges of the Batman drawing. We will now contract that selection in order to have it fit within the inked lines. Otherwise, when the background fill is applied, some of the edges may appear outside of your crisper black edges you defined earlier.
I contracted the selection by two pixels – this should be enough room to keep the CUTOUT fill hidden underneath the drawn artwork.
Step Five: Fill your cutout layer with a solid white. This layer will now help you distinguish between background and foreground elements. You can link your pencils/inks and cutout layer together, and move it as one unit, or recycle it somewhere else.
That concludes the second part of the tutorial. In the third part, we will tackle color and finishing touches to complete our Batman image. Feel free to check out this other tutorial on how to draw Wolverine while you wait for the next installment!
Related Posts
Tags: backgrounds, how-to, Inking, tutorial
