{"id":972,"date":"2008-03-30T11:55:59","date_gmt":"2008-03-30T15:55:59","guid":{"rendered":"http:\/\/www.benzilla.com\/?p=972"},"modified":"2008-03-30T12:01:41","modified_gmt":"2008-03-30T16:01:41","slug":"how-to-divide-a-page-into-three-panels","status":"publish","type":"post","link":"https:\/\/www.benzilla.com\/?p=972","title":{"rendered":"How to Divide a Comics Page Row into Three Panels"},"content":{"rendered":"<p>Like it says up top, this is a short and easy tutorial about how to divide a row (or &#8220;tier&#8221; as it&#8217;s sometimes called) on a comics page into three equally-sized panels.  Why am I writing about this?  Because I was really surprised by the fact that a Google search for how to do this didn&#8217;t yield a quick tutorial on it&#8230; so hopefully this&#8217;ll get indexed and folks will find it useful.<\/p>\n<p>Some background: The nine-panel grid, based on a grid of three rows of three panels each, used to be a pretty standard comics page layout back in the &#8220;golden age&#8221; of comic books.  Look at an old Superman page and that&#8217;s pretty much what you&#8217;ll find.  While superhero books have largely dropped this as their basic grid, you still see it used in &#8220;homages&#8221; like <em>Watchmen<\/em>, and in other genres of comics.  For example, my first book for SLG, <em>Farewell, Georgia<\/em>, was entirely based on the nine-panel grid.  Chances are at some point, no matter what type of comics you do, you&#8217;re going to need to divide <em>some<\/em> area into thirds.<\/p>\n<p>Dividing an area into two panels is easy both mathematically (measure and divide that number in half) and on the page  (just make an &#8220;x&#8221; from corner to corner, and the center is at the crosspoint).  Dividing into thirds, though, can be trickier because of us Americans and our back-asswards insistence on measuring in inches, which don&#8217;t break down fractionally into thirds very well.  Even using centimeters, you often wind up with things not dividing evenly.  So what to do?<\/p>\n<p>If you don&#8217;t mind drawing on that cheap paper that&#8217;s got a light blue panel grid already printed on it, you can use that; I think it&#8217;s got thirds marked on it.  Personally, I&#8217;d just as soon try to draw on a Kleenex as use that stuff.  So, usually what I do is work in a page area that&#8217;s designed to be easily divisible into both halves and thirds.  So, for <em>Midnight Sun<\/em>, I worked at 12&#8243; x 15&#8243;&#8211;both those measurements being easily divisible by two and by three.  (<em>Midnight Sun<\/em> has an unusual trim size.  For a &#8220;standard&#8221; comics page shape, I do 12&#8243; x 18&#8243; which also works well.)<\/p>\n<p>Sometimes, though, you just gotta deal with an area where the measurements just won&#8217;t cooperate and divide equally.  Here&#8217;s how you do it:<\/p>\n<p>First, here&#8217;s our area I&#8217;m going to divide into thirds, shown in light blue dotted lines.<\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.benzilla.com\/uploads\/2008\/03\/thirds_1.jpg\" alt=\"thirds_1.jpg\" class=\"imageframe imgaligncenter\" height=\"167\" width=\"350\" \/><\/p>\n<p> 1) Take the area you want to divide into thirds, and divide it into halves using an &#8220;x&#8221; drawn from each of the corners.  Make a vertical line at the center-point,  dividing the area into halves.<\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.benzilla.com\/uploads\/2008\/03\/thirds_2.jpg\" alt=\"thirds_2.jpg\" class=\"imageframe imgaligncenter\" height=\"167\" width=\"350\" \/><\/p>\n<p> 2) Now draw a diagonal line connecting each <em>bottom<\/em> corner to the <em>top<\/em> corner of each half-area you created in step one.  (Works in reverse, also obviously.)\u00a0 Draw a vertical line at the points where these new lines intersect the lines you drew in step one. The three sections you&#8217;ve created by doing this are equal widths.<\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.benzilla.com\/uploads\/2008\/03\/thirds_3.jpg\" alt=\"thirds_3.jpg\" class=\"imageframe imgaligncenter\" height=\"167\" width=\"350\" \/><\/p>\n<p> 3) Finally, give yourself some gutters and you&#8217;re done! (Technically, the center panel will now be very slightly thinner than the two outer panels because it&#8217;s had a bit lopped off from <em>both<\/em> sides to create the gutter, whereas the outer panels have had only their inner-facing sides docked&#8230; but, hey, it&#8217;s close enough for me.)<\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.benzilla.com\/uploads\/2008\/03\/thirds_4.jpg\" alt=\"thirds_4.jpg\" class=\"imageframe imgaligncenter\" height=\"167\" width=\"350\" \/><\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.benzilla.com\/uploads\/2008\/03\/thirds_5.jpg\" alt=\"thirds_5.jpg\" class=\"imageframe imgaligncenter\" height=\"167\" width=\"350\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Like it says up top, this is a short and easy tutorial about how to divide a row (or &#8220;tier&#8221; as it&#8217;s sometimes called) on a comics page into three equally-sized panels. Why am I writing about this? Because I was really surprised by the fact that a Google search for how to do this &hellip; <\/p>\n<p><a class=\"more-link btn\" href=\"https:\/\/www.benzilla.com\/?p=972\">Continue reading<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"footnotes":"","_jetpack_memberships_contains_paid_content":false,"_links_to":"","_links_to_target":""},"categories":[],"tags":[45,11],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p46veT-fG","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.benzilla.com\/index.php?rest_route=\/wp\/v2\/posts\/972"}],"collection":[{"href":"https:\/\/www.benzilla.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.benzilla.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.benzilla.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.benzilla.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=972"}],"version-history":[{"count":0,"href":"https:\/\/www.benzilla.com\/index.php?rest_route=\/wp\/v2\/posts\/972\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.benzilla.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=972"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.benzilla.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=972"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.benzilla.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=972"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}