Blog

Matt’s Comics Process II: The Inking Stage

Into the inky black

This is the second of a two-part post where I walk you through the method I used to make a typical comics page. (for part I, go here). In part one I went over my way of doing thumbs and pencils and got through inking lettering and panel borders. This part is about my process of inking a comics page. There are tons of ways to create a comics page and this is just one of them, submitted for your approval, adoption, or rejection. It is also an excerpt from chapter six of Mastering Comics.

finished pencils with lettering and panel borders inked

I ink starting with lettering, then word balloons and panel borders. I usually use a Hunt 102 or 22 nib pen for lettering and a T-square and ruling pen to rule borders, but I may use different tools depending on the look I want for the story. For example, the panel borders we see here were ruled out in pencil but inked freehand with a brush.

Once the lettering and borders are done, I ink all the main line-work on the figures and backgrounds. This is often done with a nib pen, but sometimes I use brush as well. In the example, I mainly used a Hunt 102 nib, but also used a more flexible nib like a Hunt 100 or the Gillott 290 to get more lively lines on the old woman, which you can see in the finished page at the end of this post. (By the way, see our supplies Quickguide for information about these tools; see also DW&WP Chapter 8.)

The next step is adding tone and spotting blacks.

In this story, I decided to use only solid black and no tone to give the comic a stark look. As I am developing a new comic, I often look at other comics, art, film, and photography to find inspiration for an appropriate style. I did a post a while back on my personal blog where I shared some of my early studies for this comic, including this copy of a woodcut by the early 20th Century artist Felix Vallotton (sorry, it’s a little lurid!):

after Vallotton

I’ll often scan or photocopy my basic linework at a reduced size so that I can sketch out different ideas directly on the copies, as shown below. I tend to use a brush and ink, but marker or even Sharpie can work at this stage.

I drew on photocopies of my inked line art to figure out the placement and balance of blacks.

Once I’m settled on the balance and placement of the blacks, I’ll start working on the final pages (penciling in shadow lines and the like as needed). At this point, things pick up pace and cartooning feels fun!

I ink the blacks on my bristol board using a brush and india ink.

I then scan my pages (see Chapter 9 in Mastering Comics, as well as DW&WP, Chapter 14 and the Scanning quickguide) and do some last cleanup and correction on the files. Many people do all of their corrections on the computer now; some artists even do black-spotting in Photoshop. It’s certainly more efficient that way, but I like to have my original pages look as complete as possible.

This kind of method really works, and the great thing about it is that you can break it down into as many steps as you need to. It’s perfect if you’re someone who only achieves the drawing you want after a lot of tracing and redrawing. It’s also useful if you’re drawing complex spaces or strange poses. But it’s a lot to do; it’s a lot of steps, and it can be daunting. It also requires a light box and a computer and scanner, which you may not have available to you.

 

After doing some corrections on the bristol board with white ink, I do fine-tuning on the scanned file.

Whether you ever use a tracing-based complete method or not, take these tips home:

1. When you’re stuck, try sizing your thumbs up and tracing. That can jump-start you.

2. Start with loosely blocking in all your main figures, fore- ground objects and space, and lettering. Then tighten up and add background.

3. When you’ve got a tough background to do, try drawing it separately and tracing it in (just make sure your character is placed in it properly; i.e., standing on the floor, at the correct scale).

4. Have a friend pose when you can’t nail a gesture.

5. If your pencils get too worked over, trace them onto another sheet of paper to ink.

6. If you’re in a situation in which you are having a hard time making time to work on comics, you can divide the production of an individual page into many, many small tasks. Simply scanning, sizing, and printing thumbs is an important step, one that you could do in 20 minutes and know you’ve done something on your comic that day.

For more on tracing, and a step- by-step how-to, see DW&WP Chapter 8.2.

***

By the way, here’s that finished tier in the context of the whole page, it comes from a 4-page story called “Pantoum for Hiram” which has not yet been published:

page one of Pantoum for Hiram, copyright 2011 Matt Madden

 

Comments

