Pratt+ +Sequential+Storytelling+Companion+Guide
Pratt+ +Sequential+Storytelling+Companion+Guide
STORYTELLING
George
Pratt
This is a companion guide supplied by instructor George Pratt, to be used along with the NMA course
Comics 1: Intro to Sequential Art - https://www.nma.art/courses/comics-1-intro-to-sequential-art/
It is for the sole, private, educational use of the New Masters Academy (nma.art) subscriber who
downloaded it. It is not to be shown or distributed. Copyrights may apply. For infringements contact
[email protected]
Week 5:
Photojournalist List - p. 370
Week 6:
Elements of the Page - p.4
Terminology - p.49
Splash Page - p.62
Week 7:
Double Page Spread - p. 73
Camera Angles - p. 88
Gesture - p. 107
Tangents - p. 113
Week 8:
Layouts/Breakdowns - p. 123
Week 9:
Panel Arrangements - p. 32
Lettering, Word Balloons, and Sound Effects - p. 280
22 Panels That Don't Suck - p. 34
Week 10:
Penciling - p. 258
Mark Making - p. 185
Week 12:
Covers - p. 282
Styles - p. 305
Contents
INTRODUCTION TO SEQUENTIAL STORYTELLING
Introduction to Sequential Storytelling 3 Bill Sienkiewicz 347 Chester Brown 567 Baru 654
Elements of a Page 4 Choosing The Moment 348 P. Craig Russell 568 Cyril Pedrosa 655
Snow Globe 6 Images And Our Minds 357 Robert Crumb 569 Hermann Huppen 656
Rotating the Scene 7 Mark Making 366 Spain Rodrigues 569 Nicolas DeCrecy 658
Independent Lighting 8 Various Tones 368 Gilbert Shelton 570 Danijel Zezelj 659
Push and Pull 9
Panel Arrangement 12
Scale of Seven Tones 368 Frank Stack 570 Franco Matticchio 660 Sequential art is an amazing storytelling art form. This powerful blend of words and pictures separates it
Crosshatched Tones 369 Greg Irons 571 Teddy Kristiansen 662
Grids 13 Scale of Tones 369 Richard Corben 571 Miguelanxo Prado 664 from other forms of literature (novels, children’s books) as well as cinema. When words and pictures work
Diagonal Panels 28 Gradated Tones 370 Daniel Clowes 572
Vertical Panels 30 Shape and Rhythm 371 Cyril Pedrosa 573
Darwyn Cooke 665
Craig Thompson 666
together in an oft-times perfect marriage, great things can happen.
Horizontal Panels 40
Panel-In-Panel 46
Examples of Mark Making 373
Franklin Booth 373
James Bama 575 Jim Terry 668 Sequential art can tackle any genre, fact or fiction. It handles flights of fantasy, to science fiction, to how-
Javier Olivares 576 Manu Larcenet 669
One Shot Sliced Into Several Panels 51 George Pratt 374 Marjane Satrapi 576 Man Arenas 670 to manuals, to Richard Feynman lectures, to personal memoirs with incredible grace, to unusual subtlety, to
Zoom Effect (Dolly Shot) 56 Jeff Jones 392 Samuel Hiti 576 Carlos Nine 671
No Borders 58 Arturo Castillo 393 Carlos Santos 576 Francois Boucq 673
horror, to raw frenetic energy, to tragedy, to uncommon strength. And unlike cinema it is not a passive form
Clarity in Panel Arrangement 60
Wally Wood’s 22 Panels That
Alex Toth 394
Leo Duranona 395
Jordan Crane 577
S. A. Harkham 577
Berni Krigstein 674 of entertainment. The reader must bring something to the table and interpret what they’re actively reading,
Paul Gulacy 675
Always Work 65
Silhouette 66
Al Williamson 396 Hugo Pratt 578 Al Williamson 676 decoding the visual and textual narrative unfolding before them.
Angelo Torres 397 Joe Kubert 579 Angelo Torres 677
Positive and Negative 84 Frank Miller 398 Michael Kaluta 580 Dino Battaglia 678 The art of sequential storytelling can range from the simplest of line art, like stick figures, to fully
Terminology 94 Joseph Clement Coll 401 Chris Ware 581
Title Page 94 Russ Heath 402 Jack Kirby 582
Jeff Jones 680
Attilio Michelluzzi 684
nuanced and detailed drawings, to subtle poetic watercolors, pastels or oils. Each medium bringing to the
Splash Page 120
Double-Page Spread 142
George Herriman 404
Lorenzo Mattotti 406
Jim Steranko 583 Sergio Toppi 685 narrative art form a unique visual and emotional perspective to every story told.
Frank Frazetta 584 Hernandez Palacios 686
Camera Angles 172 Attilio Michelluzzi 409 Man Arenas 585 Bill Sienkiewicz 687 I believe every person has a story to tell. One needn’t be a master artist to write and draw a compelling
Establishing Shot 172 Moebius 410 Jack Jackson 585 Mort Drucker 692
Extreme Long Shot 182 Frank Godwin 415 Peter Bagge 585 Alberto & Enrique Breccia 694
story. What really matters is the tale itself. And there are times when elaborate artwork actually gets in the
Long Shot 183
Medium Long Shot 183
Hal Foster 416
Alex Raymond 418
Danijel Zezelj 585
Craig Thompson 586
Russ Heath 695 way of telling the most effective story. So, anything goes. It helps, though, to understand how sequential
Arturo Castillo 696
Medium Shot 184
Medium Close Up 184
Noel Sickles 424 Scott Morse 586 Joe Kubert 698 storytelling, or comics, works. Knowing the ins and outs of visual narrative that are specific to comics makes
Jeff Smith 425 Serge Clerc 586 John Paul Leon 699
Close Up 185 George Evans 426 Loisel 587 George Pratt 700 creating one a more satisfying experience.
Big Close Up 185 Frank King 426 Dave McKean 587
Extreme Close Up 185 Milton Caniff 428 Bill Sienkiewicz 587
Frank Thorne 702
John Severin 703
If you want to be a good sequential/comics storyteller read a lot of really good comics. It doesn’t hurt to
Detail 186
Bird’s Eye View 188
Winsor McCay 430
Carl Barks 433
Lorenzo Mattotti 587 Neal Adams 704 watch a lot of movies also. But you need to be more than just a reader or a watcher, you have to dissect what
Joe Matt 588 Genevieve Elverum 705
Worm’s Eye View 206 Harold Gray 438 Philippe Dupuy 588 Jim Steranko 706 you’re reading and watching to understand the mechanics behind the choices the artists/writers/directors are
Gesture 210 Michael Kaluta 439 Milton Caniff 588 Joe Kubert 708
Tangents 223 Barry Windsor-Smith 458 Peter Kuper 588 Alberto Breccia 710
making.
Hidden Edge 223
Split Apex 223
Dino Battaglia 459
Jorge Zaffino 460
Paul Gulacy 589
Hergé 590
Benjamin Flao 711 I hope this reference companion adds to your understanding and enjoyment of the online course.
Leo Duranona 712
Stolen Edge 223 Bernie Wrightson 466 Dan Burr 591 Barry Windsor-Smith 713
Skimmed Edge 223 Grouping, Balance, and Overlap 486 Gahan Wilson 592 Lorenzo Mattotti 714
Types of Tangents 224 Visual Focus 487 George Pratt 593 Attilio Micheluzzi 716 George Pratt
Corner Tangent 224 Sequences 492 Styles 606 Joe Matt 717
Parallel Tangent 224 1. Harvey Kurtzman 492 Milton Caniff 606 Mike Mignola 718
Long-Line Tangent 225 2. Russ Heath 494 Benjamin Flao 607 Russ Heath 722
Directional Tangent 225 Darwyn Cooke 497 Brant Parker and Johnny Hart 608 Dino Battaglia 724
Kiss or Bump-Up Tangent 226 3. Hermann Huppen 498 Tom K. Ryan 610 Bernie Wrightson 726
Panel-To-Panel Tangent 228 4. Hermann Huppen 502 Charles Shulz 610 Greg Irons 727
Fake Panel Tangent 229 5. Hermann Huppen 504 Winsor McCay 614 Jose Ortiz 728
Don’t Cut Heads Off! 230 Manu Larcenet 507 George McManus 617 Gene Colan 729
Dean Cornwell 232 Berni Krigstein 508 Frank King 618 Jeff Jones 730
Gary Kelley 238 Dave McKean 510 Hal Foster 619 Jack Kirby 731
Eduard Thöny 240 Penciling 512 Hergé 620 Joe Kubert 732
Layouts/Breakdowns 242 George Pratt 513 Robert Crumb 622 Alex Nino 733
My Layouts Through The Years 244 Gene Colan 516 Gilbert Shelton 625 Neal Adams 734
Mike Mignola 247 Neal Adams 518 Serge Clerc 627 Jose Bea 735
Neal Adams 248 Jim Lee 521 Hugo Pratt 628 Assignments 736
Alberto Breccia 249 Jack Kirby 522 Victor Moscoso 630 Photojournalist Comic 736
Joe Kubert 255 Alex Toth 533 Rick Griffin 631 List of Photographers 737
Gil Kane 285 Gil Kane 538 Art Spiegelman 632 The Three-Panel Story 752
Dino Battaglia 292 Hergé 540 Peter Bagge 634 The Conversation 752
Francis Vallejo 302 Yves Chaland 541 Jeffrey Brown 635 Silent Story The Conversation 752
Hermann Huppen 304 Craig Russell 547 Jordan Crane 636 Movie Script Comic 752
Sam Glanzman 308 Loisel 551 S A Harkham 637 Facial Expressions 752
Ted McKeever 310 David Finch 552 Sam Hiti 638 Emotional Gesture and POV 752 NOTE: This is a supplemental guide to accompany the Intro to Sequential Art course at
John Buscema 317 Facial Expressions 554 Chester Brown 639
Jeff Jones 318 Alberto Breccia 554 Marjane Satrapi 640 Portfolio 781
the New Masters Academy (https://www.nma.art). It does not contain in written form the
Harvey Kurtzman 320
Hergé 324
Sergio Toppi 555 Wren McDonald 641 List of Artists to Study 785 complete information delivered in the online videos and demos and is not intended as a complete
Lettering, Word Balloons and Philippe Dupuy 642
Carl Barks 332 Sound Effects 556 Matt Boersma 643 informational manual on sequential storytelling. You need to watch the online course to get the
Michael Kaluta 334 Covers 561 Gipi 644
Dave Gibbons 336 George Pratt Old School Color Guide 561 Cyril Pedrosa 646 complete body of information. This serves only as visual reference/companion to much of what is
Loisel 338
Moebius 342
Marguerite Abouet 562
Bernie Wrightson 563
Javier Olivares 647
Peter Kuper 651
delivered in the course.
Jorgé Zaffino 344 Vaugh Bode 564 Dan Clowes 652
Ralph Meyer 346 Barry Windsor-Smith 566 Chris Ware 653
All art © Copyright their respective owners. Cover: Belleau Wood © Copyright 2000 George Pratt
In Western world we read left to right. Our
ELEMENTS OF A PAGE eye starts at the upper left and scans across the top
tier to the third panel, then to the second tier first
panel (panel four) to the third panel (panel six), to
the third tier first panel (panel 7) to the last panel
(panel 9).
2-3
3-4
SNOW GLOBE
I usually introduce the Snow Globe idea after the first round of layouts/breakdowns. I do this because I
want to see where each student is individually before being hit with too much information, to see what their
natural proclivities are. As I mentioned, that first round is vomit on paper time. Just get it out onto paper.
Once there we can see how effective our storytelling is. Some things might be just fine. It does happen,
YOU CAN ROTATE YOUR SCENE IN ANY DIRECTION: LEFT,
especially the more you practice laying out stories. But much will need rethinking. RIGHT, UP DOWN, ALL AROUND.
So the snow globe idea is just what it is. We all know what a snow globe is. That glass ball filled with
water and flakes of snow that we can pick up and shake and watch the snowfall over New York, or what BIRD’S EYE VIEW
have you. It’s a useful visual device for what we’re doing here. The funny thing is I use a cube instead of
a globe because it shows volume and depth easier without having to get into adding airbrush effects on a
globe, which would look like a simple circle without depth otherwise. But I think you get the idea.
Think of each panel in your story as a 3-dimensional space. You can pick up the scene and rotate it any
way you wish on the x and y axes. You can get closer or farther away from the scene. You can move your
camera high (bird’s eye view) or low (worm’s eye view).
If you hold a light on the scene, that too can be manipulated any way you wish independently of the
scene. Again, high or low, forwards or backwards. Totally up to you.
Thinking in this way you start to have a greater appreciation for the placement of objects in your space.
The operative word here is space.
…or chop up
one image
to simulate
movement.
…just by cropping.
NINE-PANEL GRID
PANEL ARRANGEMENT
In arranging panels you are limited only by your own imagination. The variations are endless. Yet a good
place to begin is by utilizing basic grids.
I’m assuming a fairly normal vertical page. However, other formats can dictate what grids are possible.
Maybe your format is square, or horizontal. These bring with them exciting possibilities, and their own
limitations.
On the next two pages I play with a six-panel grid and a nine-panel grid. As you can see by merely
combining two or three panels together you can create a surprising number of variations. A six-panel grid
can easily become a three-panel horizontal grid, or a two-panel vertical grid.
There are also four-panel grids, twelve-panel grids, etc.
Grids are useful because organization and stability is built into them. Some European comics stick with a
SIX-PANEL GRID nine- or twelve-panel grid without combining panels. This puts added importance on the content of each
panel since the shape of the panel never changes, similar to a movie, whose aspect ratio never changes. One
is forced to become inventive due to the limitation of the aspect ratio.
Limitations should not be viewed as problematic. In fact they push innovation. The less you have to work
with the more you invent ways to use what little you have.
Robert Crumb
Jeff Jones used a nine-panel grid on most of his Idyl strips for National Lampoon, and a six-panel grid for
I’m Age for Heavy Metal Magazine. By connecting panels Jeff was able to vary the scale and scope of the art
within the grid.
I love Hugo Pratt’s horizontal panel below as he plays with positive and negative shapes to lead us into his narrative. The use
of the shadow play on the wall of the hut is wonderful.
Hernandez Palacios
TITLE PAGE
Will Eisner
Will Eisner Will Eisner
Will Eisner Will Eisner
Will Eisner Will Eisner
Will Eisner Will Eisner
Gil Kane Joe Kubert
Berni Krigstein Jeff Jones
Alex Nino
Jeff Jones
Alex Nino
Frank Miller
Chris Ware
Robert Crumb
Dino Battaglia Dino Battaglia
Dino Battaglia Dino Battaglia
In some forms of cartooning backgrounds and objects are objectified (rendered up to be specific)
while characters remain more simplified to be more iconographic. This allows readers to project their
own vision of the character onto the “mannequin”.
Dino Battaglia
SPLASH PAGE
A splash page refers to a full page image which can be a full bleed as well. A full bleed means the art extends to all the edges
of the page. A splash page should normally be used for effect, to call attention to some momentous or pivotal event in the story.
It does not mean it has to be action packed. In fact it can be an incredibly subdued scene, one that calls attention to a reflective
moment for a character. But of course, it could be a bold action scene as well.
When you have a set number of pages panel real estate is limited. Make it count. A page can hold upwards of twelve panels.
That’s a lot of storytelling that could be put to great use. Giving up that kind of potential for one large image could be risky, so
choose your moment carefully.
Dino Battaglia
Frank Miller
Michael Kaluta Michael Kaluta
Jose Ortiz Jose Ortiz
Jose Ortiz Greg Irons
Russ Heath Russ Heath
Berni Krigstein Jose Bea
Enrique Breccia George Pratt
George Pratt George Pratt
George Pratt George Pratt
George Pratt
DOUBLE-PAGE SPREAD
A double-page spread refers to an image that stretches across two pages, which can be a full bleed as well. A full bleed means
the art extends to all the edges of the page. A double-page spread, like a splash page, can be used to call attention to some momen-
tous or pivotal event in the story. It does not mean it has to be action packed. In fact it can be an incredibly subdued scene, one
that calls attention to a reflective moment for a character. But of course, it could be a bold action scene as well.
When you have a set number of pages panel real estate is limited. Make it count. A page can hold upwards of twelve panels.
That’s a lot of storytelling that could be put to great use. Giving up that kind of potential for one large image could be risky, so
choose your moment carefully.
Joe Kubert
Joe Kubert Javier Olivares
Benjamin Flao
Russ Heath
Darwyn Cooke
Hugo Pratt
George Pratt
George Pratt
George Pratt
George Pratt
George Pratt
George Pratt
George Pratt
George Pratt
CAMERA ANGLES
ESTABLISHING SHOT
As the name suggests, the Establishing Shot tells the reader where the action is taking place, it
establishes context for the scene showing the relationship between the characters and objects. The beauty of
an establishing shot is that it’s a single panel of instantly downloadable content/information that the reader
will carry in their mind, relieving the artist from having to continually refer to the information over and over
again.
In Wolverine: Netsuke my four-issue mini-series for Marvel I open the story with the page below. The story
takes place in Japan at the ancestral home of Mariko. Aside from ancient feudal Japan this home is where
the entire story takes place. The reader will carry this image in their heads as they go forward.
Bernie Wrightson
Ivor Milazzo
Benjamin Flao Benjamin Flao
Baru
BIG CLOSE UP
MEDIUM CLOSE UP
EXTREME CLOSE UP
Jeff Jones
BIRD’S EYE VIEW
As the name suggests we view the world from the viewpoint of a bird, looking down on the scene.
Frank Miller
Frank Miller
Alex Toth
Bernie Wrightson
Craig Russell
Alex Toth
Ivor Milazzo
Milton Caniff
Milton Caniff Jeff Jones
Noel Sickles
Dino Battaglia
Manu Larcenet
Alex Raymond Russ Heath
JP Leon
WORM’S EYE VIEW
As the name suggests we view the world from the viewpoint of a worm, close to the ground looking up. This angle can suggest
a sense of powerlessness, submission or dominance as everything towers above us. It’s also earthy and brings us down from an
exalted view.
Joe Kubert
Milton Caniff
Gesture conveys incredible amounts of emotional and physical information about our characters and the scenes they are
involved in. Many times you will not have the benefit of a face to carry the emotion of a scene. Too, you may not even have words
to aid in fleshing out the emotional qualities of the scene. Yet the body, if posed correctly and with sensitivity, can describe not
only action, but the subtle nuances of a character’s inner psyche.
Alex Nino
Mort Drucker
Russ Heath
Jose Ortiz
Alex Raymond
Jack Davis
What are tangents? Are they inherently good or bad? How do we avoid them.
Tangents are two shapes that touch but do not overlap.
Not all tangents are bad, note the Andrew Wyeth below. Yet it’s prudent to understand them and to be
able to spot them as you work for clarity in your work.
CORNER TANGENT
The corner tangent is when two lines in an object meet in a way intended by the artist, but another
(accidental) line runs directly into the place where they meet.
DIRECTIONAL TANGENT
PARALLEL TANGENT
The parallel tangent is when the containing lines of two objects run alongside each other. This
causes one of two negative outcomes. Either one object becomes “lost,” as the other overpowers it
(figure 1), or one object feels strangely contained by another (figure 2).
This can be avoided by ensuring that any object that COULD run alongside another is angled at
least 45 degrees from the first.
In the first example I’ve simply made the figure smaller, lowered it, and moved it more forward. I’ve also
KISS OR BUMP-UP TANGENT moved the figure more forward on the mat also. In the second I’ve enlarged the figure. In both I’m implying
In the example below the frame on the wall just kisses the edge of the back. And in the corner of the that the head is actually resting against the wall.
room the line where the two walls meet just kisses the edge of the head. I guess I could have made the mat
run along the line of the back wall where it meets the floor to drive this particular tangent home even further.
This type of tangent gives the object the impression of being contained or blocked by the offending lines.
It also distorts our interpretation of the space.
Below and on the next page are two examples of how I can correct these particular tangents.
For fun I’ve added tones to play more with a light source and push the head against the wall.
PANEL TO PANEL TANGENT
This is one I am hyper aware of, especially if I’m working with thin gutters or using a single line between
FAKE PANEL TANGENT
panels for a gutter.
Comics generally have panel borders, so readers are used to having images contained by straight lines.
Some artists don’t allow gutters between their borders. Though I believe that, as a rule, this can make it
harder for new comics readers to follow the story (and new readers are always important), it’s done with
enough regularity that we must expect the audience to feel comfortable with gutterless pages.
What does this mean? It means that we can’t draw a straight line in any panel, either vertical or
horizontal, without having some object overlap it. If we do, readers may think that it is a panel border,
incorrectly breaking one moment into two.
Don’t cut heads off at the neck!
DEAN CORNWELL
While Dean Cornwell did not do sequential art his masterful compositions make for great study.
Cornwell pushed tangents to work for him rather than against him.
Gary Kelley
Gary Kelley is one of, if not the, most awarded illustrators in history. He recently has put out his first
graphic novel, Moon of the Snow-Blind which tells the Abby Gardner version of the Spirit Lake Massacre .
Gary makes great use of tangents in a lot of his work.
Eduard Thöny
Eduard Thöny (9 February 1866 - 26 July 1950) was a German caricaturist and illustrator known for
his work for the journal Simplicissimus, to which he was invited to contribute by Albert Langen. Born in
Brixen, he studied at the arts academy in Munich. His work for Simplicissimus included more than 2,500
pages of cartoons used to lampoon German society and the military. Thöny’s drawings would appear in the
journal until it ceased publication in 1944.
Thöny employed tangents in many of is illustrations to great effect.
paper while doing layouts. After reading through the script I basically go through with a colored pencil and
place where I believe page breaks are.
NOTE: I write my own scripts and do not as a rule list page breaks or panels. Since I’m writing for
myself I don’t need that kind of direction. If a scene needs that I’ll put it down, but normally I just write a
LAYOUTS/BREAKDOWNS straight through scene by scene narrative with action and dialogue and simple notes on setting. Most comic
scripts are written in a movie script format with scene direction, page by page breaks and the number of
panels on each page. Some writers will even furnish simple layouts for the artist as well. I personally have
not worked from such a script.
The process of creating layouts or breakdowns is where the true hard work of sequential storytelling
When I worked on the short story “Run” with Paul Jenkins for DC Comics Weird War Tales he asked me
occurs. Along with pacing the various scenes, this is where you make all the decisions about the who, what,
how I wanted the script. I said I’d rather have him write a straight narrative, sort of like a short story and
when, where of the story. It’s the nuts and bolts of visual narrative.
that I would pace the whole thing, breaking it into pages and panels. He was fine with that and so that’s how
Layouts are NOT about drawing. They are about composition, pacing, gesture, camera angles and the
we approached it.
placement of balloons and captions. You want to work as efficiently as possible and not spend valuable time
My layouts have changed throughout the years. When I began I was putting a lot of detail in them
fleshing out details within the panels until you have explored the possibilities and committed to the most
and found myself worn out before I ever even started finishes. I’ve tried various sizes with which to do my
effective choices in panel arrangements, camera angles, gestures, etc. Then, if you feel the need to invest
layouts. For Enemy Ace: War Idyll I worked on 8.5 x 11 inch sheets with a few oddball small layouts along
more time in the fleshing out of details, then by all means go for it.
the way. This was to be my standard way of working until my Batman: Harvest Breed graphic novel. I wanted
Preserving your energy for the finals is a good rule of thumb.
to find a way to force me to simplify so that I expended less energy in the layout stage. I created a template
I’ve been fortunate in my career to be able to approach my layouts however I want. I’ve only had one
in Quark, a page layout program, at the time and set up guides for six double-page spreads or facing pages
instance where the editor, Axel Alonso, wanted to see my layouts for approval and that was on my Weird
printed on tan paper (I’ve included the first page of layouts on the next page at actual size). I made them
War Tales job for Vertigo. Axel also wanted to see finished pencils, but I was able to convince him to forego
facing pages so that I could design the spreads to work together. Using just a fine line Sharpie and a red and
that since I was inking the story myself and he’s approved the layouts. This was for sequential narrative. My
green colored pencil for simple warm and cool tones I drew in these little boxes. There was no way to get
layouts for covers definitely go through an approval process. However, since people know my work well
tight in these boxes. It forced me to be more graphic and to play with the idea of simple light and shadow.
enough my sketches have been very loose, but clear enough stating the idea and composition. Generally
I would go through many variations of each of these until I felt that each page felt solid, that I was happy
editors want to see the layouts and pencils for approval. So, depending on the editor’s sensibilities you may
with the panel arrangements and the content of each panel. Then I would redraw them, simply still, onto a
or may not have to produce fairly tight roughs so there’s no guesswork for the editor.
clean page for clarity. This worked extremely well for me on that book.
I personally try to keep my layouts as simple as possible. I keep my figures shape oriented, purely
When I moved on to Wolverine: Netsuke I changed my take on layouts. I did create a template for my
gestural. Figures should be easily read. Thinking in terms of silhouette shows you if something isn’t working,
layouts which included the logo that I had come up with for the series, which I put at the bottom of each
isn’t self-descriptive enough to read as what it is. Sometimes I will throw in simple lighting to lock down a
page. I did two templates. One in portrait mode for a single page on 8.5 x 11 inch bright white copier paper,
particular idea of how I believe the light should work. I think of everything in the panels as chess pieces that
and another in landscape mode for two facing pages. For double-page spreads I just used a full sheet of the
I’m moving around on a chess board, looking for the best way to delineate a scene with as much clarity as
copier paper in landscape mode. For these layouts I used a single regular pencil or a red colored pencil. I
possible. Questions I constantly ask myself as I work on layouts/breakdowns: Am I effectively showing what I
began to prefer the colored pencil, for though it could be sharpened it became blunt fairly quickly and forced
need to show? Will the reader get lost in my narrative? If so, why? What can I do to guarantee that the reader will follow my
me to work with a somewhat bold line, which forced simplification. These layouts were big on gesture and
visual cues without seeing the wizard behind the curtain?
composition, period. I did work balloon placements in them as well.
For the first run-through I tell my students to basically vomit on paper. Just get it down in a tangible
One very important thing: Make sure your layout is the correct format for the work you’re doing. It
form. It HAS to hit paper. Once down it’s real. Until then it’s just vapor floating around in your head. It’s
happens all the time with my students that they’ll show up with sketches/layouts that are squares when
nothing. This initial hit is invariably a very pedestrian spilling of the guts.
they’re supposed to be designing for a vertical page. If you do this then the compositions you’re working up
And that’s okay.
won’t actually fit the format.
We all, every single one of us on the planet, see the world in the first person, feet on the ground,
pedestrian viewpoint. Other than standing at the edge of the Grand Canyon, or looking out of a window
seat on an airplane, we see the world from atop two legs. It’s why we love to go to see movies, read graphic
novels, picture books, and travel photography. Yes, we go to be entertained, enticed by the lure of a
good story. Where these art forms truly excel is showing us the world in ways we cannot normally see or
experience it. They take us on a visual joy ride of exquisite perspectives. We fly, we crawl, we travel below
the sea, through outer space, the depths of hell, and the light of heaven. We see the microcosm of our world,
and the epic panoramic sweep of history. And when these art forms play with slicing up time, we get yet
another whole take on time that we cannot otherwise be privy to.
So that first deep dive is simple source material to then be massaged into a greater whole.
I usually begin with a package of copier paper. Nice bright white paper. I will go through LOTS of this
In Batman: Harvest Breed I forced myself to work much, much smaller than ever before. I wanted a more graphic approach
For See You In Hell, Blind Boy! I immersed myself much more fully into fleshing out some of the pages, taking them further than
any other layouts before or since, almost to the point of semi-finishes, though more cartoony than I usually work. I was seeing the
finished work as a two-color job and so worked hard at figuring out how those panels would look. Atmosphere and mood were WOLVERINE: NETSUKE “DEBT” “BLOODLINES”
extremely vital to this work. 2000 2001 2002
Mike Mignola
Neal Adams Alberto Breccia
Alberto Breccia Alberto Breccia
Alberto Breccia Alberto Breccia
Joe Kubert
Joe Kubert Joe Kubert
Joe Kubert Joe Kubert
Joe Kubert Joe Kubert
Joe Kubert Joe Kubert
Joe Kubert Joe Kubert
Joe Kubert Joe Kubert
Joe Kubert Joe Kubert
Joe Kubert Joe Kubert
Joe Kubert Joe Kubert
Joe Kubert Joe Kubert
Joe Kubert Joe Kubert
Joe Kubert Joe Kubert
Joe Kubert Joe Kubert
Joe Kubert Joe Kubert
Joe Kubert Gil Kane
Gil Kane Gil Kane
Gil Kane Gil Kane
Gil Kane Gil Kane
Dino Battaglia Dino Battaglia
Dino Battaglia Dino Battaglia
Dino Battaglia Dino Battaglia
Dino Battaglia Dino Battaglia
Dino Battaglia Dino Battaglia
Francis Vallejo Francis Vallejo
Hermann Huppen Hermann Huppen
Hermann Huppen Hermann Huppen
Sam Glanzman Sam Glanzman
Ted McKeever Ted McKeever
Ted McKeever Ted McKeever
Ted McKeever Ted McKeever
Ted McKeever John Buscema
Jeff Jones Jeff Jones
Harvey Kurtzman
Harvey Kurtzman Harvey Kurtzman
Hergé Hergé
Hergé Hergé
Hergé Hergé
Hergé Hergé
Carl Barks Carl Barks
Michael Kaluta
Dave Gibbons Dave Gibbons
Loisel Loisel
Loisel Loisel
Moebius Moebius
Jorge Zaffino Jorge Zaffino
Ralph Meyer Bill Sienkiewicz
CHOOSING THE MOMENT
Choosing the correct moment for a sequence is vital. It can make all the difference in communicating effectively the power of
a punch, or the nuance of a specific emotion to your reader.
On the next few pages are Edweard Muybridge’s photographs of various actions. Shown first is the complete set of actions
and second are the actions I feel are the most self-descriptive of the beginning, middle, end of the motions. These effectively
telegraph the intent of the actions presented.
Here are a series of screen captures from “Almos’ A Man” starring Levar Burton. I love these shots of him running because
the shapes and the energy are fascinating. By clicking through the scene a frame at a time we can see that some poses are more
powerful and energetic than others because they are extreme poses which underscore the speed that he’s running. That’s not to say
that these would necessarily be the best shots to use for a running sequence, that would depend on what is actually trying to be
conveyed. But each shot intimates a subtle change in action and emotion.
The two shots below are from a film from World War One titled “Verdun” shot during the war. The first shot is effective at
conveying the German soldier in action. It would be easy to draw and feels solid. No complaints there. However, the second shot
is interesting and captures the soldier in a position that’s unique which I feel sets it apart. I would choose this one because it’s
atypical.
All of the poses in these photos are interesting and effective. Yet because of the various positions of the soldiers’ bodies and
the direction they lean, they offer subtle differences in how they convey action. Depending on the story and the energy needed to
tell it effectively one image might be better than the others.
1.
Here again the two images are of an individual character, yet each conveys a different mood and sensibility. I bring these to
your attention to underline the idea of truly understanding the unspoken material in a story, the emotional pitch of an image, and
illustrating that through subtle gesture.
2. 3.
4. 5.
6. 7.
8.
MARK MAKING
The marks you make while drawing can be incredibly powerful narrative tools. It’s interesting that
many artists stick with one way of drawing come hell or high water. They rarely deviate from a pat
style. I certainly don’t think there’s anything truly wrong with doing this, but I personally would hate
to give up playing with the many ways of making marks on a page with pen or brush.
Different types of marks can be used to create the myriad textures we see in nature or the contour
of various objects, helping to give more information about their makeup. The type of line one uses
can underscore an emotion or heighten a tense scene. Think how a shaky line could add punch to a
character or scene that’s anxiety-driven. Or sensuous, organic lines enhancing a bedroom scene of
two people making love. Or, staccato marks and pointillism to create the feeling of a pebbled road or
cement wall. What about striated and dry-brushed lines to effectively render wood textures. Split-hair
brushwork can create believable hair or fur. The list is endless.
The types of lines you use to delineate objects can radically change the entire tenor of an object or
character, much less the complete visual narrative.
There’s a lot that goes into mark making. How you make the mark can determine it’s effectiveness.
Playing with the speed that one puts down a line can affect it’s outcome.
Note the Joseph Clement Coll pen drawing on the opposite page. The character and energy of his
line is unique. Note also the value structure of the piece, how he’s also using contrast to direct the eye.
Using undulating horizontal lines to follow the form of the stone behind the characters is very organic.
His use of crosshatch is not typical, a less rigid application of crosshatch that is much more of the
moment than premeditated hatching.
Looking at this detail of a Coll
pen and ink below allows us to
get a much greater appreciation
of the work he’s doing. There’s
brush work here too, to beef up the
darks. Behind the head we can see
that he’s scraping the ink out with
a flat razor blade which lends the
passage a sense of tonal value and
enhances the contrast of the deep
darks.
So, on the next few pages we’ll
look at the various ways to create
value through crosshatch and to
explore alternative methods to
create textures to enliven our
drawings.
BORING
Repetitious Bubbles
BETTER
Inverted Bubbles
EVEN
BETTER
On the right is a Franklin Booth. Look at the diversity of Booth’s line work! When he was a child
learning to draw he copied the artwork he saw in old magazines. What he didn’t know was that those
were engravings, but he thought they were pen and inks, so…
Look at his use of negative space/white and the rich values he creates throughout this piece.
Franklin Booth
When I was in art school I experiments a bit with crosshatch but found that it was too methodical
for me. I was bored out of my mind! So I tried to create a way of working in pen that avoided rote
crosshatching yet still gave me a range of values. What I played with for quite a while was a directional
stroke that could be built up into values. Even that, ultimately, bored me and I moved on to look for
other ways to work with pens and values.
Over the next couple of pages I try to show you some of those efforts.
Brush Pen
Brush
Noel Sickles
George Evans
Frank King
Milton Caniff
Winsor McCay
Winsor McCay
While we have an indication of scale in the first panel it’s not as graphically interesting as the second panel. In the second
panel I’ve enlarged the background figure, brought him closer to be overlapped by the foreground figure. This creates a more
immediate interaction between the characters and gives us a greater sense of depth.
The minute you overlap two objects you give the viewer more information of depth and scale, while also activating the picture
plane in a more interesting way.
By throwing a pattern over the picture we minimize the focus. We can still see some of the By adding a crosshatch to the background we focus our eyes to the foreground. The contrast
particulars but we’re not really sure where to look. leads our eye in a more interesting way from the bottom right to the head..
Creating a stronger sense of light by erasing out of this pattern we now have a greater sense We can also relight the scene and push our eye to the left through the use of contrast.
of focus and where we should be looking. But we can control this further.
By adding graphic foreground elements that overlap our main figure we can easily create a By adding the same graphic foreground elements as the image at the left, coupled with the
greater sense of depth. I’ve left the background intentionally empty to stress the graphical nature more involved background a greater sense of depth, though not as blunt graphically as the other
of the image. image.
By adding more textural elements to the background we can create more space and depth Throwing in a highlight on the foreground elements brings the foreground elements more
also. into focus while also adding to the realism of the scene.
SEQUENCES
On the next few pages are some sequences that are pretty exceptional for pacing and action.
The typical original comic page in America is 11 x 17 inches on Bristol board. If you’re working for the big companies most
likely they will supply the paper. They have two kinds, Plate Bristol, which is smooth, and Kid Finish which has a slight texture to
it.
However, I always used my own paper because I like to draw larger. Remember, too, that if you are doing your own book you
can work in any format you wish, which can change the whole feel of the project and possibly entice readers. The independent
publishers experiment with format and packaging way more than the main companies. You can do square books, long horizontal
books, tall vertical books that when opened created a square, etc. It can be extremely fun to explore this territory.
George Pratt
George Pratt
Gene Colan Gene Colan
Neal Adams Neal Adams
Neal Adams Jim Lee
Jack Kirby Jack Kirby
Jack Kirby Jack Kirby
Jack Kirby Jack Kirby
Jack Kirby Jack Kirby
Jack Kirby Jack Kirby
Jack Kirby Alex Toth
Alex Toth Alex Toth
Alex Toth Alex Toth
Gil Kane Gil Kane
Hergé Yves Chaland
Yves Chaland Yves Chaland
Yves Chaland Yves Chaland
Yves Chaland Craig Russell
Craig Russell Craig Russell
Craig Russell Loisel
David Finch David Finch
FACIAL EXPRESSIONS
Obviously drawing for narrative storytelling one has to be able to effectively convey a large set of emotions.
This can be through body language and gesture as well as facial expressions. If one draws realistically
the onus is to portray emotions honestly and hew to reality. Certainly though, reality can be pushed and
distorted by degrees until we break with reality completely. If one is doing more cartooning, then the sky is
the limit and one can push well beyond reality. But even here the greater range of emotions one can portray
is a valuable asset.
So no matter where we each fall in the style of drawing we do, we must be students of life, tireless watchers
of people in order to more effectively convey the emotional range of the characters in our stories. The
least effective, in my mind, are the cardboard grimaces that I see all too frequently in comics. The more
emotion we can convey in faces and not just with the exaggerated poses, the more subtle and powerful our
storytelling can be.
Here are examples of a couple of artists working with expressions.
SERGIO TOPPI
ALBERTO BRECCIA
a few pointers on lettering, word balloons, and sound effects.
COVERS
Covers entice a reader to pick up the book and look inside. Most times the cover contains imagery that fits a scene from the
contents of the storyline itself, but many covers are standalone images. Some readers hate when a cover has nothing to do with
the contents other than tangentially showing the character. I personally loved picking up comics specifically for certain covers. I
would pick up anything that Michael Kaluta, Jeff Jones, Joe Kubert, Bernie Wrightson, Barry Windsor-Smith, Mike Mignola
did, to name but a few.
No matter how you slice it a cover must be visually engaging. A cover can be quiet, or action packed. There can be no color,
subtle color or loud color. Some series adopt a theme for their covers and rarely deviate from that. Others give the artists free rein
to play as much as they like.
Comics can handle anything. You can go anywhere artistically that you put your mind to, whether
it’s stick figures or highly refined drawings. You can work in any medium available, whether it’s pencil,
pen, watercolor, oils, digital, collage, whatever! There is a home for everything in sequential art.
I used to be only interested in realistically drawn comics, save for newspaper strips and Disney
comics. It took me some time to realize that even crudely drawn or naive work can be extremely
powerful and are many times more suited to certain stories than refined work. I love it all.
Anja
THE THREE-PANEL STORY
In three panels describe an action, any action. A beginning, a middle, and an end.
This could be as simple as tying your shoes, putting on a jacket, a baseball pitcher winding up and
throwing the ball, a batter in the batter’s box waiting for the pitch…swinging…missing…strike out!
THE CONVERSATION
Create a one- to two-page story illustrating a conversation between two people.
Each page should have a minimum of six panels per page.
The scene can take place anywhere.
The characters are totally up to you.
Are they arguing? Having a pleasant talk? Conspiring? Whispering?
What can you focus on other than their heads that might give us more insight into who they are and
what they’re talking about?
Think about other ways of presenting your characters without relying on facial expressions.
What kind of clothes are they wearing. What about their shoes? Does that tell us something about
the characters?
Think about where the scene takes place.
What objects are in this space that might be clues to what’s going on or might be good to focus on?
Think about where you’re placing your camera. What’s your point of view?
SILENT STORY
Create a one- to two-page story that has no text or dialogue.
Can you give your readers enough visually through character (gesture, expression), lighting, point
of view, etc. to carry the tale clearly and effectively?
FACIAL EXPRESSIONS
Work on facial expressions in your preferred drawing style. Play with profile, head on, 3/4 views.
DC Comics Guide to Coloring and Lettering Comics by Mark Chiarello and Todd Klein
ISBN-10 : 9780823010301
ISBN-13 : 978-0823010301
https://www.amazon.com/DC-Comics-Guide-Coloring-Lettering/dp/0823010309/ref=sr_1_1?dchild=1&keywords=d-
c+comics+watson+guptill&qid=1623299859&s=books&sr=1-1
MARVEL COMICS
How to Draw Comics the Marvel Way by Stan Lee and John Buscema
ISBN-10 : 0671530771
ISBN-13 : 978-0671530778
https://www.amazon.com/How-Draw-Comics-Marvel-Way/dp/0671530771/ref=sr_1_1?crid=2YL3HIFKZ09UP&d-
child=1&keywords=drawing+comics+the+marvel+way&qid=1623300139&sprefix=Drawing+Comics+the+Marvel%2Cstrip-
books%2C191&sr=8-1
OTHER BOOKS
Framed Ink: Drawing and Composition for Visual Storytellers by Marcos Mateu-Mestre
ISBN-10 : 1933492953
ISBN-13 : 978-1933492957
https://www.amazon.com/Framed-Ink-Drawing-Composition-Storytellers/dp/1933492953/ref=sr_1_1?crid=32Y6S0M-
RP0NR2&dchild=1&keywords=framed+ink&qid=1623299748&s=books&sprefix=Framed+ink%2Cstripbooks%2C309&sr=1-1
Studio Space: The World’s Greatest Comic Illustrators at Work by Joel Meadows
Offering a unique glimpse at the way that the finest comic artists work, visiting their studio and getting into their mindset.
Studio Space also discusses the training the artists undertook, their big break, and whether their working methods have changed
over the years.
ISBN-10 : 1582409099
ISBN-13 : 978-1582409092
https://www.amazon.com/Studio-Space-Joel-Meadows/dp/1582409099/ref=sr_1_1?dchild=1&keywords=Studio+Space+-
Joel+Meadows&qid=1623300452&sr=8-1