PANEL Composition
How-to

for comics
Hey AND WELCOME! π»
I'm also learning, just like you
Β
I studied film, storytelling and animation and I will be speaking about panelling with a slight focus on those things.
Β π¬ π
Interaction is welcome!
Β
Use the chat function to ask each other questions and suggest ideas during the presentation. Mute your microphone to avoid disruption.
QUICK Exercise
β± 8 mins
Think of a small story that you would like to tell in comics format and write it down in a few sentences
Β
It can be a complete story or part of a bigger storyΒ
Β
Share it with your group
Out of ideas? ππ‘
Magic realism bot on Twitter: @MagicRealismBot
Squibler plot generator:
https://www.squibler.io/plot-generator
AI story writer:
How do I choose a format?
π€
Your panel layout will depend on where and how you want to publish your comic
Β
π Long format print
Β π Short format print
π° Zine
π Webcomic
π¬ Social media
π€ΉββοΈ Multiple formats
π
Look at examples
βοΈ
Check requirements
Printing π¨
Your readers experience your content via page-flipping and there's generally more room to make your panels interact with each other
Printing Templates
(Mixam)
Graphic novel:
https://mixam.co.uk/graphicnovels
Comic books:
A few grids! π


Source: https://blog.nocturnalmonkey.com/comic-grid/
More examples: https://forums.tapas.io/t/comic-book-layouts/19207/2
Web comic π
The world is mobile now; most readers of web comics will look at them on their phone. This means that you have less room to put panels side-by-side.
Nomads - Webtoon
Webcomic Sizing
Clip Studio Paint:
Social Media π―ββοΈ
Another format of webcomic is social media, that you can use to make tiny short comics. You'll typically create four to ten panels to be shared in a slideshow.
@sarahgraley
Social media Size guide
Always google before starting a new project, as social media keeps evolving!
And you can mix PLATFORMS!
Once you're aware of how all the formats work, you can prepare a base that will allow you to print AND split in squares to share on social media, for example.
π€ΉββοΈ
Activity βοΈ
β± 10 mins
Think about what you just learned and decide which type of media your story will be made for.
Β
Create a file / open your notebook and draw a rough grid, whether side-by-side panels for print or panels on top of each other for a webcomic.
Β
This is just an exercise, donβt worry about getting it perfect!
Into the Panel!
How can you best position and display your characters, backgrounds and action?
π
Film as an example π
Inception - 2010 - Trailer
Look at all the different shots!

Close-ups
Action
Long shots and wide angles
In films and comics, you have to choose where your camera is in relation to the subject! Closer, further away, up, down...
π₯ π§πΎββοΈ
This is what we call a shot or camera angle
π¨ Comics VS Films π¬
Limited space on the page! πͺ π
So multiple things can happen on the same panel ππ»ββοΈ

Inception - The Cobol Job
No sound or movement! π
So we use speech bubbles π¬,Β sound and visual effects π₯

Inception - The Cobol Job
Different consumer expectations π©π»βπ«
People get bored with a film more quickly, so it needs a lot of different angles that last for only a few seconds β±


Inception - The Cobol Job
A few commoN
Shots and effects
πΈ π€‘
Establishing shots



Extreme wide

Wide/long
Buildings
Aerial view
Action shots




Full
Medium
Over the shoulder
Walking away
Close-up shots




Medium close-up
Close-up
Extreme close-up
Low depth-of-field
Creative Shots




High angle
Low angle
Tilted (dutch angle)
Silhouettes
Alison - Lizzy Stewart

All together now!
πͺ©
Help me choose!
Camera conventions in graphic novels:
https://www.rivkah.com/lets-make-magic/camera-conventions-in-graphic-novels/
Types of Film Shots:
Wally Wood's 22 panels that always work:
https://cloudfour.com/thinks/22-panels-that-always-work-wally-woods-legendary-productivity-hack/
https://inked-dreams.com/2021/09/14/wally-woods-22-panels-with-examples/
Guiding the eye
How to help your reader see what you want them to see?
π
Rule of thirds πΆ
@foksia - Unsplash
|
Β |
||
|---|---|---|
|
Β |
||
|
Β |
|
Β |
||
|---|---|---|
|
Β |
||
|
Β |
@emilyotwell - Unsplash
@whynotnatali - Unsplash
Speech and effects π―

Daytripper - FΓ‘bio Moon & Gabriel BΓ‘
Nice to Meet You - Wishroomness - Webtoon
escape the panel π¨
Sinavore - Spiller, Waugh, Shafi and Racicot



Page spreads π
Joy Operations - Brian Michael Bendis & Stephen Byrne

pile of Books π
Not many today, go read comics instead

Activity
β± 20 mins
Use the grid you have created in the previous activity.
Β
Start sketching your story (or a part of it) using a mix of different shots. Experiment with adapting or breaking freeΒ of the grid. Think about guiding the reader from panel to panel.
Β Once youβve got something to show, use the breakout room to share what you have createdΒ with the others.
There
are
no
ugly
drawings
Β
(unless you want them to be ugly!)
And remember... π§
WIP Slack @claudiamatosa
Call for
speakers!
ππ£
WIP Comics - Composing Panels
By Claudia M
WIP Comics - Composing Panels
Creating Comics is a monthly meetup, where we study the craft of drawn narratives with the goal of helping people create their own comics. In this session, we will be looking at multiple ways of composing panels, depending on where your comic is meant to be presented (print, online, social media...). We will also be talking about different ways of framing shots and how to make the action flow from one panel to the next.
- 45




