menu
Archives

Creating a graphic novel: Thumbnails to Finished Art

My new all-ages graphic novel is now live at www.zoesparks.ca To give a little bit of insight into my process, I thought I would share some of my sketches and show the stages I go through in creating the artwork.

1. Writing/thumbnailing

I start with a story goal in mind, a short written outline, and a loose series of plot points that I write out on a plot diagram. Since I’m very much a visual thinker, the meat of my writing process involves thumbnailing out small sequences of images. I create scenes organically as I let the pictures lead my thought process on where a scene is going. I fill many pages with scenes and snippets of scenes. Then I go through them all and refine and combine these small scenes into thumbnailed pages as the story fits together in sections. This is a lengthy push and pull process, and I find this method helps me stumble upon a lot of interesting scenes and sequences I may not have thought of if I was writing words with the more logical side of my brain. As I thumbnail I also jot down little bits of dialogue in the margins, but sometimes the visuals will give me a good indication of the story at this point without getting overly detailed about dialogue. In the end, I eventually end up with a rough story pieced together from these small thumbnailed pages. At this stage I do a lot of moving of pages/scenes around, adding dialogue, and adjusting things until I’m happy with the story.

zoe-blog-process-thumbs

2. Penciling

Once I have the thumbnailed pages – these are usually drawn very small at 1.25″ x 2.5″ – I scan them and place them into Manga Studio. (See this blog post for details on how I set up my story and pages in Manga Studio). I enlarge the tiny thumbnails to actual page size, and then draw my pencils on a new layer using the thumbnails as a loose guide.

The following is a step by step process for two pages…

Hand drawn thumbnails:

zoe-blog-process-1

Pencils in Manga Studio. All dialog and word balloons are placed at this stage:

zoe-blog-process-2

Inks in Manga Studio:

zoe-blog-process-3

Pages are then exported and colour flatting is done in Photoshop:

zoe-blog-process-4

Final shading and highlighting in Photoshop:

zoe-blog-process-5

And that’s basically my process.

Also wanted to share some of my working/concept sketches. Here are a few cover concepts:

zoe-blog-1

And the colour artwork for the covers. The cover I ended up using was the one on the far left:

zoe-blog-2

Back cover/interior endpaper concept 1:

zoe-blog-4

Back cover/interior endpaper concept 2:

zoe-blog-6

Concept artwork:

zoe-blog-3

I hope you enjoyed this behind the scenes look into my process.

 

zoe-blog-5

 

 

About the author

  • Chris JonesCHRIS JONESContributor

    Chris Jones is a Canadian based children's illustrator. He has always been interested in telling stories visually, and his colorful style focuses on humor and expressiveness. A graduate of the Ontario College of Art & Design (OCAD), he has illustrated for several magazines and educational publishers. Chris is inspired by good music, good books, long walks, and generous amounts of coffee. Chris is a member of the Society of Children's Book Writers and Illustrators.

Preparing pencil sketches using Channels in PhotoShop

pst_image01

First off I’d like to start off with a quote from one of my instructors in college about working in Adobe PhotoShop. He said “There are a thousand ways to solve the same problem in PhotoShop”. This statement is 100% true. I know there are so many other ways to accomplish a nice clean line drawing but here is the way I’ve found that works best for my work flow.

When starting its best to understand how you work. For me, I do my pencil sketches with a blue non-photo reproducing colored pencil. It helps me get the gesture of the drawing down before going in with a pencil to tighten up my lines. Knowing that I scan my sketches in color (RGB) at 300 DPI or PPI. I know some artists also use red colored pencils for their under drawings and this process can also be done with a red colored pencil but for this tutorial I’m going to just concentrate on removing the blue line. Now that the sketch is scanned and saved to my computer, I open it in PhotoShop.

pst_image02

Having started with a blue line I need to now remove it. I start by adjusting the hue/saturation (Image > Adjustments > hue/saturation) With the hue/saturation dialog panel up you will see a drop down menu set to “Master”. On the “Master” setting drop the saturation all the way down to -100. Then go to both the “Cyan” setting and “Blue” setting and adjust the brightness all the way up to +100. Now to adjust the levels of the drawing (Image > Adjustment > Levels) until the image looks right. One of the goals of this is to get a nice crisp white background.

To get the gray lines on their own layer there are many ways to do this. For instance, you could create a duplicate layer of your sketch and change the layer blend mode to “Multiply” and paint on a layer underneath. This way works fine but when I’m coloring I like to have control of all my lines and its hard when the drawing is surrounded by white. You will see why in a few steps. Continue reading