Picture Book Basics - Sketches and Layout


In the second part of a series for illustrators starting out in Picture Books, Words & Pictures Illustration Editor John Shelley takes a look at planning images and layout.



So you have a story, and maybe some character studies and other sketched drawings. The next stage is to plan out the book and make a dummy. 

Storyboards

A common starting point for illustrators is to mark out a storyboard on a single sheet of paper, representing the whole book in small thumbnail sized squares. This allows the artist to pencil in the basic design of each page, plan how the story unfolds over the pages, divide up the text, see where the dramatic points are, and consider the rhythm of the images. As the sketches are thumbnail size and very simple it's an easy matter to rub out and redraw. Some illustrators draw tiny sketches or write the text on sticky notes which they can switch around the pages, though I find these have the annoying habit of curling up and falling off! 


Storyboard for one of my recent books, Jack and the Beanstalk. Note the stickies! [Click to enlarge]


Sketching and Layout

Having roughly planned the book it's time to make larger sketches for each page or spread. Personally I draw pencil roughs at A5 size per page (so A4 for a double page spread) scan these to make my dummy and later enlarge for the final artwork stage, but everyone will have their own method. 

All books (indeed all illustrators!) are different and the variety of style, composition and design is much too big a subject to summarise here. However here are a few commonly accepted pointers:


Boxed, Vignette, Spot and Full Bleed

