HOME | DD

KinnoHitsuji — Panel Layout Tutorial 01 of 10

Published: 2010-03-06 19:16:36 +0000 UTC; Views: 34104; Favourites: 554; Downloads: 547
Redirect to original
Description I'm taking out the "It's magic" part of Panel layouts. ^_^

This also has some basic design principles which will be built upon later.

I should note that some of the things like the A4 paper, and making one read left to right, are personal preferences. Take away the principle more than the personal opinions...

Note: These are not hard and fast rules, but general rules for you to understand and correctly abuse later.

Other tutorials on panel layouts: (Because I didn't make this stuff up)
[link]
[link]
[link]
Kyou Mo Ashita mo (by Emura, a mangaka) <-- How the pros do it in manga form. Has tips and tricks that us regular people don't get. So get taught by a mangaka. You can find the scans online.

I'll be adding more stuff than what's listed in the previous tutorials.

Part 2: [link]
Related content
Comments: 55

KinnoHitsuji In reply to ??? [2016-05-28 00:52:41 +0000 UTC]

If you have questions after reading all 10 of them, let me know. And if your paneling improves, I'd love to see the results with a direct link.

👍: 0 ⏩: 1

akemiusagi In reply to KinnoHitsuji [2016-06-15 02:18:52 +0000 UTC]

I'm actually trying to make a comic, which I'm not used to doing. Erm, I've made some very easily avoided mistakes (like inconsistent character design), but your tutorial is helping me to think about panel layout.
mylittlealicorn-blog.tumblr.co… is where it is right now (I think I'll upload them here, too.)

👍: 0 ⏩: 1

KinnoHitsuji In reply to akemiusagi [2016-06-19 15:20:26 +0000 UTC]

There are 10... so it's worth looking at all of them. They have bubbles, etc explained which might help enhance effects you want with minimal effort.

👍: 0 ⏩: 0

ayystern [2016-03-04 14:44:04 +0000 UTC]

This as well as the links in the discription are really helpful. thank you

👍: 0 ⏩: 1

KinnoHitsuji In reply to ayystern [2016-03-04 16:56:13 +0000 UTC]

You're welcome.

👍: 0 ⏩: 0

MissChibiArtist [2013-06-05 20:16:23 +0000 UTC]

Awesome! Very helpful. I like the tips on how to direct the reader's eye. <33

👍: 0 ⏩: 0

wallyakazukin [2012-12-31 17:49:40 +0000 UTC]

it's great! thank you so much for making this >v<

👍: 0 ⏩: 0

DaikiTheWolfTIC [2012-08-08 03:38:46 +0000 UTC]

Tis will help lots!

👍: 0 ⏩: 0

iamaloserz [2012-08-05 13:34:40 +0000 UTC]

Helpful indeed !

👍: 0 ⏩: 0

hanarosa [2012-05-18 06:05:35 +0000 UTC]

omg i love emura! too bad i can't find the other chapters of kyou mo ashita mo or w juliet II

is she on hiatus or something?

👍: 0 ⏩: 1

KinnoHitsuji In reply to hanarosa [2012-05-18 16:24:24 +0000 UTC]

Kyou mo Ashita mo got picked up by Viz. W Juliet II went in hiatus, I think. (Don't quote me on that).

👍: 0 ⏩: 1

hanarosa In reply to KinnoHitsuji [2012-05-19 00:38:00 +0000 UTC]

aaahhhh i see

thank you

i really want to read them =3=

👍: 0 ⏩: 0

GertrudeFin [2012-03-25 07:58:07 +0000 UTC]

omg so helpful!!! thank you!

👍: 0 ⏩: 1

KinnoHitsuji In reply to GertrudeFin [2012-03-25 22:59:20 +0000 UTC]

You're welcome. If you read it to the last one you get a lot more.

👍: 0 ⏩: 1

GertrudeFin In reply to KinnoHitsuji [2012-03-30 23:12:07 +0000 UTC]

Okie doke! I'll make sure to read through!

👍: 0 ⏩: 0

AeRaShin [2011-12-10 05:44:27 +0000 UTC]

wah! this tutorial is saving me!

👍: 0 ⏩: 0

everhearted [2011-08-28 18:50:35 +0000 UTC]

Nana:
thank you so much!

👍: 0 ⏩: 0

AnimeFan-16 [2011-03-09 02:06:06 +0000 UTC]

Thanks for this! Gahh I use Manga Studio Debut 4 and I can't figure out how to delete certain panel outlines either :/

👍: 0 ⏩: 0

greeni-studio [2011-03-03 08:09:53 +0000 UTC]

Thank you so much for putting this together, I've been trying to find a place to learn this. You rock!

👍: 0 ⏩: 1

KinnoHitsuji In reply to greeni-studio [2011-03-03 16:35:50 +0000 UTC]

There are 10 tutorials total. 8-10 are not complete, though the text is pretty much written up. (9 is a bit of a mess.)

👍: 0 ⏩: 0

Kontoraktora [2011-02-15 01:22:08 +0000 UTC]

nice thank you for this tutorial. Gives me insight on how important it is in making panels and such..Great Tuts

👍: 0 ⏩: 0

maufii [2011-02-13 05:34:34 +0000 UTC]

great tutorial! The information you give is golden. ; ) I've been looking for tutorials on paneling for a while now and this has been the most rewarding one yet.

👍: 0 ⏩: 1

KinnoHitsuji In reply to maufii [2011-02-13 15:42:30 +0000 UTC]

There are about 10 of them. 8, 9, 10, are not complete. Most of 8 and 10 are complete and posted, but not quite.

👍: 0 ⏩: 0

WOLFY213 [2010-12-28 08:12:36 +0000 UTC]

this will help me a lot thanks

👍: 0 ⏩: 0

Objectionized [2010-08-03 23:47:54 +0000 UTC]

faving this whole tutorial <3 it's so helpful, thanks! <3<3<3

👍: 0 ⏩: 1

KinnoHitsuji In reply to Objectionized [2010-08-04 00:13:06 +0000 UTC]

No, thank you. If you have any questions or something is unclear, feel free to ask. ^_^

👍: 0 ⏩: 0

3HeadedCerberus [2010-05-24 13:28:14 +0000 UTC]

These are great! out of all the books I read that has paneling it never explained it in such a simple and easy to understand way

👍: 0 ⏩: 1

KinnoHitsuji In reply to 3HeadedCerberus [2010-05-24 14:42:24 +0000 UTC]

Exactly why I wrote it. 'Cause I couldn't find such a book. I think that many people are also unconscious of the techniques they use when they've been copying other artists.

👍: 0 ⏩: 1

3HeadedCerberus In reply to KinnoHitsuji [2010-05-24 15:53:15 +0000 UTC]

yeah its probably something that they develop unconsciously, but thanks again I've been drawing comics for years, its really only now that I've taken a serious interest in developing my skills in it so this tutorial was really helpful

👍: 0 ⏩: 1

KinnoHitsuji In reply to 3HeadedCerberus [2010-05-24 16:19:39 +0000 UTC]

No, thank you and thanks for the too.

👍: 0 ⏩: 0

Scotty6000 [2010-04-19 18:50:03 +0000 UTC]

These Panel layout tutorials are fantastic! Ive read them all and ive got such a better understanding! Theres so many things ive never really taken into abount or thought about but thanks to this tutorial set, ive gotta put more thought into the way i do my layouts for pages from now on! Thank you! ^w^

👍: 0 ⏩: 1

KinnoHitsuji In reply to Scotty6000 [2010-04-20 03:25:17 +0000 UTC]

You're welcome. I hope they are useful in the future. I still have a few more to go. ^_^

👍: 0 ⏩: 1

Scotty6000 In reply to KinnoHitsuji [2010-04-20 17:27:32 +0000 UTC]

Lol Awesome then ill look forward to reading those too ^^

👍: 0 ⏩: 1

KinnoHitsuji In reply to Scotty6000 [2010-04-20 20:07:28 +0000 UTC]

Thank you and thanks for the too.

👍: 0 ⏩: 1

Scotty6000 In reply to KinnoHitsuji [2010-04-21 02:30:48 +0000 UTC]

Np ^w^

👍: 0 ⏩: 0

KaeruLapin [2010-03-26 05:27:20 +0000 UTC]

Sometimes comic creators study hard to do better art, forgeting the importance of the story.

Thank you for the tut, and the links you provided are really useful.
It's the basics of composition, isn't it? That's inside our lives in more that just comics.

👍: 0 ⏩: 1

KinnoHitsuji In reply to KaeruLapin [2010-03-26 06:33:04 +0000 UTC]

Composition is merely how you place elements on the page, but this is talking about using principles of design and the psychological impact that has on the reader. In theory, this is a bit more towards where one tries to lead the user/reader by design elements. One does this in website design too.

Once you go there, you are getting a little deeper than merely composition. (Which is using things like golden ratio and margin), but trying to dictate human behavior through things like use of negative space v. positive space and guess ahead of the reader where they will go next and use signals to tell them what they should feel through the course of reading your design. You can even do this through simple spacing on type--which is technically typography more than composition since type is an element, but how one typesets it is typography.

XD My design classes were useful for something. Tutorials 2 and 3 go a bit more deeply into design and the psychology that it has on the reader and *general* rules on what to use when... so once someone understands it, they can properly break it later. I'm working on tutorial 4 which will go into forced flow and changing the size of the frame with a similar action or sequence.

👍: 0 ⏩: 1

KaeruLapin In reply to KinnoHitsuji [2010-03-27 23:26:47 +0000 UTC]

Your reponse leaved me astonished O.O thanks for the information (I guess I'll have to study more for making a better comic page). Until some days ago I used to make the pages by heart. Reading the other tutorials right away.

👍: 0 ⏩: 0

Sherilyn [2010-03-13 07:50:35 +0000 UTC]

Excellent information and nice tutorial. Thank you for providing some good resources. ^_^

It usually hard to explain these sorts of things, I think that's why a lot of professionals hesitate to really get into a discussion about how they panel. The amount of thought that goes into panels is considerable and should be addressed by more of the manga art community.

👍: 0 ⏩: 1

KinnoHitsuji In reply to Sherilyn [2010-03-14 15:36:35 +0000 UTC]

A lot of artists aren't writer types. I see a lot of mangaka saying "What do I say here anyway?" in their writing corners. ^_^

👍: 0 ⏩: 0

htx [2010-03-13 04:24:06 +0000 UTC]

I must say that there's a fine research, and I agree with most of it. It's an amazing compilation of techniques.

I have 3 manga albums published. At the begining I didn't care about all this. Bout now I must say that I do care about the layout and try to transmit it to other people.

With all young people I see around the web they don't care about panelling or safe margins for instance, they place the speech balloons in the edge of the page they don't thing that that might eventually be printed on and those balloons are going to be cuted off, or will be hidden in the interior of the book.

I also use a small page layout guide (a bunch of double pages) when I'm creating the thumbnails so that I can see what's going to be in the interior/ exterior of the book where I can lace a "tachikiri", or even where I can use a double splash page.

Actually I was writing a tutorial regarding this for a workshop. I think it is extremely important.

Except one this I do different I draw in a B4 size, I draw a lot of landscapes tend to do a lot of details, in a smaller size it would burn my eyes out

Well done!

👍: 0 ⏩: 2

WOLFY213 In reply to htx [2010-12-28 08:15:09 +0000 UTC]

i wondering if you could give me some advice i gotta do a finalproject for school and i wanna do it as a manga but i know practicly nothing, i know i cant do poses so i have to act out the scenes myself than tack pics of the scene than change them into manga ish look in photoshop, my biggest problem is i dont know how to start or what to do, so any suggestions would be great.

👍: 0 ⏩: 0

KinnoHitsuji In reply to htx [2010-03-13 05:15:12 +0000 UTC]

Thank you!

I asked at several manga panels and boards "How do you panel?" and when they said, "Give it to a friend, they'll know." I was like... Huh? If you don't know, then how will they know?

I also asked the people over at "How to Draw Manga" to specifically put out a book all about paneling, and they promised, but never delivered. Most of the books cover what goes *in* the panel, but not how to set up the panels to create moods with a specific trick to do so.

I saw a book in a store with paneling tips, but it was in Japanese and I couldn't afford it.

So that pretty left me with one option, read a ton of manga, apply my design studies to said manga reading, take lots of notes and share it with people. Because I don't think paneling is "magic" or all "feel" or has no set of rules or techniques one can apply to make it work. Because no art out there whether it be writing or drawing or acting doesn't have a set structure and foundation to work by...

I'd do stuff like bleed lines, etc, but there is a better tutorial for the bleed info online plus bleeds tend to vary depending on the publisher.

As you said, many mangaka do use much larger paper, like B4 because the rule of thumb is that bigger the paper is the more detailed it will look when it's forced to shrink.

I also noticed that people often place bubbles on a straight diagonal pretty much without mixing up the placement and realizing that bubbles *are* part of the panel layout and *also* create mood just by placement. There are a ton of neat effects one can get by bubble placement. ^_^

I'm working on part 2 and there probably a few parter for bubbles alone.

So I hope this helps the people who read it.

👍: 0 ⏩: 1

htx In reply to KinnoHitsuji [2010-03-13 15:31:36 +0000 UTC]

All right do it, I'll be glad to read it.

I'm always a bit busy hundreds of pages to work on but if you need help let me know

👍: 0 ⏩: 1

KinnoHitsuji In reply to htx [2010-03-14 14:54:58 +0000 UTC]

Do you happen to know if there is a good rule of thumb besides "it looks cluttered" for dropped frame edges of a panel? It's more of a shoujo thing though.

[link] <-- for example, second frame. (though technically this is a zoom stacking. up close-far-up close combo) Emura tends to follow by the book... which makes it easier to read her motivations in her frame designs.

She tends to do dropped frames for the classic zoom stacking combo, to relate a character to a set of actions or reactions, or for scene changes. All valid reasons, but her frame set ups tend to not be as dramatic as say, Skip Beat. (Nakahara-sensei has some really dynamic frame layouts when she's not worn out or tired. She seems to play with them quite a bit.)

[link] <-- Scene changes are pretty much Yazawa Ai's style and reason for dropping the panel line.

[link] <-- dropped frame line here I'm not sure of. Obana-sensei tends to follow more of a classic shoujo panel layout. (The previous two don't do it so much... Emura is very rule-bound and Yazawa-sensei tends to break all the rules and use the line as her margin of event and use the internal structure of her panel work to force it to flow--which does fit with the kind of manga she tends to draw.)

And this is where the dropped panel line... I just don't quite understand the fundamental "Why". But the way that Obana-sensei and Takeuchi-sensei (with Osa-P editing) do it, is a lot more common... I just don't quite get the rhyme or reason... I just know that it "looks" better and seems to "flow" more with the dropped panel lines, I just don't get the "which panel lines to drop" and "Why does it work?" part of that type of frame layout.

i.e. Why Shounen is easier to draw panel-wise.

Got a clue on the third page on the panel line dropping?

👍: 0 ⏩: 1

htx In reply to KinnoHitsuji [2010-03-15 11:49:53 +0000 UTC]

Oh boy! I don't actually know what you are asking me here thou

Shojo is not my area indeed. I don't really read it. That third page is something I woldn't do for sure. It's really confused. I like mangas where we can follow the text with a simple flow. That 3rd page has too much information and text at the same time (a shojo common ting) in that page our eyes go up and down, up and down. Sometimes in many manga pages like that one we have to guess what balloon comes next. (And if you go to the next page in that manga it gets worst).

So I haven't got a clue on that page layout, the two first ones are really simple and easy to follow both text and drawings.

👍: 0 ⏩: 1

KinnoHitsuji In reply to htx [2010-03-15 15:01:16 +0000 UTC]

Ah... outside your field of expertise. ; Thank you for the time and effort. I'll try to figure it out myself.

👍: 0 ⏩: 1

htx In reply to KinnoHitsuji [2010-03-15 16:11:54 +0000 UTC]

I draw mostly sci fi things. Cyberpunk or simple shonen. So has I told you before my paneling is a bit diferent

I try to give a more dynamic storytelling playing with large panels to give a larger impact. Small panels for things not so important and close-ups to intensify the drama.

But it's nice to discuss this. Most of my pages are not here in my dA account (I want people to buy the book ) and the ones I have are a bit old

👍: 0 ⏩: 1

KinnoHitsuji In reply to htx [2010-03-15 16:23:59 +0000 UTC]

Would your publishing company be against posting like one or two pages for simple promotion? It might help sales a little. (Talking purely from a marketing perspective.) From a writer's perspective, I'm still collecting rejections. ^_^ So I've been researching marketing along the way...

Most starter mangaka seem to get the size issues of panel layout, but tend to forget things like margin space, bubble layouts, and how to properly do sequential panels, probably because most people weren't taught to look for such things.

Shounen layouts are definitely easier to do overall. Even some shoujo writers tend towards a little more shounen than shoujo when they start out, or even partially revert (ala Takeuchi-sensei after she married Togashi-sensei.) There also tends to be more margins and attention to negative space in Shounen--as well as a lot less screentone. The majority of the shounen I see tends to substitute black ink for the shading portion... (Tegami Bachi uses lots of this in lieu of screentone).

I think this means that shounen layouts have to place a lot more stress on things like bubble layout in the internal structure of the panels more than the actual panel layouts themselves. It's just a theory since I haven't read enough shounen to be 100% sure.

Anyway, I'll get to the stacking actions part in part 3, and then you'll probably be clearer on what I was talking about before... It's definitely good to have a way to express how to do these things and discuss techniques.

BTW, You'll probably look at the layouts of Nakahara-sensei (Skip Beat) cross-eyed if what you said is true... Might be worth the research trip.

👍: 0 ⏩: 1

htx In reply to KinnoHitsuji [2010-03-18 13:36:56 +0000 UTC]

My publisher owes me money, so I will do whatever i want with the project, and maybe the next volume wont be published by him.
I have a few old and full of errors pages in this folder here [link]

Well, nice you to speak about Tegami Bachi that's one of those mangas that come suddenly and become a blast! I thing that manga is in between Shojo and Shonen. But i'm loving it

I have a comic book store I don't read a lot not because i don't want to, but because I don't have time

👍: 0 ⏩: 1


| Next =>