D’source 1 Digital Learning Environment for Design - www.dsource.in

Design Resource The Grammar and Vocabu- lary of The linguistics of comics by Mr. Saurabh Singanapalli IDC, IIT Bombay

Source: http://www.dsource.in/resource/gramar-and-vo- cabulary-comics

1. Introduction 2. Comics and Storytelling 3. Transitions 4. The Vocabulary of Comics 5. Conclusion 6. References 7. Contact Details D’source 2 Digital Learning Environment for Design - www.dsource.in Design Resource Introduction The Grammar and Vocabu- • How do you read comics? lary of Comics • How do you understand comics? The linguistics of comics by As a visual medium, comics are unique in the sense that they form flowing narratives through the use of a Mr. Saurabh Singanapalli sequence of static images, often supported by text. But then, how does the reader understand the narrative in IDC, IIT Bombay comic books? According to Scott McCloud in Understanding Comics (1993), the real message in comics lies in the space between panels, what he calls the “gutter”. It is the way in which the writer/creator handles these transi- tions that eventually allows the reader greater or lesser control over the interpretation of the narrative. In other words, he calls transitions between panels the grammar of comic books.

Source: McCloud defines six transitions from one panel to the next: http://www.dsource.in/resource/gramar-and-vo- cabulary-comics/introduction •Moment-to-moment •Action-to-action •Subject to subject 1. Introduction •Scene-to-scene •Aspect-to-aspect 2. Comics and Storytelling •Non-sequitur 3. Transitions 4. The Vocabulary of Comics Similarly, McCloud identifies words, pictures and icons as the vocabulary of comic books. For him, the “icon” is 5. Conclusion the key unit that forms this vocabulary of comics. Semiotics has long studied signs and what they signify, and McCloud applies this knowledge to form a basis for the language of comics. If we draw a parallel with linguistics 6. References (the study of language in speech and writing), where words and sentences are the basic building blocks, we can 7. Contact Details see that comics also have their own building blocks, which go beyond just words and images alone. In written and spoken language, you make meaning through words and through the structure of sentences (which is the inter- relationship between words), and this is what we call syntax and semantics in linguistic terms. But the rest of the media also have their own syntax and semantics. How do these work in the case of comics?

To answer these questions, this article, borrowing heavily from McCloud’s views mentioned above, seeks to describe and present various aspects of the grammar and vocabulary of comics, supported by examples from a range of existing comics. It is hoped that his will be helpful to anyone studying comics or even, to some extent, for those studying visual narratives in general. D’source 3 Digital Learning Environment for Design - www.dsource.in

Design Resource The Grammar and Vocabu- lary of Comics The linguistics of comics by Mr. Saurabh Singanapalli IDC, IIT Bombay

Source: http://www.dsource.in/resource/gramar-and-vo- cabulary-comics/introduction

1. Introduction 2. Comics and Storytelling 3. Transitions 4. The Vocabulary of Comics 5. Conclusion 6. References 7. Contact Details D’source 4 Digital Learning Environment for Design - www.dsource.in

Design Resource The Grammar and Vocabu- lary of Comics The linguistics of comics by Mr. Saurabh Singanapalli IDC, IIT Bombay

Source: http://www.dsource.in/resource/gramar-and-vo- cabulary-comics/introduction

1. Introduction 2. Comics and Storytelling 3. Transitions 4. The Vocabulary of Comics 5. Conclusion 6. References 7. Contact Details D’source 5 Digital Learning Environment for Design - www.dsource.in Design Resource Comics and Storytelling The Grammar and Vocabu- • The story of panels lary of Comics • The development of ‘speech bubbles’ The linguistics of comics • What do speech bubbles do? by Mr. Saurabh Singanapalli Before we study how panels, icons, images and words function in comic books, let us take a quick look back at IDC, IIT Bombay how panels were developed in the first place. The Western tradition of can be said to have devel- oped through political cartoons in newspapers in the 18th and 19th centuries. In the 18th century, William Hoga- rth, another English painter, used text together with his paintings to form a narrative, and the poet and painter William Blake produced many books where illustrations would appear facing printed text.

Source: In the 19th century, while cartoons were increasing in popularity, no one had really put them together in a se- http://www.dsource.in/resource/gramar-and-vo- quential narrative before. So there were only ‘single-panel’ cartoons with the text or narration usually printed cabulary-comics/comics-and-storytelling above or below the panel. However, some of these did experiment with speech bubbles (fig. 2.1). However, using speech bubbles was definitely not the norm until much later.

1. Introduction 2. Comics and Storytelling 3. Transitions 4. The Vocabulary of Comics 5. Conclusion 6. References 7. Contact Details D’source 6 Digital Learning Environment for Design - www.dsource.in

