Vertical scroll format tips and tricks

[JeanGuillet]

I've merged multiple panels into a single one as someone's falling out of a 4th floor window, that worked nicely.

I'll flip a panel horizontally if I want to do a real widescreen, I like this, I've used it at least three or four times.

I've kilted a panel diagonally to show vertigo.

I think my favorite one though was I had a horizontal and vertical layout layered simultaneously on top of each other kind of mirroring everything as two storylines intersected...that one got me my first feature on webtoons.

I like the vertical scroll format it's much easier to read and you never have to worry about spoiling a page for yourself by accidentally glancing at the wrong panel. But I do a very non traditional comic, it's not the webtoons style. it's called 'cinematic' a lot and that's how I think of it, more like a film that you flip through the frames one by one.

Aaaaand the downside is you have to reformat everything for print. I haven't figured that part out yet.

[skicoak]

I have seen that before ( but for some reason the link isn't working for me) .

That centering technique just lets the reader zoom through the story... it's hard to control reader time when you can't trick the eye into wandering or focusing.

[skicoak]

I'll flip a panel horizontally if I want to do a real widescreen, I like this, I've used it at least three or four times.

I've seen this... probably just me, but it bugs me because I always try to flip the reading device to look at better.. then the screen auto corrects. Urgh!

I think my favorite one though was I had a horizontal and vertical layout layered simultaneously on top of each other kind of mirroring everything as two storylines intersected...that one got me my first feature on webtoons.

Can you link please? I would really like to see that.

[JeanGuillet]

yeah flipping the device sideways is annoying....so I keep the text reading vertically. don't know if it makes much of a difference.

Here's the link to the double horizontal vertical. I thought twice about linking cause I'm probably a bit more lenient on showing cartoon blood than some people. So warning, there's cartoon blood. it's not particularly realistic, but it's red.

Chateau Grief :: CG150 | Tapas

[skicoak]

Cartoon blood!!

I might wilt and wither! Ha !

Cool panel at the end! That's a very interesting technique... you nailed it.

[zammap]

Scott McCloud has written a lot about this in conjuntion with his normal "how to draw comics" books. And he wrote/talked about this back in the 90s! When very few people even had the internet! He called it Infinite canvas.

[JeanGuillet]

I miss the 90s internet. I remember reading this essay by McCloud when he first put it up. it was so avant garde and people tried all kinds of things that failed and were just weird, but now I stumble across some old site every now and again, and that nostalgia...cuts deep...

yeah, try weird stuff, for posterity. it's worth it.

[punkarsenic]

(((( someone wanna change the title of this thread to 'tips on flow in vertical scroll' or something? ))))

i think midnight furies is a good one to look at for vertical scroll inspiration - its originally drawn for a page format, and then editing into scroll, which leads to some really interesting compositions imo

Midnight Furies | Tapas

this episode especially has magnificent flow and emotional resonance

Midnight Furies :: Chapter 3 ep 12 | Tapas

[skicoak]

He called it Infinite canvas.

I call it that sometimes ... but some cats then think you're talking about an Avenger's sequel. Ha!

McCloud is a genius and such but, as far as I have found, he really never dealt in the nitty gritty concepts of manipulating eye flow within the infinite canvas. If you have something deeper he wrote, please share.

someone wanna change the title of this thread to 'tips on flow in vertical scroll' or something?

Bah! The title is neither misleading or clickbait (unless you have some weird thesis statement fetish).

I read the episode you suggested. The initial staggered panels do help establish the narrative of the game with good kinetic energy, but for me, when we get to the emotional scene, the format fails the artist. They open up the panels and subtly switches style to try and slow the eye with more detail. But we keep visually pinballing straight down the scroll at a pace that doesn't suit the scene.

It's one of those cases where traditional methods aren't quite working as well in this form.

It's like we're bringing a standard socket set to a job that has metric bolts and nuts.

[silverraven0]

me as a non English speaking bird that's still have limited vocabulary

Dat title confuse me to another level. (/ω＼)

[skicoak]

Dat title confuse me to another level. (/ω＼)

Ha ha! Well, I'm old so this...

(/ω＼)

...confuses me. Is it two sticks swatting a testicle pinata? Or what?

[charliesackett]

I tilt my gutters ever so slightly to try and create a line of sight through panels.

[skicoak]

Do you do it to create a Z pattern? Or something else?

[charliesackett]

Like this.
More pointing down and into the next panel. Traditional Z can kind of lead you off the side of the page if you're not careful.

[skicoak]

Are you concerned, that on mobile devices, that the reader's eye is singularly focused on the total image and resists the technique?

[silverraven0]

Σ( ° △ °|||)

No, lol. It's just a hand on ur face because of embarrassment or something but still acting cute (hahaha) kind of emoji. This is called kaomoji. (•ω•)

[skicoak]

Σ( ° △ °|||)

What?!?

Get off my lawn whippersnapper!

I just don't read....

ω

...as a face. Just don't see it.

[charliesackett]

Not really, but only because that would require me to be much more concerned about whether or not anyone reads it ever. I just do my best and try stuff.

[beta1042]

Oh come on you know the title is your attempt at rebelling the new title rule...you can at least be honest about it.

But I digress. TO answer the question about vertical scroll format, The ways I like to move aorudn the eye are:
1-Speech balloon placement. Because you can add as much white space as you want between panels, this allows a lot of freedom in how you place the speech balloons. Essentially I like to place the balloons in a manner that forces the eye to see the things I want, and focus on what is important. Ex from my comic(I added some markings to help emphasize):

Here the reader has to move their eye from right to left to right forcing them to essentially see what is in the "red oval".

2- Manipulating details. Panels where you want to focus on a single thing, you want to minimize the details around it. This may be a character expression, or an object in a room. That may involve having a simple bg (or even no bg, color gradient, or even heavily blurred bg). It may involve cropping the panel to just the part you want them to see. Or it may involve blurring or fading most of the panel so that the only thing in focus is the object you want the reader to look at. You can also use this to make reader eyes jump around.

3- if you color your comic, there are certain colors that pop more. Or even situations where you can mute/reduce contrast on panels and use brighter colors to draw focus to certain points. So playing with colors can also allow you to direct the eye where you want.

[skicoak]

Oh come on you know the title is your attempt at rebelling the new title rule.

How can it be rebelling if I'm following to rules? That's crazy talk.

1-Speech balloon placement

Not really a strong suit of mine, I tend to place them outside the art just retain the original intent of the composition/art.

2- Manipulating details

Yeah, I find this becomes a default mode a lot of the time. Just because it's easier to use these techniques to force focus on singular concepts/ images in the vertical scroll format.

3- if you color your comic, there are certain colors that pop more.

Just starting to play with this, liked how it was used in ...

Live Forever