6 Comments to Matt’s Comics Process II: The Inking Stage

  • by Lily Belle

    On June 8, 2012 at 3:48 pm

    over a year since part one. I was wondering if it was ever going to be revitalized.

  • by Matt

    On June 8, 2012 at 9:25 pm

    Ooch! Yeah, you got us there. Sorry it took so long!

  • by Lily Belle

    On June 9, 2012 at 1:21 am

    no need to be sorry. Both you and Jessica are busy teaching, writing textbooks, going to conferences, workshops, raising children, etc. At least in a few months sabbatical starts and you two will be able to generate more comic books.

  • by Corey

    On July 6, 2012 at 1:41 am

    Hi Matt. I am trying to do splash pages as an exercise to get more able to do comics composition. I have one very basic question about inking that has always confused me.

    Do you, or other cartoonists that you know of, ink directly over the pencil lines, or do you erase them and ink as you go? And after you ink the pages, do you erase the remnants of the visible pencil lines?

    I always assumed, based on the rough pages I have seen from other artists, that you just brush the ink right over the pencil lines. But then I have tried this with a blue non-repro pencil so I can scan the final art, but it doesn’t seem to be the way that most artists do it. Do you have any insights?

    I love this page and the outreach you all are doing.

    Best,

    Corey Bramblett

  • by Matt

    On July 6, 2012 at 12:46 pm

    Hi Corey, both options you mention are fine and are used by most pros: 1) ink over your pencils, then erase the pencils when you’re done or 2) use blue pencil and clean up the art after scanning. If you play around with adjustment layers like Levels and Curves you can bleach out most pencil lines whether graphite or color. The only time people erase their pencils before inking might be if they’re going to do a wash since the pencil would show through otherwise.

    Hope that helps and I’m glad you like the site!

  • by Laura

    On February 27, 2013 at 11:44 am

    I’m taking a comics class (through the English department, believe it or not!) and we’re going through DW & WP as our text book, since it’s a creative writing class and we’re focusing on creating our own stories. Anyway, these two-parter was assigned but it is SUPER helpful, I always feel like I’m slow when it takes me awhile to get to the final piece, but seeing all these steps you do is reassuring. Thanks for putting this up!!

Leave a reply

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Notify me of followup comments via e-mail. You can also subscribe without commenting.

By submitting a comment here you grant Drawing Words Writing Pictures a perpetual license to reproduce your words and name/web site in attribution. Inappropriate or irrelevant comments will be removed at an admin's discretion.


Warning: file_get_contents() [function.file-get-contents]: http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 121