Design Resource Among the examples mentioned above, Hogarth’s work is particularly important, as he wrote satirical pieces using a series of pictures put together in a style similar to modern-day comic strips. A Rake’s Progress (1726) is The Grammar and Vocabu- composed of eight different canvases, each with text at the bottom, which formed a narrative when put togeth- lary of Comics er. His other sequential work, A Harlot’s Progess (1731), follows the same format (see 2.3 to 2.10). This is a series The linguistics of comics of paintings which were later converted to engravings (only the engravings survive today). All of this informs us by that, well before the modern era of comics and graphic novels, pictures were used in combination with text to Mr. Saurabh Singanapalli form narratives, across cultures and geographical locations. One could thus argue that William Hogarth’s work IDC, IIT Bombay was a precursor to the ‘panels’ format that is so common to comic strips and graphic novels today.

Source: http://www.dsource.in/resource/gramar-and-vo- cabulary-comics/comics-and-storytelling

1. Introduction 2. Comics and Storytelling 3. Transitions 4. The Vocabulary of Comics 5. Conclusion 6. References 7. Contact Details D’source 7 Digital Learning Environment for Design - www.dsource.in

Design Resource The Grammar and Vocabu- lary of Comics The linguistics of comics by Mr. Saurabh Singanapalli IDC, IIT Bombay

Source: http://www.dsource.in/resource/gramar-and-vo- cabulary-comics/comics-and-storytelling

1. Introduction 2. Comics and Storytelling 3. Transitions 4. The Vocabulary of Comics 5. Conclusion 6. References 7. Contact Details D’source 8 Digital Learning Environment for Design - www.dsource.in

Design Resource The Grammar and Vocabu- lary of Comics The linguistics of comics by Mr. Saurabh Singanapalli IDC, IIT Bombay

Source: http://www.dsource.in/resource/gramar-and-vo- cabulary-comics/comics-and-storytelling

As in the case of writing, the advent of print helped the growth of sequential pictorial narratives (McCloud, 1. Introduction 1993). It isn’t surprising therefore that by the early 19th century, one can see clear signs of the origins of the 2. Comics and Storytelling modern comic book and the . As mentioned earlier, this stems from the association that comics have with cartoons, which gained prominence at around this time by their use in many publications (notably 3. Transitions Punch) for humour and satire. However, speech bubbles (also called “text bubbles”) only became synonymous 4. The Vocabulary of Comics with sequential art with the advent of comic strips. In the Western tradition, R.F. Outcault’s The Yellow Kid is 5. Conclusion often credited as being the first comic strip to begin using text bubbles, although some others also give cred- it for this to The Katzenjammer Kids by Rudolph Dirks and Harold Knerr. In fact, text bubbles did exist before 6. References Outcault, but in The Yellow Kid, he moulded them into the form that we are familiar with today. But no matter 7. Contact Details which one came first, it is only at the turn of the century that speech bubbles first began to be used regularly. As the following excerpt puts it:

Comic strips, evolving from these early cartoons, made their appearance in the late 19th century, and these soon moved away from one-shot narratives to series relating the adventures of a recurring or set of characters. In the U.S.A, comics were gaining mass popularity through iconic characters such as The Yellow Kid, which established the form of modern comics by combining images with ‘speech bubbles’. This was a significant development, as it allowed comics to use overtly spoken language. Before this, text usually appeared either above or below the images, and not in the panel with the images. These early cartoons and caricatures thus first introduced the ‘speech bubbles’ that are used universally in comic books today, and in doing so, brought overt spoken language into some forms of writing. (Singanapalli, 2011) D’source 9 Digital Learning Environment for Design - www.dsource.in

Design Resource But having said that, what exactly is it that speech bubbles do? For one, they bring an element of conversation- ality to comics. Unlike novels or even short stories, where the narrative element overshadows the conversational The Grammar and Vocabu- element, in comics it is the opposite, thanks to speech bubbles. They are thus also a tool to allow the pictures to lary of Comics seem more life-like and more realistic. It is speech bubbles that actually make comic books similar to a movie or a The linguistics of comics play. by Mr. Saurabh Singanapalli Speech bubbles form an important part in how comic books convey meaning to the reader: they may not form IDC, IIT Bombay the vocabulary of comics by themselves, but they play an essential assisting role. The shapes of speech bubbles can decide the tone or attitude of the speaker, and the position of speech bubbles is an important thing to con- sider when trying to fit your art into a panel. Experimenting with speech bubbles can lead to interesting results in terms of how both the text and the image are interpreted in comics.