(This may sound somewhat obvious, but it's worth clarifying!) 
In classically constructed books, a "boxed" illustration has straight defined edges, possibly with a border or frame, and sits within the confines of the page, so there is a gap between the image and the trim (i.e. the edge of the page). The illustration might be cropped from a loose-edged original, or painted to a ruled edge. As the border encloses the scene these are particularly suited to images with a considered, balanced composition. 

Boxed in illustration from Levi Pinfold's Greenaway-award-winning Black Dog. Notice how the dog's paw breaks the straight line to bring the illustration out of the page. Pinfold also includes a small Spot by the text. (© Templar Publishing)

Vignettes are illustrations with faded or loosely defined edges. The loose edges incorporate the white of the surrounding page to give the image space, lightness and draw the viewer into the scene.

Quentin Blake is a master of vignettes. The background is minimal, but loose borders encourage the reader to mentally fill in the rest. (© Quentin Blake)

A spot illustration is a small free-floating motif, usually with no background. In picture books spots are particularly useful as visual addenda to the main narrative.
 

Bleed refers to part of an illustration that runs off the page edges, 'full bleed' means an image that entirely fills the page and is cropped by the trim. Nowadays very many picture books are full bleed throughout, however it's particularly effective when suddenly brought into play for the most dramatic and panoramic images. 

Axel Scheffler double page showing a full bleed illustration and two vignettes
(© Alison Green Books)

 

Big or Small?


A small image on a page surrounded by white space focuses on detail, so it might suggest quiet intimacy, or a key-hole view of a drama about to unfold. Some books begin with smaller images, then gradually open up to full bleed as the drama unfolds. The reverse can work too - big to small. A classic example of this approach is Sendak's Where the Wild Things Are, where the first and last illustrations are small, with very wide white margins, while the central fantasy spreads are full bleed.

Another use of small images is to break up a series of actions into details on a page. So for example, a piece of text might describe a character putting on a coat, then shoes, then tieing on a hat... one single image would suffice to cover all these actions, but by separating each into a series of vignettes or spots on a page a sense of time and motion can be introduced. 

Sequential images from Emma Chichester-Clark
(© Emma Chichester-Clark)

 

Crescendos and Patterns

Picture books are a little like songs in that there is usually some kind of pattern or structure that the whole book follows, a regular rhythm flowing through, with choruses of loud, dynamic pages at key stages. It's equally true of both text and illustration. An image near the front of a book might be reflected with a similar design later to create a resonance. 


Two spreads from my in-the-pipeline book Stone Giant. The top image is page 06/07, the lower is page 26/27. I designed these two spreads with their sequences of square, blocked-in images to mirror each other, though they're at opposite ends of the book. [Click to enlarge]

 

Page Turning

A key element of picture books is the need to move the narrative forward - the reader should always be encouraged to turn the page. This can be done by building tension and expectation in the image or text, ensuring plenty of movement from left to right, and drawing the reader's attention to the page corners. 

Rules are Made to be Broken!

Well, some of them perhaps. It's not necessary to mix image sizes in a book - regularity works well if the story has a strong rhythm. Full bleed images don't have to be panoramic. Within these basic patterns all kinds of fun can be had by breaking up these types and inventing ways to combine/contrast layouts. In fact this is what makes picture books so interesting. Go wild, be clever, be crazy! But remember, however mad the page layout, the narrative has to move forward, it has to be understandable as a book. 

The key thing is to follow instincts suggested by the text, do what the story conjures. 

Challenging design and typography from Sarah Fanelli (© Phaidon Press)


Things to be careful of:

Remember the gutter (the book's hinge)! Avoid putting busy elements in the part of the book closest to the spine, they'll be lost in the final product. Be especially careful not to place key characters in the gutter! 


Consider the text - where will it lie? How much space will it require? Will it run over the illustration or be separate on the page? Likewise, leave a good gap between text and the gutter and page trim.

Page design is a big topic with myriad aspects. It's a good idea to peruse a lot of picture books and examine how other artists solve the challenges of page layout. There's also a lot of inspiring stuff on the Web if you dig around - for example Design of the Picture Book is a useful resource.


Dummies

Some illustrators make very elaborate dummies before submitting to publishers, but editors frequently say that a dummy that is too polished can actually make it difficult to consider the story. It's often recommended that artists sketch out spreads in simple black and white roughs, nothing too complicated, overlay the text, and draw just one or two finished images in colour to give an indication of the final look. 
One of my pencil roughs for Halloween Forest, from the first dummy. The finished image is here
Personally I sketch all my dummies in pencil on loose sheets, scan in to Photoshop, adjust, then lay out using InDesign, adding the text. I might spend a long time tweaking, changing around and so on before I'm happy with the result. Finally I'll save as a lightweight .pdf which I can then either email to my agent/art director or print out, clip into a plastic file and show as a physical dummy. 





John Shelley is the Illustration Feature Editor of Words & Pictures and current Central East Network coordinator. 
He's illustrated over 40 books for children, many of them published in Japan where he lived for many years. His next title The Stone Giant is scheduled for release by Komine Shoten in Tokyo this autumn, and Charlesbridge in the US in Spring 2014.   www.jshelley.com

18 comments:

  1. Hey John, Great article! Nice tips on laying out images. I have been using software like Pixelmator and Sketchbook Pro which are awesome. Photoshop etc is just so expensive. I have not found anything which competes with InDesign yet apart from SwifPublisher which is getting good - only problem is you can't layout pages side by side yet which is a killer.

    I'll be signing up to SCBWI over the weekend. Looking forward to getting involved and hopefully lots more meetings etc in Norwich!

    ReplyDelete
  2. Nicely presented John, thanks for the tips.

    ReplyDelete
  3. Great advice and lovely sample illustrations!

    ReplyDelete
  4. John, this is a excellent part 2! Thank you so much, I've learned a lot.

    ReplyDelete
  5. Brilliant. I adore finding out how picture books are put together, even though I can't illustrate (naturally nosy!).

    ReplyDelete
  6. That is so insightful and useful John, thank you!

    ReplyDelete
  7. An excellent range of sample illustrations and presentation on picture book basics John. BigLittleTales have tweeted you!

    ReplyDelete
  8. these posts would make a good book, John - thanks!

    ReplyDelete
  9. What a great, well-written and illustrated synopsis of method! Thank you!

    ReplyDelete
  10. Brilliant article, John! Thank you :)

    ReplyDelete
  11. Keep coming back to this! Thanks John.

    ReplyDelete
  12. Well post its tell us how to make sketches for your picture that's great idea for making a picture book thanks for share it ksa writers .

    ReplyDelete
  13. Thanks so much! Re-doing a children's book with a new publisher today and your article is very, very helpful.

    ReplyDelete
  14. I found this very helpful for me. I am a first timer children's book illustrator and life time artist and I was doing research and came upon this article. Very interesting and enlightening. Thank you.

    ReplyDelete
  15. Fantastic! I've writeen 8 picture books which were all illustrated by different illustrators but have only now (because I want to self-pblish a text which the publishers think is too risky and need to employ an illustrator) started thinking about how it's done!

    ReplyDelete
  16. where's the first article?

    ReplyDelete
  17. Do we have to paint a double spread in the printing order while rendering the illustration?

    ReplyDelete

We love comments and really appreciate the time it takes to leave one.
Interesting and pithy reactions to a post are brilliant but we also LOVE it when people just say they've read and enjoyed.
We've made it easy to comment by losing the 'are you human?' test, which means we get a lot of spam. Fortunately, Blogger recognises these, so most, if not all, anonymous comments are deleted without reading.

Words & Pictures is the Online Magazine of SCBWI British Isles. Powered by Blogger.