Warning: file_get_contents(http://api.facebook.com/restserver.php?method=links.getStats&format=json&urls=http%3A%2F%2Fdw-wp.com%2F2010%2F09%2Fguest-post-teaching-shaun-tans-the-arrival-in-a-secondary-school-english-class%2F) [function.file-get-contents]: failed to open stream: no suitable wrapper could be found in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 121

Warning: file_get_contents() [function.file-get-contents]: http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 179

Warning: file_get_contents(http://urls.api.twitter.com/1/urls/count.json?url=http%3A%2F%2Fdw-wp.com%2F2010%2F09%2Fguest-post-teaching-shaun-tans-the-arrival-in-a-secondary-school-english-class%2F) [function.file-get-contents]: failed to open stream: no suitable wrapper could be found in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 179

Warning: file_get_contents() [function.file-get-contents]: http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 121

Warning: file_get_contents(http://api.facebook.com/restserver.php?method=links.getStats&format=json&urls=http%3A%2F%2Fdw-wp.com%2F2010%2F09%2Fweekly-twitter-round-up-for-2010-09-10-2%2F) [function.file-get-contents]: failed to open stream: no suitable wrapper could be found in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 121

Warning: file_get_contents() [function.file-get-contents]: http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 179

Warning: file_get_contents(http://urls.api.twitter.com/1/urls/count.json?url=http%3A%2F%2Fdw-wp.com%2F2010%2F09%2Fweekly-twitter-round-up-for-2010-09-10-2%2F) [function.file-get-contents]: failed to open stream: no suitable wrapper could be found in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 179

Warning: file_get_contents() [function.file-get-contents]: http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 121

Warning: file_get_contents(http://api.facebook.com/restserver.php?method=links.getStats&format=json&urls=http%3A%2F%2Fdw-wp.com%2F2010%2F09%2Fpencils-for-a-6-page-story-arid-ignition%2F) [function.file-get-contents]: failed to open stream: no suitable wrapper could be found in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 121

Warning: file_get_contents() [function.file-get-contents]: http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 179

Warning: file_get_contents(http://urls.api.twitter.com/1/urls/count.json?url=http%3A%2F%2Fdw-wp.com%2F2010%2F09%2Fpencils-for-a-6-page-story-arid-ignition%2F) [function.file-get-contents]: failed to open stream: no suitable wrapper could be found in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 179

Warning: file_get_contents() [function.file-get-contents]: http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 121

Warning: file_get_contents(http://api.facebook.com/restserver.php?method=links.getStats&format=json&urls=http%3A%2F%2Fdw-wp.com%2F2010%2F09%2Fweekly-twitter-round-up-for-2010-09-03%2F) [function.file-get-contents]: failed to open stream: no suitable wrapper could be found in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 121

Warning: file_get_contents() [function.file-get-contents]: http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 179

Warning: file_get_contents(http://urls.api.twitter.com/1/urls/count.json?url=http%3A%2F%2Fdw-wp.com%2F2010%2F09%2Fweekly-twitter-round-up-for-2010-09-03%2F) [function.file-get-contents]: failed to open stream: no suitable wrapper could be found in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 179

Warning: file_get_contents() [function.file-get-contents]: http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 121

Warning: file_get_contents(http://api.facebook.com/restserver.php?method=links.getStats&format=json&urls=http%3A%2F%2Fdw-wp.com%2F2010%2F08%2Fthumbnails-for-a-6-page-story-arid-ignition%2F) [function.file-get-contents]: failed to open stream: no suitable wrapper could be found in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 121

Warning: file_get_contents() [function.file-get-contents]: http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 179

Warning: file_get_contents(http://urls.api.twitter.com/1/urls/count.json?url=http%3A%2F%2Fdw-wp.com%2F2010%2F08%2Fthumbnails-for-a-6-page-story-arid-ignition%2F) [function.file-get-contents]: failed to open stream: no suitable wrapper could be found in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 179

Warning: file_get_contents() [function.file-get-contents]: http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 121

Warning: file_get_contents(http://api.facebook.com/restserver.php?method=links.getStats&format=json&urls=http%3A%2F%2Fdw-wp.com%2F2010%2F08%2Fcharacter-designs-for-a-6-page-story%2F) [function.file-get-contents]: failed to open stream: no suitable wrapper could be found in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 121

Warning: file_get_contents() [function.file-get-contents]: http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 179

Warning: file_get_contents(http://urls.api.twitter.com/1/urls/count.json?url=http%3A%2F%2Fdw-wp.com%2F2010%2F08%2Fcharacter-designs-for-a-6-page-story%2F) [function.file-get-contents]: failed to open stream: no suitable wrapper could be found in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 179

Warning: file_get_contents() [function.file-get-contents]: http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 121

Warning: file_get_contents(http://api.facebook.com/restserver.php?method=links.getStats&format=json&urls=http%3A%2F%2Fdw-wp.com%2F2010%2F08%2Fsyllabus-15-week-dwwp%2F) [function.file-get-contents]: failed to open stream: no suitable wrapper could be found in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 121

Warning: file_get_contents() [function.file-get-contents]: http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 179

Warning: file_get_contents(http://urls.api.twitter.com/1/urls/count.json?url=http%3A%2F%2Fdw-wp.com%2F2010%2F08%2Fsyllabus-15-week-dwwp%2F) [function.file-get-contents]: failed to open stream: no suitable wrapper could be found in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 179

Warning: file_get_contents() [function.file-get-contents]: http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 121

Warning: file_get_contents(http://api.facebook.com/restserver.php?method=links.getStats&format=json&urls=http%3A%2F%2Fdw-wp.com%2F2010%2F06%2Flinks-of-the-week-2%2F) [function.file-get-contents]: failed to open stream: no suitable wrapper could be found in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 121

Warning: file_get_contents() [function.file-get-contents]: http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 179

Warning: file_get_contents(http://urls.api.twitter.com/1/urls/count.json?url=http%3A%2F%2Fdw-wp.com%2F2010%2F06%2Flinks-of-the-week-2%2F) [function.file-get-contents]: failed to open stream: no suitable wrapper could be found in /nfs/c06/h08/mnt/88696/domains/dw-wp.com/html/wp-content/plugins/most-shared-posts/msp-fetch.php on line 179