Source: Now that we have taken a brief look at panels and speech bubbles, let us move to the crux of the matter: the http://www.dsource.in/resource/gramar-and-vo- vocabulary and grammar of comics. cabulary-comics/comics-and-storytelling

1. Introduction 2. Comics and Storytelling 3. Transitions 4. The Vocabulary of Comics 5. Conclusion 6. References 7. Contact Details D’source 10 Digital Learning Environment for Design - www.dsource.in Design Resource Transitions The Grammar and Vocabu- • Transitions between panels lary of Comics • ‘Blood in the Gutter’ The linguistics of comics by As specified in the introduction, McCloud (1993) classifies the transitions between panels as the grammar of com- Mr. Saurabh Singanapalli ics. Let us look at each of these six transitions, as identified by McCloud, in detail. These are: IDC, IIT Bombay 1) Moment-to-moment, where hardly any change takes place between the two panels. It is “a single action por- trayed in a series of moments.” (see fig. 3.1, 3.2 and 3.3)

This is the most micro-level transition, where not much time passes between panels, almost as if time is in slow Source: motion. It is usually used to give detailed focus on a single subject, or to a certain part of that subject. For exam- http://www.dsource.in/resource/gramar-and-vo- ple, focusing on a face and then showing a subtle change in expression would be a moment-to-moment transi- cabulary-comics/transitions tion.

1. Introduction 2. Comics and Storytelling 3. Transitions 4. The Vocabulary of Comics 5. Conclusion 6. References 7. Contact Details

A moment-to-moment transition from ’s Life on Another Planet (1983, p.3) D’source 11 Digital Learning Environment for Design - www.dsource.in

Design Resource The Grammar and Vocabu- lary of Comics The linguistics of comics by Mr. Saurabh Singanapalli IDC, IIT Bombay

Source: http://www.dsource.in/resource/gramar-and-vo- cabulary-comics/transitions A moment-to-moment transition from Frank Miller’s The Dark Knight Returns (1986, p.14)

1. Introduction 2. Comics and Storytelling 3. Transitions 4. The Vocabulary of Comics 5. Conclusion 6. References 7. Contact Details

Yet another moment-to-moment transition. Note the single panel spit into multiple panels (Loeb, McGuiness and Vines, Superman/Batman, Issue no.2, 2003, p.20) D’source 12 Digital Learning Environment for Design - www.dsource.in

Design Resource 2) Action-to-action, where the actions/series of actions of a single subject are shown. (see fig. 3.4 and 3.5)

The Grammar and Vocabu- This is usually the most common panel-to-panel transition in comics. The point of focus is still a single subject, lary of Comics but time passes faster, as the subject goes through a series of actions, while the reader follows that subject. The linguistics of comics There may even be minor changes of scene as we follow the subject around, but in most cases, it will logically be by a single scene/location where the same subject goes through a number of actions. Mr. Saurabh Singanapalli IDC, IIT Bombay

Source: http://www.dsource.in/resource/gramar-and-vo- cabulary-comics/transitions

1. Introduction 2. Comics and Storytelling 3. Transitions 4. The Vocabulary of Comics 5. Conclusion 3) Subject-to-subject, which transitions between different subjects in the same scene, “a series of changing sub- 6. References jects within a single scene”. (see fig. 3.6 and 3.7) 7. Contact Details Here, the scene remains the same, while we move across different subjects that comprise that scene. A useful transition to show people in a conversation, their reaction to what is being said, or even to lay the ground for a particular setting. For example, a scene of a party where each panel focuses on a different subject to show what they are thinking about the rest of the people there. This is also a fairly common transition.s. D’source 13 Digital Learning Environment for Design - www.dsource.in

Design Resource The Grammar and Vocabu- lary of Comics The linguistics of comics by Mr. Saurabh Singanapalli IDC, IIT Bombay

Source: http://www.dsource.in/resource/gramar-and-vo- cabulary-comics/transitions

1. Introduction 2. Comics and Storytelling 3. Transitions 4. The Vocabulary of Comics 5. Conclusion An example of a subject-to-subject transition (Vines Another example of a subject-to-subject transition, this 6. References and Hollowell, Wolverine, Vol.3, Issue no.70, 2009, p.17) one from Frank Miller’s 300 (1998, p.7) 7. Contact Details changing subjects within a single scene”. (see fig. 3.6 and 3.7) D’source 14 Digital Learning Environment for Design - www.dsource.in

Design Resource 4) Scene-to-scene, which “transports us across significant distances of time and space.” (see fig. 3.8)

