Odd-Shaped Panel: Difference between revisions

Everything About Fiction You Never Wanted to Know.
Content added Content deleted
m (categories and general cleanup)
(corrected the name of the artist of Dresden Codak, as per https://dresdencodak.com/2022/04/17/dark-science-116-naglfar/)
 
(12 intermediate revisions by 3 users not shown)
Line 2: Line 2:
A [[Comic Book]]/[[Comic Strip]]/[[Manga]]/[[Web Comic]] panel takes on an irregular shape as a form of [[Painting the Medium]]. (Many of the same effects can be used on [[Speech Bubbles]], only from a default shape of round.)
A [[Comic Book]]/[[Comic Strip]]/[[Manga]]/[[Web Comic]] panel takes on an irregular shape as a form of [[Painting the Medium]]. (Many of the same effects can be used on [[Speech Bubbles]], only from a default shape of round.)


The simplest form is to depict something protruding from it in the [[Frame Break]] -- but anything 2D is possible. There are a thousand ways to do this, and a million reasons.
The simplest form is to depict something protruding from it in the [[Frame Break]]—but anything 2D is possible. There are a thousand ways to do this, and a million reasons.
* To represent the passage of time.
* To represent the passage of time.
** A four-panel newspaper strip might go like this... First panel: ''Alice says something weird.''; Second & Third panel combined into one double-sized panel: ''Alice and Bob stare at each other.''; Last panel: ''Bob calls Alice a weirdo.'' (In this case, the long panel represents [[Beat Panel|a long pause]].)
** A four-panel newspaper strip might go like this... First panel: ''Alice says something weird.''; Second & Third panel combined into one double-sized panel: ''Alice and Bob stare at each other.''; Last panel: ''Bob calls Alice a weirdo.'' (In this case, the long panel represents [[Beat Panel|a long pause]].)
Line 19: Line 19:
* To break up visual monotony. This is at least ''part'' of the reason for probably 95% of oddly shaped panels.
* To break up visual monotony. This is at least ''part'' of the reason for probably 95% of oddly shaped panels.


Depending on how they are juxtaposed, can make following the sequence difficult, since there may not be a left-to-right (or right-to-left in manga), top-to-bottom order. Sometimes panels are even "superimposed" as if they were on top of each other; this is commonest in the [[Sub-Trope]] [[Speechbubbles Interruption]], where it is used to show talking over each other.
Depending on how they are juxtaposed, can make following the sequence difficult, since there may not be a left-to-right (or right-to-left in manga), top-to-bottom order. Sometimes panels are even "superimposed" as if they were on top of each other; this is commonest in the [[Sub-Trope]] [[Speech Bubbles Interruption]], where it is used to show talking over each other.


{{examples}}
{{examples}}
Line 25: Line 25:
== Comics ==
== Comics ==


* Will Eisner's ''[[The Spirit]]'' may be the [[Ur Example]] of using unusual page layouts to visually reinforce story elements. This series invented many of the techniques mentioned above; indeed, much of the visual vocabulary of action-oriented comics can be traced to ''The Spirit''. Only Orson Welles' film ''[[Citizen Kane (Film)|Citizen Kane]]'' is comparable in its acknowledged influence over an entire medium.
* Will Eisner's ''[[The Spirit]]'' may be the [[Ur Example]] of using unusual page layouts to visually reinforce story elements. This series invented many of the techniques mentioned above; indeed, much of the visual vocabulary of action-oriented comics can be traced to ''The Spirit''. Only Orson Welles' film ''[[Citizen Kane]]'' is comparable in its acknowledged influence over an entire medium.
* Jack Cole, who assisted Eisner on the Spirit for a while, would employ odd panels in his own comics, for example in the second [[Plastic Man]] story in this [http://colescomics.blogspot.com/2009/10/jack-coles-strange-last-plastic-man.html post] all the parts of the story set in dreamland had wavy panel borders with black gutters in between them.
* Jack Cole, who assisted Eisner on the Spirit for a while, would employ odd panels in his own comics, for example in the second [[Plastic Man]] story in this [http://colescomics.blogspot.com/2009/10/jack-coles-strange-last-plastic-man.html post] all the parts of the story set in dreamland had wavy panel borders with black gutters in between them.
* Sam Kieth's ''[[The Maxx]]'' did this all the time.
* Sam Kieth's ''[[The Maxx]]'' did this all the time.
Line 33: Line 33:
* The first couple of issues of ''[[Elf Quest]]'' drawn by Wendy Pini almost exclusively used [http://www.elfquest.com/gallery/OnlineComics/OQ/OQ01/DisplayOQ01.html?page=11 rectangular panels], but by issue #4 she was [http://www.elfquest.com/gallery/OnlineComics/OQ/OQ04/DisplayOQ04.html?page=22 starting to experiment] with [http://www.elfquest.com/gallery/OnlineComics/OQ/OQ04/DisplayOQ04.html?page=18 more ambitious layouts].
* The first couple of issues of ''[[Elf Quest]]'' drawn by Wendy Pini almost exclusively used [http://www.elfquest.com/gallery/OnlineComics/OQ/OQ01/DisplayOQ01.html?page=11 rectangular panels], but by issue #4 she was [http://www.elfquest.com/gallery/OnlineComics/OQ/OQ04/DisplayOQ04.html?page=22 starting to experiment] with [http://www.elfquest.com/gallery/OnlineComics/OQ/OQ04/DisplayOQ04.html?page=18 more ambitious layouts].
* [[The Death of Superman]] comics, in 1992, has a very interesting example. It starts by the wake of Doomsday, who then starts attacking everything in sight, until [[Superman]] arrives. Then Doomsday focus on him only, and they start fighting, without dialogue (since Doomsday can't talk at all and [[Implacable Man|won't stop its attacks]]), each page having 8 panels. The next issue was more pure fight, with each page having 7 panels. Then 6, then 5, and so on. The last issue, then, is composed only of single-panel pages of Supes and Dooms beating the crap out of each other, and in the last one ''both of them die''.
* [[The Death of Superman]] comics, in 1992, has a very interesting example. It starts by the wake of Doomsday, who then starts attacking everything in sight, until [[Superman]] arrives. Then Doomsday focus on him only, and they start fighting, without dialogue (since Doomsday can't talk at all and [[Implacable Man|won't stop its attacks]]), each page having 8 panels. The next issue was more pure fight, with each page having 7 panels. Then 6, then 5, and so on. The last issue, then, is composed only of single-panel pages of Supes and Dooms beating the crap out of each other, and in the last one ''both of them die''.
* When he draws ''[[Detective Comics]]'', JH Williams III divides the [[Batwoman]] segments from the ones focusing on [[Secret Identity|Kate Kane]] by giving Kate standard panel layouts while Batwoman's scenes feature all manner of [[Odd-Shaped Panel|Odd Shaped Panels]], from jagged-edged starbursts to fight scenes shown entirely in panels shaped like lightning bolts.
* When he draws ''[[Detective Comics]]'', JH Williams III divides the [[Batwoman]] segments from the ones focusing on [[Secret Identity|Kate Kane]] by giving Kate standard panel layouts while Batwoman's scenes feature all manner of Odd Shaped Panels, from jagged-edged starbursts to fight scenes shown entirely in panels shaped like lightning bolts.
* Frank Quitely often experiments with odd panels, for example he will occasionally make the panel the literal fourth wall of a room. In [[WE 3]] he gets really inventive with sequences using a large panel with a series of tiny panels showing all the small details of the scene layered on top of the larger panel, or in one sequence he tilts a series of panels sideways as a character is moving through them, and its awesome looking.
* Frank Quitely often experiments with odd panels, for example he will occasionally make the panel the literal fourth wall of a room. In [[WE 3]] he gets really inventive with sequences using a large panel with a series of tiny panels showing all the small details of the scene layered on top of the larger panel, or in one sequence he tilts a series of panels sideways as a character is moving through them, and its awesome looking.
* In the [[Graphic Novel]] ''[[Joker]]'', a crash involving [[The Joker]] and the protagonist shows the characters' reactions to the impact drawn inside of the word "CRASH" as if the word was a panel. It also uses the "Broken Glass" effect mentioned above, as if the reader is watching the characters' reaction through the breaking windshield of the car.
* In the [[Graphic Novel]] ''[[Joker]]'', a crash involving [[The Joker]] and the protagonist shows the characters' reactions to the impact drawn inside of the word "CRASH" as if the word was a panel. It also uses the "Broken Glass" effect mentioned above, as if the reader is watching the characters' reaction through the breaking windshield of the car.
* Sounds as panels also appear in Frank Miller's work, for example when Marv shoots a corrupt preist in [[Sin City]].
* Sounds as panels also appear in Frank Miller's work, for example when Marv shoots a corrupt preist in [[Sin City]].
* [[Winsor McCay]]'s [[Little Nemo in Slumberland]] (1905) and George Herriman's [[Krazy Kat]] (1914), are possibly the trope makers. McCay created the elastic layout- in the later pages, almost no two panels are the same shape. In several story arcs, he has panel borders break or shatter after being pushed- or in one case eaten by the main cast. He was also one of the first to use the 'explosion' panel. Herriman's sunday layouts featured nested panels, inset panels on open backgrounds, slanted and sliding panels, and circular panels, among others. The layout varied wildly week to week- except for a brief color run in the 20's- and sometimes dispensed with panels entirely.
* [[Winsor McCay]]'s [[Little Nemo in Slumberland]] (1905) and George Herriman's [[Krazy Kat]] (1914), are possibly the trope makers. McCay created the elastic layout- in the later pages, almost no two panels are the same shape. In several story arcs, he has panel borders break or shatter after being pushed- or in one case eaten by the main cast. He was also one of the first to use the 'explosion' panel. Herriman's sunday layouts featured nested panels, inset panels on open backgrounds, slanted and sliding panels, and circular panels, among others. The layout varied wildly week to week- except for a brief color run in the 20's- and sometimes dispensed with panels entirely.
* [[The Sandman]] uses this often and to great effect, being an account of the Lord of Dreams and those connected to him.
* [[The Sandman]] uses this often and to great effect, being an account of the Lord of Dreams and those connected to him.
* Regularly used in [[Alan Moore]]'s [[Promethea]]. Most often this trope takes the form of having the panels evoke mystic symbols relevant to the subject of the chapter.
* Regularly used in [[Alan Moore]]'s [[Promethea]]. Most often this trope takes the form of having the panels evoke mystic symbols relevant to the subject of the chapter.
Line 52: Line 52:
* ''[[Fruits Basket]]'': The most common is a diagonal side.
* ''[[Fruits Basket]]'': The most common is a diagonal side.
* ''[[Majin Tantei Nougami Neuro]]'' plays with this quite a lot.
* ''[[Majin Tantei Nougami Neuro]]'' plays with this quite a lot.
* ''[[Jo Jo's Bizarre Adventure (Manga)|Jo Jos Bizarre Adventure]]'' uses a lot of slanted panels. The end of Part 5 gets especially hectic.
* ''[[JoJo's Bizarre Adventure]]'' uses a lot of slanted panels. The end of Part 5 gets especially hectic.
* ''[[Ode to Kirihito]]'' contains spiral-shaped panels at points to convey multiple actions in quick succession by a single character.
* ''[[Ode to Kirihito]]'' contains spiral-shaped panels at points to convey multiple actions in quick succession by a single character.


== Webcomics ==
== Web Comics ==


* ''[[Project 0]]'' does this all the time to the point that no two pages are really designed alike. Notable example on [http://www.centralcitytower.com/2010/02/continuing-where-we-left-off-we-present.html page 6] where Owen's fall is fragmented into vertical frames like the symbol for signal strength bars to show that his powers don't 'get reception' in the [[Abandoned Area|Machine Graveyard.]]
* ''[[Project 0]]'' does this all the time to the point that no two pages are really designed alike. Notable example on [https://web.archive.org/web/20140407003820/http://www.centralcitytower.com/2010/02/continuing-where-we-left-off-we-present.html page 6] where Owen's fall is fragmented into vertical frames like the symbol for signal strength bars to show that his powers don't 'get reception' in the [[Abandoned Area|Machine Graveyard.]]
* ''[[No Rest for The Wicked (Webcomic)|No Rest for The Wicked]]'' has panels in the form of [http://www.forthewicked.net/archive/04-50.html feathers].
* ''[[No Rest for The Wicked (webcomic)|No Rest for The Wicked]]'' has panels in the form of [http://www.forthewicked.net/archive/04-50.html feathers].
* ''[[Sluggy Freelance]]'' switches from its usual rectangular panels to slightly irregular, smooth-sided ones when depicting Gwynn's demon-possessed dream sequences. These are also surrounded by border text, usually the repetition of [[Arc Words]], but occasionally the panel boundaries open slightly and the border text nearby changes to reveal a meta-clue.
* ''[[Sluggy Freelance]]'' switches from its usual rectangular panels to slightly irregular, smooth-sided ones when depicting Gwynn's demon-possessed dream sequences. These are also surrounded by border text, usually the repetition of [[Arc Words]], but occasionally the panel boundaries open slightly and the border text nearby changes to reveal a meta-clue.
* [[Dresden Codak|Aaron Diaz]] doesn't seem to like even rectangular layouts. He frequently uses circles or cuts the page into triangular shapes.
* [[Dresden Codak|Sen Diaz]] doesn't seem to like even rectangular layouts, and frequently uses circles or cuts the page into triangular shapes.
* ''[[Casey and Andy (Webcomic)|Casey and Andy]]'' did this once when they were literally breaking their own reality.
* ''[[Casey and Andy]]'' did this once when they were literally breaking their own reality.
* ''[[Tally Road]]'' constantly does it, either with radical and strange panel shapes or by simply using the angle of vertical panel borders to imply the state of mind of the characters. More askew angles are associated with more unstable feelings. At one point, passing time is represented by the panel borders 'sweeping' to increasing angles like the hands of a clock.
* ''[[Tally Road]]'' constantly does it, either with radical and strange panel shapes or by simply using the angle of vertical panel borders to imply the state of mind of the characters. More askew angles are associated with more unstable feelings. At one point, passing time is represented by the panel borders 'sweeping' to increasing angles like the hands of a clock.
* ''PolkOut'' has used some funky panels before.
* ''PolkOut'' has used some funky panels before.
* ''[[HERO (Webcomic)|HERO]]'' regularly uses oddly shaped or oddly placed panels for narrative effect.
* ''[[HERO (Webcomic)|HERO]]'' regularly uses oddly shaped or oddly placed panels for narrative effect.
* ''[[Darths and Droids (Webcomic)|Darths and Droids]]'' uses irregular polygon shaped panels whenever the action includes a fight sequence (usually with laser-swords).
* ''[[Darths and Droids]]'' uses irregular polygon shaped panels whenever the action includes a fight sequence (usually with laser-swords).
* ''[[El Goonish Shive (Webcomic)|El Goonish Shive]]'' has it well established that rounded corners are fantasy, dream, or narrative. The artist also likes to let force effect the panels, one particularly powerful punch actually made the whole panel order bow to the left.
* ''[[El Goonish Shive]]'' has it well established that rounded corners are fantasy, dream, or narrative. The artist also likes to let force effect the panels, one particularly powerful punch actually made the whole panel order bow to the left.
* ''[[Girl Genius (Webcomic)|Girl Genius]]''. Examples [http://www.girlgeniusonline.com/comic.php?date=20090821 here], [http://www.girlgeniusonline.com/comic.php?date=20030704 here], and [http://www.girlgeniusonline.com/comic.php?date=20100830 here].
* ''[[Girl Genius]]''. Examples [http://www.girlgeniusonline.com/comic.php?date=20090821 here], [http://www.girlgeniusonline.com/comic.php?date=20030704 here], and [http://www.girlgeniusonline.com/comic.php?date=20100830 here].
** Not just oddly shaped panels. Phil Foglio's many tools include [http://www.girlgeniusonline.com/comic.php?date=20050513 overlays in sequence] [http://www.girlgeniusonline.com/comic.php?date=20050617 or to indicate relationships] ([http://www.girlgeniusonline.com/comic.php?date=20050610 or here] and [http://www.girlgeniusonline.com/comic.php?date=20070606 here]) and [http://www.girlgeniusonline.com/comic.php?date=20071126 perspective that would be done with sequential shots in cinema]. [http://www.girlgeniusonline.com/comic.php?date=20071003 Another use, to similar effect.] He also [http://www.girlgeniusonline.com/comic.php?date=20090720 carries 'effects' noises] and [http://www.girlgeniusonline.com/comic.php?date=20090902 speech bubbles] across panels.
** Not just oddly shaped panels. Phil Foglio's many tools include [http://www.girlgeniusonline.com/comic.php?date=20050513 overlays in sequence] [http://www.girlgeniusonline.com/comic.php?date=20050617 or to indicate relationships] ([http://www.girlgeniusonline.com/comic.php?date=20050610 or here] and [http://www.girlgeniusonline.com/comic.php?date=20070606 here]) and [http://www.girlgeniusonline.com/comic.php?date=20071126 perspective that would be done with sequential shots in cinema]. [http://www.girlgeniusonline.com/comic.php?date=20071003 Another use, to similar effect.] He also [http://www.girlgeniusonline.com/comic.php?date=20090720 carries 'effects' noises] and [http://www.girlgeniusonline.com/comic.php?date=20090902 speech bubbles] across panels.
* ''[[Murry Purry Fresh and Furry]]'' uses free-form panels with wavy borders.
* ''[[Murry Purry Fresh and Furry]]'' uses free-form panels with wavy borders.
* The panels of ''[[Hanna Is Not a Boys Name|Hanna Is Not A Boy's Name]]'' are very frequently irregularly-shaped (check out the center bottom panel [http://hanna.aftertorque.com/?p=151 here]) or overlapping. It fits with the high-energy feel of the comic and its manic protagonist.
* The panels of ''[[Hanna Is Not a Boy's Name]]'' are very frequently irregularly-shaped (check out the center bottom panel [http://hanna.aftertorque.com/?p=151 here]) or overlapping. It fits with the high-energy feel of the comic and its manic protagonist.
** An even more dramatic example comes when [http://hanna.aftertorque.com/?p=476 Hanna counts to three]: [http://hanna.aftertorque.com/?p=482 1, 2, 3].
** An even more dramatic example comes when [http://hanna.aftertorque.com/?p=476 Hanna counts to three]: [http://hanna.aftertorque.com/?p=482 1, 2, 3].
* ''[[The Life of Nob T Mouse]]'' often has the top of a character's head popping out of a skewed ellipse during conversation pieces.
* ''[[The Life of Nob T. Mouse]]'' often has the top of a character's head popping out of a skewed ellipse during conversation pieces.
* Every panel in ''[[Cwynhilds Loom]]'' has rounded corners.
* Every panel in ''[[Cwynhild's Loom]]'' has rounded corners.
* ''[[All Over the House]]'' also often has the top of a talking character's head popping out of an elliptical frame.
* ''[[All Over the House]]'' also often has the top of a talking character's head popping out of an elliptical frame.
* ''[[Gunnerkrigg Court (Webcomic)|Gunnerkrigg Court]]'': [http://www.gunnerkrigg.com/archive_page.php?comicID=30 Here], and a trapezoidal one [http://www.gunnerkrigg.com/archive_page.php?comicID=111 here]. The comic very often skews the panel borders during [http://www.gunnerkrigg.com/archive_page.php?comicID=220 action] [http://www.gunnerkrigg.com/archive_page.php?comicID=285 scenes]. [[Spirit World|Etheric]] views usually have non-typical panel appearance, such as [http://www.gunnerkrigg.com/archive_page.php?comicID=520 all melded together] with objects (usually Annie's hair) serving as visual separators, or [http://www.gunnerkrigg.com/archive_page.php?comicID=988 one panel as a background and others on top of it].
* ''[[Gunnerkrigg Court]]'': [http://www.gunnerkrigg.com/archive_page.php?comicID=30 Here], and a trapezoidal one [http://www.gunnerkrigg.com/archive_page.php?comicID=111 here]. The comic very often skews the panel borders during [http://www.gunnerkrigg.com/archive_page.php?comicID=220 action] [http://www.gunnerkrigg.com/archive_page.php?comicID=285 scenes]. [[Spirit World|Etheric]] views usually have non-typical panel appearance, such as [http://www.gunnerkrigg.com/archive_page.php?comicID=520 all melded together] with objects (usually Annie's hair) serving as visual separators, or [http://www.gunnerkrigg.com/archive_page.php?comicID=988 one panel as a background and others on top of it].
* In ''[[Penny and Aggie]]'', when Brandi knocks out Xena, the panel borders [http://www.pennyandaggie.com/index.php?p=950 buckle] as if from the force of the blow.
* In ''[[Penny and Aggie]]'', when Brandi knocks out Xena, the panel borders [http://www.pennyandaggie.com/index.php?p=950 buckle] as if from the force of the blow.
* ''[[A Lesson Is Learned but The Damage Is Irreversible]]'' is famous for doing this effectively in a great many of their comics to reinforce events or theme, such as [http://alessonislearned.com/index.php?comic=18 here].
* ''[[A Lesson Is Learned but The Damage Is Irreversible]]'' is famous for doing this effectively in a great many of their comics to reinforce events or theme, such as [http://alessonislearned.com/index.php?comic=18 here].
* Stuff protrudes from panels in [[The Way of the Metagamer]] a lot, but [http://wayofthemetagamer.thecomicseries.com/comics/pl/32150 this comic] is a particularly notable example.
* Stuff protrudes from panels in [[The Way of the Metagamer]] a lot, but [http://wayofthemetagamer.thecomicseries.com/comics/pl/32150 this comic] is a particularly notable example.
* ''[http://www.rockpapercynic.com/littleworlds/ Little Worlds]'' regularly uses blurred and oddly shaped panels in its pages.
* ''[http://www.rockpapercynic.com/littleworlds/ Little Worlds]'' regularly uses blurred and oddly shaped panels in its pages.
* ''[[Pumpkin Flower]]'' normally has boxes in lines of three, but panels get funky when characters are hallucinating [http://pumpkinflower.comicgenesis.com/d/20081003.html\] [http://pumpkinflower.comicgenesis.com/d/20100316.html\]
* ''[[Pumpkin Flower]]'' normally has boxes in lines of three, but panels get funky when characters are hallucinating [https://web.archive.org/web/20150915040153/http://pumpkinflower.comicgenesis.com/d/20081003.html] [https://web.archive.org/web/20150915035319/http://pumpkinflower.comicgenesis.com/d/20100316.html]
* ''[[Far Out There]]'' [http://faroutthere.smackjeeves.com/comics/1027271/page-25-one-big-happy-family lives] [http://faroutthere.smackjeeves.com/comics/1027706/page-59-well-she-is-a-girl by] [http://faroutthere.smackjeeves.com/comics/1027835/page-76-warning-sudden-plot-shifts-may-result-in-neck-injury this] [http://faroutthere.smackjeeves.com/comics/1028455/page-91-one-mans-trash-is-another-mans-misidentified-trash/ trope,] [http://faroutthere.smackjeeves.com/comics/1068896/page-174-now-the-word-thinking-sounds-funny-to-me seriously.] The most jarring thing it can do now is a [http://faroutthere.smackjeeves.com/comics/1069365/page-188-alan-moore-called-he-wants-his-page-back normal layout.]
* ''[[Far Out There]]'' [https://web.archive.org/web/20130828132509/http://faroutthere.smackjeeves.com/comics/1027271/page-25-one-big-happy-family/ lives] [https://web.archive.org/web/20170923085638/http://faroutthere.smackjeeves.com/comics/1027706/page-59-well-she-is-a-girl/ by] [https://web.archive.org/web/20170923085524/http://faroutthere.smackjeeves.com/comics/1027835/page-76-warning-sudden-plot-shifts-may-result-in-neck-injury/ this] [https://web.archive.org/web/20170421101335/http://faroutthere.smackjeeves.com/comics/1028455/page-91-one-mans-trash-is-another-mans-misidentified-trash/ trope,] [https://web.archive.org/web/20170923084737/http://faroutthere.smackjeeves.com/comics/1068896/page-174-now-the-word-thinking-sounds-funny-to-me/ seriously.] The most jarring thing it can do now is a [https://web.archive.org/web/20170923084632/http://faroutthere.smackjeeves.com/comics/1069365/page-188-alan-moore-called-he-wants-his-page-back/ normal layout.]
* ''[[Keychain of Creation]]'' uses angled panel gutters for action scenes.
* ''[[Keychain of Creation]]'' uses angled panel gutters for action scenes.
* ''[[The Dreamland Chronicles]]'', [http://www.thedreamlandchronicles.com/the-dreamland-chronicles/chapter-08/page-513/ mostly overlapping].
* ''[[The Dreamland Chronicles]]'', [https://web.archive.org/web/20120623140333/http://www.thedreamlandchronicles.com/the-dreamland-chronicles/chapter-08/page-513/ mostly overlapping].
* ''[[Bob and George]]'', [http://www.bobandgeorge.com/archives/000816c rarely].
* ''[[Bob and George]]'', [http://www.bobandgeorge.com/archives/000816c rarely].
** [http://www.bobandgeorge.com/archives/040304c overlapping here]
** [http://www.bobandgeorge.com/archives/040304c overlapping here]
** [http://www.bobandgeorge.com/archives/041117c Sliced into triagles] to show simultaneity
** [http://www.bobandgeorge.com/archives/041117c Sliced into triagles] to show simultaneity
* ''[[Megatokyo]]'': [http://megatokyo.com/strip/333 trapezoids]
* ''[[Megatokyo]]'': [http://megatokyo.com/strip/333 trapezoids]
** Non-rectangular panels are rare, but more recently, floaty-freeform-layout panels superimposed on a partial background have become the norm. Tilted panels show up occasionally in action scenes, such as the "Kyaaa!" panel [http://megatokyo.com/strip/1168 here.]
** Non-rectangular panels are rare, but more recently, floaty-freeform-layout panels superimposed on a partial background have become the norm. Tilted panels show up occasionally in action scenes, such as the "Kyaaa!" panel [http://megatokyo.com/strip/1168 here.]
* ''[[Last Res 0 rt]]'' [http://www.lastres0rt.com/2009/03/my-eventual-publisher-is-going-to-hate-me-for-this/ has one page where one of the characters goes out of the panel(possibly onto the next page)]
* ''[[Last Res0rt]]'' [http://www.lastres0rt.com/2009/03/my-eventual-publisher-is-going-to-hate-me-for-this/ has one page where one of the characters goes out of the panel(possibly onto the next page)]
* ''[[Wapsi Square]]'' [http://wapsisquare.com/comic/suits-me/ like here]
* ''[[Wapsi Square]]'' [http://wapsisquare.com/comic/suits-me/ like here]
* ''[[Pibgorn]]'' [http://www.gocomics.com/pibgorn/2002/03/16/ triangles]
* ''[[Pibgorn]]'' [http://www.gocomics.com/pibgorn/2002/03/16/ triangles]
* ''[[Eerie Cuties]]'' [http://www.eeriecuties.com/d/20090629.html pentagon]
* ''[[Eerie Cuties]]'' [http://www.eeriecuties.com/d/20090629.html pentagon]
* ''[[Quentyn Quinn Space Ranger]]'': [http://www.rhjunior.com/QQSR/00074.html Three panels merged into one -- one on top, two below]
* ''[[Quentyn Quinn, Space Ranger]]'': [https://web.archive.org/web/20120619085942/http://www.rhjunior.com/QQSR/00074.html Three panels merged into one -- one on top, two below]
* ''[[Evil Diva (Webcomic)|Evil Diva]]'': [http://www.evildivacomics.com/?p=296 overlapping here] and [http://www.evildivacomics.com/?p=330 here]
* ''[[Evil Diva (webcomic)|Evil Diva]]'': [https://web.archive.org/web/20130727090419/http://www.evildivacomics.com/?p=296 overlapping here] and [https://web.archive.org/web/20130727090751/http://www.evildivacomics.com/?p=330 here]
* ''[[Wooden Rose]]'' [http://www.woodenrosecomic.com/comic/chapter3/68.html not lined up straight] or [http://www.woodenrosecomic.com/comic/chapter3/76.html with slanted edges]
* ''[[Wooden Rose]]'' [http://www.woodenrosecomic.com/comic/chapter3/68.html not lined up straight] or [http://www.woodenrosecomic.com/comic/chapter3/76.html with slanted edges]
* ''[[Fey Winds]]'' [http://www.feywinds.com/comic/page.php?id=78 Slanted and overlapping]
* ''[[Fey Winds]]'' [https://web.archive.org/web/20131011113348/http://feywinds.com/comic/page.php?id=78 Slanted and overlapping]
* ''[[The Phoenix Requiem]]'' Slants [http://requiem.seraph-inn.com/viewcomic.php?page=34 here] and [http://requiem.seraph-inn.com/viewcomic.php?page=36 here].
* ''[[The Phoenix Requiem]]'' Slants [http://requiem.seraph-inn.com/viewcomic.php?page=34 here] and [http://requiem.seraph-inn.com/viewcomic.php?page=36 here].
** Actually, odd shaped panels are the norm in this comic rather than an exception.
** Actually, odd shaped panels are the norm in this comic rather than an exception.
* ''[[Strays]]'' [http://www.straysonline.com/comic/134.htm slanted sides and superimposed]
* ''[[Strays]]'' [https://web.archive.org/web/20110829063542/http://www.straysonline.com/comic/134.htm slanted sides and superimposed]
* ''[[Familiar Ground]]'' [http://www.familiar-ground.com/2009/03/13/short-term-memory/ An inset square]
* ''[[Familiar Ground]]'' [https://web.archive.org/web/20140406223835/http://www.familiar-ground.com/2009/03/13/short-term-memory/ An inset square]
* ''[[Dork Tower]]'' [http://www.dorktower.com/2001/01/28/comics-archive-65/ Cut-out corner]
* ''[[Dork Tower]]'' [https://web.archive.org/web/20110604003019/http://www.dorktower.com/2001/01/28/comics-archive-65/ Cut-out corner]
** [http://www.dorktower.com/2002/01/26/comics-archive-234/ And arched sky]
** [http://www.dorktower.com/2002/01/26/comics-archive-234/ And arched sky]
* ''[[Tamuran]]'' [http://www.tamurancomic.com/?p=458 slanting sides]
* ''[[Tamuran]]'' [http://www.tamurancomic.com/?p=458 slanting sides]
** [http://www.tamurancomic.com/?p=561 Fuzzy-edged]
** [http://www.tamurancomic.com/?p=561 Fuzzy-edged]
* ''[[Footloose (Webcomic)|Footloose]]'' [http://www.footloosecomic.com/footloose/pages.php?page=48 Slanting sides]
* ''[[Footloose (webcomic)|Footloose]]'' [http://www.footloosecomic.com/footloose/pages.php?page=48 Slanting sides]{{Dead link}}
* ''[[Impure Blood]]'' [http://www.impurebloodwebcomic.com/Pages/Chapter001/ib007.html superimpose a long, short panel over the middle division]
* ''[[Impure Blood]]'' [https://web.archive.org/web/20131027140535/http://www.impurebloodwebcomic.com/Pages/Chapter001/ib007.html superimpose a long, short panel over the middle division]
* ''[[Dreamkeepers]] Prelude''
* ''[[Dreamkeepers]] Prelude''
** [http://www.dreamkeeperscomic.com/Prelude.php?pg=68 Warped squares, with nicks]
** [https://web.archive.org/web/20140406203509/http://www.dreamkeeperscomic.com/Prelude.php?pg=68 Warped squares, with nicks]
** [http://www.dreamkeeperscomic.com/Prelude.php?pg=128 Warped sides, and ovals, and without borders.]
** [https://web.archive.org/web/20140406203359/http://www.dreamkeeperscomic.com/Prelude.php?pg=128 Warped sides, and ovals, and without borders.]
** [http://www.dreamkeeperscomic.com/Prelude.php?pg=130 Larger and smaller for conversation across a door, to indicate inside and outside.]
** [https://web.archive.org/web/20140406203349/http://www.dreamkeeperscomic.com/Prelude.php?pg=130 Larger and smaller for conversation across a door, to indicate inside and outside.]
** [http://www.dreamkeeperscomic.com/Prelude.php?pg=131 Little scenes overlapping the large one]
** [https://web.archive.org/web/20140406203509/http://www.dreamkeeperscomic.com/Prelude.php?pg=131 Little scenes overlapping the large one]
* ''[[Roza]]''
* ''[[Roza]]''
** [http://www.junglestudio.com/roza/?date=2007-05-19 One panel slips down to overlap]
** [http://www.junglestudio.com/roza/?date=2007-05-19 One panel slips down to overlap]
** [http://www.junglestudio.com/roza/index.php?date=2008-06-16 slanted sides]
** [http://www.junglestudio.com/roza/index.php?date=2008-06-16 slanted sides]
* [[Thistil Mistil Kistil]] [http://tmkcomic.depleti.com/comic/ch03-pg15/ During a fight, slanted sides]
* [[Thistil Mistil Kistil]] [http://tmkcomic.depleti.com/comic/ch03-pg15/ During a fight, slanted sides]
* [[Derelict (Webcomic)|Derelict]] [http://derelictcomic.com/?strip_id=44 as wide as the strip, and wavey, to indicate that she slept a long time.]
* [[Derelict (webcomic)|Derelict]] [http://derelictcomic.com/?strip_id=44 as wide as the strip, and wavey, to indicate that she slept a long time.]
* In ''[[Nip and Tuck]]'', [http://www.rhjunior.com/NT/00570.html one without a border, to indicate] it's not part of the [[Flash Back]].
* In ''[[Nip and Tuck]]'', [https://web.archive.org/web/20120521184531/http://www.rhjunior.com/NT/00570.html one without a border, to indicate] it's not part of the [[Flash Back]].
** [http://www.rhjunior.com/NT/00584.html Again, with the border as a "thought" shape]
** [https://web.archive.org/web/20120521184222/http://www.rhjunior.com/NT/00584.html Again, with the border as a "thought" shape]
* In ''[[Endstone]]'', [http://endstone.net/2009/12/14/issue-3-webpage-1/ slantwise borders during a fight.]
* In ''[[Endstone]]'', [http://endstone.net/2009/12/14/issue-3-webpage-1/ slantwise borders during a fight.]
* In ''[[Next Town Over]]'', [http://squidbunnies.com/nto/?p=325 framing faces in panels like lockets.]
* In ''[[Next Town Over]]'', [http://squidbunnies.com/nto/?p=325 framing faces in panels like lockets.]
* In ''[[Doodze]]'', [http://seguemediagroup.com/doodze/?p=1012 slanted across the line of their fall]
* In ''[[Doodze]]'', [https://web.archive.org/web/20170622020223/http://seguemediagroup.com/doodze/?p=1012 slanted across the line of their fall]
* In ''[[American Barbarian]]'', [http://www.ambarb.com/?p=20 a triangle to introduce the second plot line.]
* In ''[[American Barbarian]]'', [http://www.ambarb.com/?p=20 a triangle to introduce the second plot line.]
* In ''[[The Adventures of Shan Shan (Webcomic)|The Adventures of Shan Shan]]'', [http://shanshan.upperrealms.com/view.php?pageid=016&chapterid=1 superimposed and trapezoidal.]
* In ''[[Shan Shan|The Adventures of Shan Shan]]'', [https://web.archive.org/web/20131029035931/http://shanshan.upperrealms.com/view.php?pageid=016&chapterid=1 superimposed and trapezoidal.]
* In ''[[Blue Yonder]]'', [http://www.blueyondercomic.net/comics/1355750/blue-yonder-chapter-1-page-38/ superimposed].
* In ''[[Blue Yonder]]'', [https://web.archive.org/web/20121224072118/http://www.blueyondercomic.net/comics/1355750/blue-yonder-chapter-1-page-38/ superimposed].
* [http://www.giantitp.com/comics/oots0051.html This] ''[[Order of the Stick]]'' strip. Thog lampshades this in a much later strip.
* [http://www.giantitp.com/comics/oots0051.html This] ''[[Order of the Stick]]'' strip. Thog lampshades this in a much later strip.
* In ''[[Erstwhile]]'', [http://www.erstwhiletales.com/maidmaleen-11/#.T2928tm6SuI Maid Maleen's inability to find work is showing in a sequence of round panels.]
* In ''[[Erstwhile]]'', [https://web.archive.org/web/20130927210633/http://www.erstwhiletales.com/maidmaleen-11/#.T2928tm6SuI Maid Maleen's inability to find work is showing in a sequence of round panels.]
* In ''[[Far From Home (Webcomic)|Far From Home]]'', [http://mightymartianstudios.com/2011/04/05/pro-007-what-are-you-doing/ Eyak's reaction to the pilotting is shown in a hexagon on top of two panels showing the ship dodging asteroids.]
* In ''[[Far From Home]]'', [https://web.archive.org/web/20120604162309/http://mightymartianstudios.com/2011/04/05/pro-007-what-are-you-doing/ Eyak's reaction to the pilotting is shown in a hexagon on top of two panels showing the ship dodging asteroids.]
* In ''[[Ears for Elves (Webcomic)|Ears for Elves]]'', a series of short, wide rectangular panels indicate zooming in/panning down [http://www.earsforelves.com/archives/405 here].
* In ''[[Ears for Elves]]'', a series of short, wide rectangular panels indicate zooming in/panning down [https://web.archive.org/web/20141227021534/http://www.earsforelves.com/archives/405 here].


{{reflist}}
{{reflist}}

Latest revision as of 11:20, 18 April 2022

A Comic Book/Comic Strip/Manga/Web Comic panel takes on an irregular shape as a form of Painting the Medium. (Many of the same effects can be used on Speech Bubbles, only from a default shape of round.)

The simplest form is to depict something protruding from it in the Frame Break—but anything 2D is possible. There are a thousand ways to do this, and a million reasons.

  • To represent the passage of time.
    • A four-panel newspaper strip might go like this... First panel: Alice says something weird.; Second & Third panel combined into one double-sized panel: Alice and Bob stare at each other.; Last panel: Bob calls Alice a weirdo. (In this case, the long panel represents a long pause.)
    • A full page in a comic might depict someone jumping out a window. The page will be divided into narrow vertical panels depicting stages of the character's fall. (Here, the narrow panels indicate that the action is happening very quickly.)
    • Two events are happening simultaneously in different places. Two triangular panels joined along their hypotenuses depict the events.
    • "Pop-up" panels around a central illustration might depict different characters' reactions.
  • To visually reinforce the action.
    • An explosion might be depicted in a jagged, pointy... umm... explosion-shaped panel.
    • If broken glass is involved, the panels might be shaped like jagged fragments of broken glass.
    • The path of a bullet might be drawn in a panel which spans the page left-to-right, but only occupies a small amount of vertical space.
    • A character picking a lock might be depicted in a key-shaped panel.
  • To reinforce a character's thoughts, the theme of a conversation, or a theme of the work in general.
    • A character who is very angry might be drawn in... err... a jagged, explosion-shaped panel.
    • Two characters flirting might be drawn in a heart-shaped panel.
    • A situation involving recursion or infinite regress might be drawn as panels within panels, getting smaller to the point of invisibility.
  • To break up visual monotony. This is at least part of the reason for probably 95% of oddly shaped panels.

Depending on how they are juxtaposed, can make following the sequence difficult, since there may not be a left-to-right (or right-to-left in manga), top-to-bottom order. Sometimes panels are even "superimposed" as if they were on top of each other; this is commonest in the Sub-Trope Speech Bubbles Interruption, where it is used to show talking over each other.

Examples of Odd-Shaped Panel include:


Comics

  • Will Eisner's The Spirit may be the Ur Example of using unusual page layouts to visually reinforce story elements. This series invented many of the techniques mentioned above; indeed, much of the visual vocabulary of action-oriented comics can be traced to The Spirit. Only Orson Welles' film Citizen Kane is comparable in its acknowledged influence over an entire medium.
  • Jack Cole, who assisted Eisner on the Spirit for a while, would employ odd panels in his own comics, for example in the second Plastic Man story in this post all the parts of the story set in dreamland had wavy panel borders with black gutters in between them.
  • Sam Kieth's The Maxx did this all the time.
  • Frequently used in the Calvin and Hobbes Sunday strips, particularly after Bill Watterson's first sabbatical.
    • In the Tenth Anniversary collection Watterson says he spent a lot of time trying to escape the "tyranny" of panels.
  • Archie Comics did this routinely in the 1970s.
  • The first couple of issues of Elf Quest drawn by Wendy Pini almost exclusively used rectangular panels, but by issue #4 she was starting to experiment with more ambitious layouts.
  • The Death of Superman comics, in 1992, has a very interesting example. It starts by the wake of Doomsday, who then starts attacking everything in sight, until Superman arrives. Then Doomsday focus on him only, and they start fighting, without dialogue (since Doomsday can't talk at all and won't stop its attacks), each page having 8 panels. The next issue was more pure fight, with each page having 7 panels. Then 6, then 5, and so on. The last issue, then, is composed only of single-panel pages of Supes and Dooms beating the crap out of each other, and in the last one both of them die.
  • When he draws Detective Comics, JH Williams III divides the Batwoman segments from the ones focusing on Kate Kane by giving Kate standard panel layouts while Batwoman's scenes feature all manner of Odd Shaped Panels, from jagged-edged starbursts to fight scenes shown entirely in panels shaped like lightning bolts.
  • Frank Quitely often experiments with odd panels, for example he will occasionally make the panel the literal fourth wall of a room. In WE 3 he gets really inventive with sequences using a large panel with a series of tiny panels showing all the small details of the scene layered on top of the larger panel, or in one sequence he tilts a series of panels sideways as a character is moving through them, and its awesome looking.
  • In the Graphic Novel Joker, a crash involving The Joker and the protagonist shows the characters' reactions to the impact drawn inside of the word "CRASH" as if the word was a panel. It also uses the "Broken Glass" effect mentioned above, as if the reader is watching the characters' reaction through the breaking windshield of the car.
  • Sounds as panels also appear in Frank Miller's work, for example when Marv shoots a corrupt preist in Sin City.
  • Winsor McCay's Little Nemo in Slumberland (1905) and George Herriman's Krazy Kat (1914), are possibly the trope makers. McCay created the elastic layout- in the later pages, almost no two panels are the same shape. In several story arcs, he has panel borders break or shatter after being pushed- or in one case eaten by the main cast. He was also one of the first to use the 'explosion' panel. Herriman's sunday layouts featured nested panels, inset panels on open backgrounds, slanted and sliding panels, and circular panels, among others. The layout varied wildly week to week- except for a brief color run in the 20's- and sometimes dispensed with panels entirely.
  • The Sandman uses this often and to great effect, being an account of the Lord of Dreams and those connected to him.
  • Regularly used in Alan Moore's Promethea. Most often this trope takes the form of having the panels evoke mystic symbols relevant to the subject of the chapter.
  • One issue of John Byrne's run on Alpha Flight featured Snowbird facing one of the Great Beasts, Komolaq, described as "the living embodiment of winter". The battle featured a number of unusual frame shapes and placements, made all the more noticeable in that the frames were all blank(the idea was to depict the battle taking place within a severe blizzard, with nothing but flying snow visible). Only the frame shapes and locations, along with dialogue, provided any clues to the action. A Crowning Moment of Awesome for John Byrne, in that he made the fight work on the page.

Film

Manga

  • There's some panels in Ichigo Mashimaro that are convex quadrilaterals, some of which are right-angled trapezia. ...trapeziums? Nothing odder than that, though...
  • Bleach in particular uses this a lot, with fans of triangular frames to show individual reactions of members of a group.
  • Fruits Basket: The most common is a diagonal side.
  • Majin Tantei Nougami Neuro plays with this quite a lot.
  • JoJo's Bizarre Adventure uses a lot of slanted panels. The end of Part 5 gets especially hectic.
  • Ode to Kirihito contains spiral-shaped panels at points to convey multiple actions in quick succession by a single character.

Web Comics