Vignettes: Environments Part 2

Thomas Eccles is a freelance illustrator based out of Melbourne, Australia.

Looking at some excellent artwork by Eccles I soon realized that he makes frequent use of implied backgrounds by using an illustration concept known as a vignette.

Check out the full post to learn more about vignettes and implied backgrounds.

Vignettes

John Shelley over at Words & Pictures gives a good definition and example of vignettes:

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.

Also:

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.

An example Shelley gives by artist Axel Scheffler featuring a full bleed illustration on the left and vignettes on the right:

stickman-prv-1-195111

Let’s get back to examples by Eccles:

tumblr_nl9bi8xpoQ1qczvp8o1_1280

In the example above, Eccles uses a few different treatments with a limited number of details/elements: mud, grass, rocks, clovers, rain drops.

In the example below, Eccles creates small stage dressed with more detail for his three part gag to play out:

tumblr_nu7fltKfLd1qczvp8o1_1280

In the comic below, Eccles creates a full panel establishing shot that sets up the gag featuring an alien bug.

tumblr_nmuysxdUyr1qczvp8o1_1280

In this example, Eccles ends the comic with a full bleed panel with a birds-eye point-of-view (POV):

tumblr_nnzipwp0RT1qczvp8o1_1280

Some more examples of comics by Thomas Eccles:

tumblr_nyv79nBEkX1qczvp8o4_1280 tumblr_nyv79nBEkX1qczvp8o3_1280

Fall 2017 Update: Vignette Drawing Video

Demonstration Video: I’ve taken the Bo Peep character from an earlier post and created a vignette:

Steps:

Basic Shapes and Loose Underdrawing:

img_0625

Detail Layer:

img_0624

Final Line Art:

img_0623

Line Art + Shading:

bo-peep-tonal-value-copy