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

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)

A few grids! πŸŽ›

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

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!

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!

πŸ”ŠπŸ—£

Made with Slides.com