The Grammar and Vocabu- While not so common as the previously mentioned action-to-action and subject-to-subject transitions, the scene- lary of Comics to-scene transition is useful in advancing your story without spending too much time on narration or details. The The linguistics of comics reader is allowed to assume that a certain event has occurred between the often large period of time that passes by between two panels in this case. Of course, a logical relationship is already established by preceding panels, Mr. Saurabh Singanapalli which is what differentiates this transition from the non-sequitur transition described in point 6 below. IDC, IIT Bombay

Source: http://www.dsource.in/resource/gramar-and-vo- cabulary-comics/transitions

1. Introduction 2. Comics and Storytelling 3. Transitions 4. The Vocabulary of Comics 5. Conclusion 6. References 7. Contact Details

An example of a scene-to-scene transition (Vines and Hollowell, Wolverine, Vol.3, Issue no.71, 2009, p.12) D’source 15 Digital Learning Environment for Design - www.dsource.in

Design Resource 5) Aspect-to-aspect, which “transitions from one aspect of a place, idea or mood to another”. It “bypasses time The Grammar and Vocabu- for the most part…” (see 3.9) lary of Comics This is a non-temporal transition, and can be used to show a single scene / subject in many ways, or even in The linguistics of comics dream/imaginary sequences. by Mr. Saurabh Singanapalli IDC, IIT Bombay

Source: http://www.dsource.in/resource/gramar-and-vo- cabulary-comics/transitions

1. Introduction 2. Comics and Storytelling 3. Transitions 4. The Vocabulary of Comics 5. Conclusion 6. References 7. Contact Details

An example of the aspect-to-aspect transition, showing different angles and details of a single larger scene (Mil- lar and Kubert, Ultimate X-Men, Vol.1, Issue 7, 2001, Pg.2) D’source 16 Digital Learning Environment for Design - www.dsource.in

Design Resource 6) Non-sequitur, “which offers no logical relationship between panels whatsoever.” (see 3.10)

The Grammar and Vocabu- It must be noted, of course, that while there is apparently no relationship between panels in the immediate mo- lary of Comics ment, one may be established as the story/ plot/ narration progresses. The linguistics of comics by Mr. Saurabh Singanapalli IDC, IIT Bombay

Source: http://www.dsource.in/resource/gramar-and-vo- cabulary-comics/transitions

1. Introduction 2. Comics and Storytelling 3. Transitions 4. The Vocabulary of Comics McCloud’s example of a non-sequitur transition (Mc- 5. Conclusion Cloud, Understanding Comics, 1993, p.72) 6. References 7. Contact Details Perhaps more important than the mechanics of the transitions is the way in which the reader reacts to these transitions. McCloud himself uses the phrase “blood in the gutter” to illustrate an example where we see a panel with a man holding a knife, and in the other, just ‘hear’ (or more accurately, read) a scream. The gutter here refers to the space between panels, which also stands for the time or even distance that elapses in the narrative from one panel to the next. What happens between those two panels is left for the reader to understand.

McCloud calls this idea of letting the reader fill in gaps in the narrative as “closure”, and identifies it as the most important way in which comic books further their narratives. This is how most readers become a part of the narrative itself in sequential art. The reader of comic books is thus much more than just a passive consumer, he is involved in the very act of storytelling. D’source 17 Digital Learning Environment for Design - www.dsource.in

Design Resource The Vocabulary of Comics The Grammar and Vocabu- • Identifying the images lary of Comics • Icons The linguistics of comics by The Oxford Dictionary defines ‘vocabulary’ as “a body of words used in a particular language.” A person’s vocab- Mr. Saurabh Singanapalli ulary is said to consist of the number of words that a person is familiar with. These are language-oriented defi- IDC, IIT Bombay nitions of the term. But as a visual medium, comics have a different language, and hence a different vocabulary. Because comics are a hybrid of visual and written language, their vocabulary is also mostly visual in nature.

Scott McCloud points out that there are two ways in which people in general, in all walks of life, experience all things, including images. The first is through their senses, while the other is conceptually, through their mind. For Source: example, when you smell a flower, you do it through your senses, but when someone describes how it smelt, you http://www.dsource.in/resource/gramar-and-vo- experience the smell as a concept in your mind. The concept may not have anything to do with the “real” smell. cabulary-comics/vocabulary-comics Similarly, in the case of images, we essentially interpret them as concepts that represent reality, which McCloud calls “icons”. These icons can be extremely realistic, or be toned down to basic features, such as in the case of 1. Introduction cartoons. According to McCloud, the more “cartoony” an image is, the more we identify with that icon. A realistic image reminds us that we are external to it; while a more universal representation means that we think of our- 2. Comics and Storytelling selves as within that representation. For example, when we look at a picture of the Mona Lisa, we never think we 3. Transitions are the Mona Lisa, but when we look at a smiley face, which has only a curve for a mouth and two dots for eyes, 4. The Vocabulary of Comics we can easily see ourselves represented by that smiley. McCloud feels that this is the reason why we find comics 5. Conclusion so believable and interesting, because we see ourselves as art of the characters that exist in that world. 6. References However, it is also true that not all comics use cartoons; indeed, a lot of graphic novels today use increasingly 7. Contact Details realistic images and drawings, so perhaps we are seeing a shift from the reader as a character towards the reader as a spectator. But even in such cases, the reader still remains a participant, reading between panels, as we have seen in the previous section related to transitions. D’source 18 Digital Learning Environment for Design - www.dsource.in

