{"id":502,"date":"2015-06-06T03:17:47","date_gmt":"2015-06-06T07:17:47","guid":{"rendered":"http:\/\/makingcomics.spiltink.org\/?p=502"},"modified":"2023-02-19T20:01:37","modified_gmt":"2023-02-20T01:01:37","slug":"transitions","status":"publish","type":"post","link":"https:\/\/salgoodsam.com\/mc\/transitions\/","title":{"rendered":"Transitions!"},"content":{"rendered":"
\"Scott's<\/a>

Scott’s iconic tip of the hat icon for a moment of closure.<\/p><\/div>\n

You could get the impression<\/a> Scott likes making lists<\/a>? Thanks to that we have a handy and fairly comprehensive model for the different kinds of panel to panel transitions, in terms of their content and subject matter!<\/h3>\n

\"ThereforeRepent3rdEDdigital17m2m\"<\/a><\/p>\n

These are descriptions of the narrative nature of the Juxtaposition<\/a> we create, panel to panel to panel, which is called a moment of Closure<\/span><\/a>. This list is based as mentioned, on the list found in Understanding Comics<\/a>, in which Scott proposed a set of six transitions<\/a>. In Drawing Words & Writing Pictures in chapter 4<\/a>, Jessica Abel and Matt Madden add Symbolic<\/span> as a seventh which I fully agree with and have used myself.<\/p>\n

And recently I’ve added an eighth to the page here, ‘Rolling Transitions’, describing a method I use that I think is unique enough to bare its own category. Below is a set of examples demonstrated using my own work in most cases and a few others where needed.<\/p>\n

\"\"<\/a>ED:<\/strong> Also note that there’s another layer to this, the juxtaposition of words and pictures in the panel, that Scott came up with a similar list for too! It’s worth adding here to complement the following, so i’m embedding it now in the post.<\/p>\n

Moment-to-Moment:<\/h1>\n

One of the most common forms, metaphorically think of it as a blink or two between seconds of a film, it can be used to slow down and draw out action, but be aware, if over utilized it can make your comics dull and laborious to draw and read. These are both from Dream Life.<\/a> Note as well, Moment-to-Moment transition is the constraint along with page and panel form, that most defines storyboarding<\/a> from comics or sequential art. Within the course of the media they are used to map there can be cuts that embody any one of the other six transition classes listed here. But the storyboard itself, is a strictly Moment-to-Moment depiction of another form of media.<\/p>\n

\"Dream <\/a>
Dream Life page 5, a full page, immersive moment to moment truck in on a sleeping Charlie. <\/div> <\/div> <\/div>
\"A <\/a>
A drawn out sequence, using the moment to moment progression to induce a sympathetic response in the reader regardless if they have been board to death by a class lecture or not. <\/div> <\/div> <\/div> <\/div> <\/div>\n

Action-to-Action:<\/h1>\n

Next most common i’d guess, and a workhorse of superhero comics, is Action to Action. Really it’s more or less a less finely sliced version of Moment to Moment, and typically focuses on significant events<\/span>. or movement<\/span> from panel to panel, and over larger intervals of time between moments. These examples come from Sea of Red<\/a>. In the sinking shot the similarity to Moment to Moment is overt, it’s both I think. The next, a more classic example, camera angles change to best suit the action depicted. This makes it more purly Action to Action to my mind. The two B&W pages are from a 10 page Morbius The Living Vampire story titled \u2018Drainage System<\/a>\u2019 Scripted by Karl Bollers. I think they both overall utilize mostly Action to Action transitions.  But the first, and third transitions on Page 9 are our next, Subject to Subject.<\/p>\n

\"From <\/a>
From Sea of Red, page 22. <\/div> <\/div> <\/div>
\"From <\/a>
From Sea of Red, page 19. <\/div> <\/div> <\/div>
\"Page <\/a>
Page 5 of ‘Drainage System\u2019 <\/div> <\/div> <\/div>
\"Page <\/a>
Page 9 of ‘Drainage System\u2019 <\/div> <\/div> <\/div> <\/div> <\/div>\n

Subject-to-Subject<\/h1>\n

A cut between to related moments, but focusing on a different subject in the same scene. Think conversation in a restaurant, or a shift of focus onto another actor in the scene. Here are two examples from Dream Life<\/a> again.<\/p>\n

\"A <\/a>
A clear subject to subject transition, in this detail from Dream Life. <\/div> <\/div> <\/div>
\"From <\/a>
From Dream Life, there’s a moment to moment transition between the 4th and 5th panels, but the rest are all subject to subject. <\/div> <\/div> <\/div> <\/div> <\/div>\n

Scene-to-Scene<\/h1>\n

A Scene is a series of events that happen in one location, and continuous period of time. A change of location or significant jump in time between panels is considered the end of a scene and the start of a new one. Often my Scenes are built to end on a page turn, but here’s a few that didn’t from Wonder Woman Vs The Red Menace<\/a>. In each after the 3rd panel, there are a few Scene to Scene transitions. From the shot of Stefan sweating it out at a interview about his politics, to the Hollywood sign, to the exterior of the house. And after he gets drunk and makes a scene there’s the cut to outside the bar, the stair case to his apt. And poor Stefan tucked in by his friends.<\/p>\n

\"A <\/a>
A pair of pages from ‘WW vs The Red Menace’ – in each after the 3rd panel, there is a Scene to Scene transition. Also the next one on this page is possibly one as well, with a substantial change of location between each moment. <\/div> <\/div> <\/div>
\"A <\/a>
A pair of pages from ‘WW vs The Red Menace’ – in each after the 3rd panel, there is a Scene to Scene transition. In this one, there’s a few, between the restaurant interior, exterior, and then the apt exterior, and interior shots. <\/div> <\/div> <\/div> <\/div> <\/div>\n

Aspect-to-Aspect<\/h1>\n

I think I use Aspect to Aspect a lot myself, it’s a favorite. It can be an interesting way to jump around a scene, taking in key details or letting the characters focus wonder. It’s also a good way to introduce their environment to a reader, though the players eyes perhaps or inviting them to wonder away from the players a bit.<\/p>\n

The first page here is the same the detail for Subject to Subject came from, leading up to that last pair, and in the second example, these are all aspect to aspect transitions in Dream Life<\/a>.<\/p>\n

\"The <\/a>
The last two are subject to subject, but the rest of this Dream Life page is Aspect to Aspect. <\/div> <\/div> <\/div>
\"All <\/a>
All Aspect to Aspect as Gary walks into the woods with the box. <\/div> <\/div> <\/div> <\/div> <\/div>\n

Symbolic<\/h1>\n

This of course had to be added to the original list of Six, being a cartoon mainstay. You see it a lot in various forms, partial montages depicting the contents of a flashback or inner dialog. For Dream Life<\/a> again, there were a few of these, but even more are to be found in the Rise and fall of it all.<\/a> Symbolic transitions deal with the unreal, the felt, and the imagined. Moving the readers from an imagined or recalled space to either another, or a real one.<\/p>\n

\"In <\/a>
In the Rise and Fall of it all, I used this kind of transition often, from one symbolic setting to another, before returning to anything like a real sense of place. This example is a two page spread. <\/div> <\/div> <\/div>
\"In <\/a>
In the Rise and Fall of it all, I used this kind of transition often, from one symbolic setting to another, before returning to anything like a real sense of place. This example, is executed over a page turn, from the first of the story on the right, to second on the left revealed when they begin the story. <\/div> <\/div> <\/div> <\/div> <\/div>\n

And becuase these are a bit clearer maybe, here’s some samples given of this kind of transition in DW-WP<\/a>.<\/p>\n

\"Drawing <\/a>
Drawing Words and Writing Pictures Book by Jessica Abel & Matt Madden <\/div> <\/div> <\/div>
\"Drawing <\/a>
Drawing Words and Writing Pictures Book by Jessica Abel & Matt Madden <\/div> <\/div> <\/div>
\"Drawing <\/a>
Drawing Words and Writing Pictures Book by Jessica Abel & Matt Madden <\/div> <\/div> <\/div> <\/div> <\/div>\n

And just because I love this book, but also there’s some great examples of both Symbolic, and other transitions we’ve looked at, here are a few pages from City Of Glass<\/a>. A comics adaptation of Paul Auster’s novella, by David Mazzucchelli and Paul Karasik!<\/p>\n

\"Pg4\" <\/a>
Pg4 <\/div> <\/div> <\/div>
\"Pg6\" <\/a>
Pg6 <\/div> <\/div> <\/div>
\"Pg15\" <\/a>
Pg15 <\/div> <\/div> <\/div>
\"Pg16\" <\/a>
Pg16 <\/div> <\/div> <\/div>
\"Pg20\" <\/a>
Pg20 <\/div> <\/div> <\/div> <\/div>
\"Pg23\" <\/a>
Pg23 <\/div> <\/div> <\/div>
\"Pg56\" <\/a>
Pg56 <\/div> <\/div> <\/div>
\"Pg57\" <\/a>
Pg57 <\/div> <\/div> <\/div> <\/div> <\/div>\n

Rolling Transitions<\/h1>\n

This form of transition from one ‘panel’ or idea to the next, is something i didn’t innovate but have become particularly interested in after seeing correlations between my early attempts to use it and the work of Diego Rivera<\/a>.<\/p>\n

I had already started using montague page layouts at the start of my comics making career. Around 2000 after seeing Rivera’s DIA murals<\/a>, I began formally experimenting with using them more aggressively to try to capture a sense of movement through space. Breaking down the “blink” model of panel to panel comics storytelling in favour of something more fluid.<\/p>\n

I think it merits being identified as a distinct kind of transition so I’m adding it to the list of 7 formally recognized by most. I talk a bit about it more here<\/a>, but in short, the idea is that instead of having panel gutters or boarders as separate graphical elements at all, the images are melded and mixed together. Overlapping and interlacing. Folding is how I find i think of it often. Breaking down many of the traditional functions of comics panels, and working instead to fold space on the page.<\/p>\n

As the reader’s eye travels over the contour of one figure, it finds itself on the other side in a separate ‘moment’ or ‘aspect’ or ‘space’ of the scene, giving a ‘Rolling’ sense of movement through space and time in the story, rather than the traditional isolation of one moment and aspect, to another in paneled comics design.<\/p>\n

I like to use it myself to shift the way the reader experiences a moment, relying on grid layouts for more metronomic storytelling with clear beats, then shifting to Rolling Transitions to give a more fluid, and dynamic reading experience, suggesting an altered state of mind or perception. It also changes the impression of time taken I think. And it’s just a lot of fun that when you get it right, makes for incredibly striking pages I think. Here are examples of my own applications of the idea.<\/p>\n

\"From <\/a>
From Dream Life | a late coming of age <\/div> <\/div> <\/div>
\"From <\/a>
From Dream Life | a late coming of ageesigned to help direct readers. <\/div> <\/div> <\/div>
\"From <\/a>
From Helpless <\/div> <\/div> <\/div>
\"From <\/a>
From Helpless <\/div> <\/div> <\/div> <\/div>
\"From <\/a>
From Honolulu Lories Lava Love Lounge <\/div> <\/div> <\/div>
\"From <\/a>
From Therefore, Repent! <\/div> <\/div> <\/div> <\/div> <\/div>\n

I’m always looking for good strong alternate examples of this kind of page design now, eager to learn what others might have invented in this specialized little corner of sequential art for my own selfish needs, but it’s also nice to be able to give examples other than of my own work.<\/p>\n

I see Kim Jung Gi<\/a> use compositions in his murals, David Mack<\/a> often composes with something like though I’m not sure how either thinks about it.<\/p>\n

I recently was admiring the work of Patrice Killoffer<\/a>, and he has really nailed some amazing pages applying something that looks a LOT like what I’d call Rolling Transitions.<\/p>\n

\"Killoffer <\/a>
Killoffer is so damn cool. <\/div> <\/div> <\/div>
\"Cr\u00e9dito: <\/a>
Cr\u00e9dito: Editora Leya\/ Divulga\u00e7\u00e3o. P\u00e1ginas da hist\u00f3ria em quadrinhos 676 apari\u00e7\u00f5es de Killoffer, de Patrice Killoffer. <\/div> <\/div> <\/div> <\/div>
\"I <\/a>
I hope to see a translated edition of one of his books some day. <\/div> <\/div> <\/div>
\"A <\/a>
A lovely walk in the forest. <\/div> <\/div>
\"Morlaque <\/a>
Morlaque (Morde-a-cauda) de Killoffer <\/div> <\/div> <\/div> <\/div>
\"I <\/a>
I think i’ve had these days. <\/div> <\/div> <\/div> <\/div> <\/div>\n

Non Sequitur<\/h1>\n

These are not common at all, outside of surreal abstract or gag comics. In part because we’re likely to infer some kind of meaning even when none was planned, and that leads them to be perceived by readers more like Aspect to Aspect transitions. The most enlightening thing to learn about them, is how resilient the desire in readers is to perceive a narrative between juxtaposed moments or things. I’m going to just slap a few sets of panels together with no overt intent, and you can read them how you like here….notice that you can? After the set, you’ll find two interpretations from other cartoonists of the second set, with the jets flying at the end<\/a>.<\/p>\n

\"abstractednonsuquiter02th\" <\/a> <\/div> <\/div>
\"abstractednonsuquiter01th\" <\/a> <\/div> <\/div> <\/div> <\/div>\n

Roll over the blurry text to read it!<\/p>\n

Mars Eve<\/a>: [blur toggle=hover]The shit is hitting the fan.
\nNo matter your schedule, your inner conflict, or your outer struggle,
\nThe shit is going to hit the fan.[\/blur]
\nJenny Gonzalez-Blitz<\/a>: [blur toggle=hover]The last living descendant of Hieronymus Bosch was having an existential crisis. His job as a mechanic seemed so meaningless, but he hadn’t inherited his great-great-great-great-etc. Grandfather’s talent for painting. And then…the War began,[\/blur]<\/p><\/blockquote>\n

\n

These are not Rules!<\/h1>\n

This is by no means, a list of the ONLY ways we can describe transitions or the only one’s possible. You can mix and match traits of many of them as well, for nuanced and complex storytelling.<\/p>\n

Not rules, Just aids in clarifying and decoding the kinds of panel to panel, or image to image transitions and qualities of closure you can design your work around or read into the comics you consume!<\/p>\n","protected":false},"excerpt":{"rendered":"

You could get the impression Scott likes making lists? Thanks to that we have a handy and fairly comprehensive model for the different kinds of panel to panel transitions, in terms of their content and subject matter! These are descriptions of the narrative nature of the Juxtaposition we create, panel to panel to panel, which […]<\/p>\n","protected":false},"author":1,"featured_media":525,"comment_status":"open","ping_status":"open","sticky":true,"template":"","format":"gallery","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":true,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[4],"tags":[20,18,23,15,43,14,8,17,40,25,44],"class_list":{"0":"post-502","1":"post","2":"type-post","3":"status-publish","4":"format-gallery","5":"has-post-thumbnail","7":"category-processes","8":"tag-20","9":"tag-closure","10":"tag-closure-in-comics","11":"tag-design","12":"tag-juxtaposition","13":"tag-layout","14":"tag-processes","15":"tag-sequential","16":"tag-symbols","17":"tag-tip","18":"tag-transitions","19":"post_format-post-format-gallery","20":"czr-hentry"},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/salgoodsam.com\/mc\/wp-content\/uploads\/2015\/06\/abstractednonsuquiter01th.jpg?fit=1500%2C1057&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pf76WW-86","jetpack-related-posts":[],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/salgoodsam.com\/mc\/wp-json\/wp\/v2\/posts\/502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/salgoodsam.com\/mc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/salgoodsam.com\/mc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/salgoodsam.com\/mc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/salgoodsam.com\/mc\/wp-json\/wp\/v2\/comments?post=502"}],"version-history":[{"count":50,"href":"https:\/\/salgoodsam.com\/mc\/wp-json\/wp\/v2\/posts\/502\/revisions"}],"predecessor-version":[{"id":3370,"href":"https:\/\/salgoodsam.com\/mc\/wp-json\/wp\/v2\/posts\/502\/revisions\/3370"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/salgoodsam.com\/mc\/wp-json\/wp\/v2\/media\/525"}],"wp:attachment":[{"href":"https:\/\/salgoodsam.com\/mc\/wp-json\/wp\/v2\/media?parent=502"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/salgoodsam.com\/mc\/wp-json\/wp\/v2\/categories?post=502"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/salgoodsam.com\/mc\/wp-json\/wp\/v2\/tags?post=502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}