Design Resource The Grammar and Vocabu- lary of Comics The linguistics of comics by Mr. Saurabh Singanapalli IDC, IIT Bombay

Source: http://www.dsource.in/resource/gramar-and-vo- cabulary-comics/vocabulary-comics The entire vocabulary of comics is much more than images and words on the page, it also includes that which is in the reader’s mind (McCloud, Understanding Comics, 1993, p.27) 1. Introduction 2. Comics and Storytelling 3. Transitions 4. The Vocabulary of Comics 5. Conclusion 6. References 7. Contact Details

The power of the smiley face (McCloud, Understanding Comics, 1993, p.45) D’source 19 Digital Learning Environment for Design - www.dsource.in

Design Resource The Grammar and Vocabu- lary of Comics The linguistics of comics by Mr. Saurabh Singanapalli IDC, IIT Bombay

Source: http://www.dsource.in/resource/gramar-and-vo- cabulary-comics/vocabulary-comics

1. Introduction 2. Comics and Storytelling 3. Transitions 4. The Vocabulary of Comics 5. Conclusion 6. References 7. Contact Details D’source 20 Digital Learning Environment for Design - www.dsource.in Design Resource Conclusion The Grammar and Vocabu- • Language and Art lary of Comics • Summing Up We have thus taken a quick look at the grammar and vocabulary of comics. Of course, we must re- The linguistics of comics member that in McCloud’s view, words are the most extreme form of iconic representation, where the icon bears by no physical resemblance to what it represents, yet manages to convey the full meaning. While McCloud focuses Mr. Saurabh Singanapalli on icons, and the relationship between written language and visual art, we must also consider that language has IDC, IIT Bombay its own figures of speech and usage, which often complicates matters when creating a comic.

McCloud feels that simple language and a cartoon-like style are best suited to each other, whereas a flowery style of writing, coupled with a realistic art style is probably the worst choice, as the art and the writing require different kinds of knowledge to be appreciated or understood fully. Source: http://www.dsource.in/resource/gramar-and-vo- Moreover, there are elements such as layout, speech bubbles, and colours, which no doubt affect the way we un- cabulary-comics/conclusion derstand a comic book, and which comic artists, creators and critics must no doubt be aware of to come up with a truly engaging work or critique.

1. Introduction 2. Comics and Storytelling 3. Transitions 4. The Vocabulary of Comics 5. Conclusion 6. References 7. Contact Details D’source 21 Digital Learning Environment for Design - www.dsource.in Design Resource References The Grammar and Vocabu- lary of Comics 1. McCloud, Scott. (1993). Understanding Comics: The Invisible Art. . The linguistics of comics 2. Singanapalli, Saurabh. (2011). The Graphic Novel and the Teaching of Writing. EFL University. by Mr. Saurabh Singanapalli IDC, IIT Bombay

Source: http://www.dsource.in/resource/gramar-and-vo- cabulary-comics/references

1. Introduction 2. Comics and Storytelling 3. Transitions 4. The Vocabulary of Comics 5. Conclusion 6. References 7. Contact Details D’source 22 Digital Learning Environment for Design - www.dsource.in Design Resource Contact Details The Grammar and Vocabu- lary of Comics This documentation was done by Saurabh Singanapalli, Ph.D., IDC, IIT Bombay. The linguistics of comics You can get in touch with him at [email protected] by Mr. Saurabh Singanapalli Helpdesk details: IDC, IIT Bombay Co-ordinator Project e-kalpa Industrial Design Centre IIT Bombay Powai Source: Mumbai 400076 http://www.dsource.in/resource/gramar-and-vo- India cabulary-comics/contact-details Phone: 091-22-25767820/ 7801/ 7802 Fax: 091-22-25767803 1. Introduction Email: dsource.in[at]gmail.com 2. Comics and Storytelling 3. Transitions 4. The Vocabulary of Comics 5. Conclusion 6. References 7. Contact Details