The Secret Language of Comics: Visual Thinking and Writing

Category: Sketches

Sketch 1: Avatar

Sketches

Due: 9/9

Tag: sk1

Objectives:

  • Very basic photo editing
  • Introduction to the concept of Creative Commons
  • Uploading and publishing to your new WordPress site
  • Visual images as representations of complex conceptual topics

Avatar

Once you’ve created your web site, you need an image to represent yourself and/or your site for the class: an avatar. Your avatar can be whatever you want it be but try to create something that both reflects your personality and speaks to the topic for this class in some way.

Start by choosing one or more of your own photos as the basis of the avatar, drawing something yourself and scanning it, or finding one or more CC-licensed images on Flickr that you can modify. Make certain to keep a note for yourself of the URL for the photos you use if they are not your own.

Crop and otherwise edit the photo(s) in a photo editing application (like Photoshop or PicMonkey or Pixlr). You can create a layered or collage effect, if you’d like. Add your name on your badge in such a way that it’s legible — it can be your full name, just your first name, or the nickname you want to be called this semester.

Your final badge should be square and at least 512 pixels wide and high. Please make certain your badge is square so that it will fit into the design on the student sites page.

Publish

When you’re done, you’ll need to put the image two places, with an optional third:

First

Load the badge into your Media Library and publish it to your site in a blog post. (If adding it as a feature image means that the entire square image won’t display, then also insert the image into the post itself.)

Image showing where to add tags and a feature image

Include information and links in the post about the source(s) for images included in your badge.

Write a paragraph or two about why you chose those images, what aspects of yourself and your interests are represented in your badge, and/or what difficulties you faced in creating the badge.

Please tag your post with the tag “sk1,” plus with any additional tags that you think are appropriate.

Second

Go into your dashboard to Appearance > Customize > Site Identity. Load the image as your site icon.

Finally

If you do not already have a gravatar, create a gravatar account and load your avatar there. From then on, your avatar will show up as your picture when you leave comments here and on other students’ sites.

Sketch 2: Sunday Sketches

Sketches

Due: 9/15
Tag: sk2

Christoph Niemann is an illustrator, artist, and author whose work regularly appears in the New York Times, the New Yorker, and elsewhere. He’s got a mixed media series that he calls “Sunday Sketches,” in which he takes some object from his surroundings and creates a sketch on the page around it. Some of the best such works he’s included in his book entitled Sunday Sketching.

Some examples from Niemann’s Tumblr:

You can see that each of these pieces is an actual three-dimensional tangible object placed into a drawing on paper to transform that object into something new. Niemann then photographs the resulting sketch to create a two-dimensional artifact.

For your third sketch assignment, I want you to create your own Sunday sketch in a similar style.

  • Take a picture of your sketch and publish it as a post.
  • Give your post a funny or witty title.
  • Write a paragraph or two in which you explain the process whereby you came up with the idea for your Sunday sketch and the choices you made in realizing that idea as an actual sketch.
  • Include a link back to this prompt and tag it “sk2”

Sketch 3: Visual Note Taking

Sketches

Due: 9/22
Tag: sk3

Overview

For your sketch assignment this week, I want you to create a set of visual notes for one day in one class (other than this one) that you are currently enrolled in. You do not need to take your visual notes in real time; in fact, I recommend that you don’t. I recommend that you go to your classes and take notes in whatever manner you normally do, then after class go through your notes and recreate them as visual notes.

Giulia Forsyth

Domain of One’s Own by Flickr user Giulia Forsyth

I’m a big fan of the work of Giulia Forsyth. She works in a teaching and learning center, where she helps professors and instructors be more innovative in their teaching practices, and she also works as a visual note-taker and facilitator, which means that she is sometimes employed to go to presentations and meetings and to doodle notes for the meeting.

Check out the four minute video below, where she gives a quick summary of how she began to take her doodling seriously and where it has led her.

On her Visual Practice page, Forsyth has lots of videos and images explaining how she approaches the task of producing drawings that help her and others to not just grab the information that’s been presented in a class or discussion, but to grapple with the material and better understand it. You can also see numerous examples on her Flickr page, especially her Visual Practice album.

Kenneth Robinson

As another example of visual note-taking, you might check out the video below from RSA Animates illustrating a lecture by Kenneth Robinson about educational philosophy. I suspect you’ll find the video much more powerful and engaging because of the illustration that goes along with it than you would if you were simply listening to the audio. What does this mean for your own practice?

Prompt

For your sketch assignment this week, I want you to create a set of visual notes for one day in one class that you are currently enrolled in (probably not this one). You do not need to take your visual notes in real time; in fact, I recommend that you don’t. I recommend that you go to your classes and take notes in whatever manner you normally do, then after class go through your notes and recreate them as visual notes.

You do not need to draw your notes in a digital environment, either, though you are certainly free to do so. If you prefer to doodle with pen, pencil, or marker on paper then do that and once you’re done with your drawing, just scan the pages as JPG files so you can upload them to your site. If you have an iPad or other tablet or would like to draw on your laptop or desktop, then you might try apps like GoodNotes, Procreate, Inkflow, or Adobe’s Sketchbook or search for other free/cheap drawing applications. I am completely tool agnostic on this assignment, so make your drawings in whatever manner make sense to you.

Your visual notes do not need to be polished or beautiful or anywhere near as intricate as Forsyth’s. Do try to take this assignment as an opportunity to really engage differently with your material – don’t just make a series of doodles that follow the outline of the lecture or discussion in your notes but try to translate the concepts and information into a new, visual set of notes. You might think about creating flowcharts or diagrams, which are also visual devices.

Once you’ve got your notes, load them onto your course site as a sketch post. Embed the images from your notes into the post and as you do, take a few moments to reflect on the process and then write a paragraph or two about what you learned during the process of creating your visual notes. Did it help you to understand the course content any differently or better to create notes visually rather than just as text? Did you discover anything new about yourself or the way you think in the process? Did you find it enjoyable or find some aspect of it particularly interesting? Someplace in your reflective text, create a link back to this blog post assignment.

Sketch 4: Combophoto

Sketches

Due: 9/29

Tag: sk4

Stephen Mcmennamy is an Atlanta artist and Creative Director at the advertising firm BBDO. He first came to my attention when I saw his series of “combophotos” that splice together two different images to form a surreal new creation.

Here are a few examples from him:

cauliflower + poodle

paintbrush + spaghetti

bridge + guitar

Take a few moments to look through the images he’s posted on his site linked above or on his Tumblr or his Instagram. Then create your own square combophoto and publish it to your site. You can take your own photos, but probably you’ll want to use CC_licensed images you find on Flickr — make sure you give credit to the originals that you modify to create your combophoto.

The level of technical aptitude for this assignment is actually relatively small, just simple cropping and resizing. The greater part of the challenge is thinking creatively and finding images that you can work with. That said, note that Mcmennamy comes up with ideas and then specifically stages photos to combine, and he seems to often spend significant amounts of time shooting and selecting his images. You won’t have lots of time, models you can hire, or expensive photo equipment to work with, so I don’t necessarily expect your final images to be as polished and perfectly aligned as his are. More important is for you to be playful and come up with images that combine to create something funny or witty or striking.

To edit the two photos together, you can use whatever photo editing software you’d like. Pixlr is a good free web app, as is PicMonkey. Adobe Photoshop is also available for you to use on the computers in the Media Library on the 4th floor of the Woodruff Library.

Once you have your image, publish it in a post on your class site. Don’t forget to give it a funny or witty title! Tag your post “sk4“

Write a paragraph about how you went about choosing the two images you combined and why. What challenges did you face as you created your combophoto? What do you think your final image conveys?

Sketch 5: Triptych

Sketches

Due: 10/6

Tag: sk5

In How to Read Nancy: The Elements of Comics in Three Easy Panels, Paul Karasik and Mark Newgarden carry out an extended discussion of comics through repeated analysis of the single Nancy strip by Ernie Bushmiller from August 8, 1959 (at the top of this post). They explain that “one of the least tangible yet most significant implements in the cartoonist’s toolbox is the varied use of rhythms.[…] One repetition makes a pair. But add another and the repetitions have become a series, the basic building block of all rhythm. A set of three has the smallest number of elements that can establish a pattern (as well as violate it). Three implies more to come” (134).

For this week’s sketch assignment, create your own triptych comic. As you compose your triptych, I most want you to focus on creating a story with a very clear beginning, middle, and end. Your story can be minimalist, impressionistic, comic, dark, weird or whatever you want it to be — but make sure that each panel of the triptych moves that story forward from beginning to middle to end.

i smile more when i belong

You can draw your triptych, or create one using photographs, maybe along similar lines as the webcomic A Softer World, which ran weekly for about twelve years starting in Feb 2003. Emily and Joey published 1248 comics in that time, each consisting of three panels with photographs and words superimposed on them – often it seems to be a single image cropped into three panels, but sometimes it’s three photos taken as a series – and then the title of the comic appears when you hover your mouse over the comic (creating space for a sort of fourth panel or commentary). The comics tend to be quite dark.

I’m looking for compact and playful storytelling through both images and words. It’s an opportunity for you to play with irony, humor, and/or wit.

Add a paragraph reflecting on your triptych comic. What choices did you make in crafting your narrative? Describe the composition process a little bit. What was challenging about this assignment? How is crafting this sort of comic strip different or similar to other writing you’ve done this semester?

Sketch 6: What’s in your bag?

Sketches

Due: 10/13

Tag: sk6

Find a relatively large empty space. Take your backpack, messenger bag, or whatever sort of bag you carry around with you regularly, empty all the contents out, and arrange them carefully so that they represent a visual snapshot of the stuff you tote around with you on a normal day. Then take a clear photo showing your bag and the stuff and upload it to your site.

Note that like the avatar or the literacy narrative, this too is a type of autobiographical composition. If you have something in your bag that is private, embarrassing, or for some other reason you don’t want it in the picture then make the editorial decision not to include it. Or vice versa: if you would like to assume a certain kind of persona then you might consider including items in your catalog that might be less than fully true.

Add some text to your post listing the items represented in your photo, preferably adding in a bit of explanatory and/or funny commentary along the way. This can be a paragraph of text or a list or whatever format seems most appropriate for you. When these sorts of posts are done by publications, like say The Verge or Timbuk2, they are often not so subtle efforts at product placement but for our purposes there is no reason for you to engage in such advertising games.

Along with the photo and your description of the items, include a paragraph reflecting on what it was like to craft a self-portrait through this photograph. How actually representative is this image of you as a person? What sorts of choices did you make in order to create the image? What was challenging about this assignment? Is representing yourself in a catalog of the stuff in your bag a type of writing? Why or why not?

Sketch 10: Tell a True Story

Sketches

Due: 10/20

Tag: sk10

In the week or two leading up to this assignment, be on the lookout for a moment that is worth representing in a comic — watch for some sort of small adventure you might take, or a conversation you are part of, or a conversation you hear, and as you come upon them take notes for yourself and maybe make quick little sketches or take photos to capture images for later. Your story does not need to be momentous. You do not need to be able to fully grasp its significance, such as it is. But watch for a story that seems to be a little window into some sort of meaning or that might show something interesting to readers.

Then create a short comic that portrays that moment as truthfully as you can in a way that combines both words and images.

If you’d like, you can make a comic with words to only a few images. Or you can make a comic with only a few words. You can use photographs or draw something or create some other sort of visuals. You can tell a funny story or a sad one, or draw on other emotions.

The only two firm requirements are that your comic needs to have words and images and it needs to show something true … with the full understanding that “truth” is a complicated and contested state of being. (Your story does not have to be a true war story; it only needs to be true.)

That said, I’d like you to try to make your comic in 5 panels. Take a sheet of 11×17 drawing paper if you have it (you can do this with 8.5×11 instead, simply adjusting the measurements that follow) and fold it in half along the longest side so you have a folder page that is now 8.5×11. Fold it again along the longest side, so you’ll have a booklet that is 8.5×5.5. Then fold it again in the same manner two more times.

Think of the front cover of that tiny booklet as your first panel and draw the initial image and words for your story. You don’t have a lot of room to hook your reader, and you have to compel her to unfold to section 2. So make it good.

Then open that booklet and draw the second panel on that space that is twice the size. You’ve got a little more space — use it wisely. Fold it open again and draw the third panel on the space that is doubled again. Write something that earns the space. Give the reader enough they they want to flip to the next part. And again for the fourth panel. You should try to not only use the space, but to also ramp up the excitement in each section. And then again, as the fifth and final panel now takes up one side of an entire page. The largest section should contain not only the largest number of words, but also the most exciting content.

Once your comic is completed, publish it to your site as a post. If you follow the method above to create a five-panel comic, scan each panel and upload it as a series. Feel free to include some pictures of your entire book too.

Write a brief reflection about your writing process for this post. How did you know when you had found the right story for your comic? How difficult was it to tell a true story in a brief comic? What were the most important choices you made along the way of creating your comic?

Sketch 8: Human Document

Sketches

Due: 10/27

Tag: sk8

The British artist Tom Phillips is probably best known for a project that he began in 1966 and which he has continued ever since–he set himself the challenge to buy the first book he could find at a secondhand bookstore for threepence and to alter every page using drawing, painting, collage, and cut-up techniques to create an entirely new version.

He found W.H. Mallock’s A Human Document and combined the words in the title to create A Humument. Phillips not only created new art works from each of the 367 pages but has now completed five different editions of this altered book.

You can view pretty much the complete series of pages on Tom Phillips site here. You can choose pages, view the original and then view different versions of that page.

For this week’s assignment, I want you to create your own visual poem-thing. You can find your own page to alter if you’d like, but I’ll bring in an old used book that you can take pages from too. Think of it as sort of a collaboration between yourself and the book’s original author or think of it as a game where you get to create new text but within the strict confines of the text available on the page.

Obviously, Tom Phillips has been doing this for almost 50 years and I’m not expecting you to produce work that is as polished or complex as his – nor that is necessarily as visually compelling. And it will probably feel very strange to you as you begin, but just let yourself be playful and experiment with your task. You do not need to be a professional artist to make these pages, but you probably do need to be able to relax your desire to be in control of what you produce and you probably need to turn off the self-critical voice that will tell you that you’re doing it wrong.

Alter your page using whatever methods or tools you prefer, then scan the page in color at a high resolution as a JPG or PNG file and load it to your site. You might or might not include in your post the text of your altered page.

 

Sketch 9: Data viz from everyday life

Sketches

Due: 11/10

Tag: sk9

When Mason Currey wanted to understand how he could manage to produce more creative work despite the challenges of everyday life, he set about studying how a bunch of other famous creative people organized their daily lives and what routines they established for their own creative work with the assumption that there were valuable lessons there. Daily Rituals was the result of that research — and then a number of different people and organizations have set out to visualize the insights of that book so that we can see larger patterns in the midst of all this biographical information. Podio’s graphic, which is the feature image on this post, is one of those (check out their site for the interactive version)

For this sketch assignment, you will choose one concept in your life that you want to analyze, something that is not already easily and obviously measured, or doesn’t vary within the span of a day or a week (good categories: awesomeness, mindfulness, healthiness, creativity, productivity, and similar … bad categories: number of steps, hours of sleep, caloric intake, how good is my eyesight?). Decide on a set of about 5 categories that you can use to measure that concept in your life and track those categories for a week or more, then you will produce a visualization of the data that you have gathered and use that visualization to help you understand something about your own life that might not be obvious from your own day to day activities.

Tracking Data

If you’re looking for suggestions about what to track, browsing the “quantified self” tag at Lifehacker might be worthwhile.

Once you’ve got categories, create a spreadsheet where you can track those categories throughout the day. Either take notes in a journal or on your phone and enter the results into your spreadsheet at set intervals, or make the spreadsheet in Google Drive and access it from your phone, or use the site Trackthisforme, or install a tracker app on your mobile device (I found some by searching for “quantified self” apps).

In “How to Track Everything in Your Life Without Going Crazy” and “Fill Out This One-Minute Form Every Day and Find Out Why Your Life Sucks (or Doesn’t)” Adam Dachiss has some useful suggestions for measuring stuff in your life. “Why You Should be Tracking Your Habits and How to Do It” by Belle Beth Cooper is also useful. However, all three of those articles are a few years old now and might not be perfectly applicable.

Whatever method you use, the key activity is to decide what you are going to pay attention to and then to create a system that is manageable for your life for the span of a week wherein you will quantify information about your self or your behavior.

For example, one step of this process might be to decide to measure how happy you are and to create a spreadsheet with a column for “Happy.” Then when you wake up in the morning, while you’re waiting for the coffee to brew, you’ll pull up the spreadsheet and enter a number between 1 and 10 indicating how happy you feel. You will continue adding rows at some set interval (every hour maybe). You will probably have some columns that are a little less subjective than “how happy do I feel right now?” (like “how many times did I talk in class today?” or “how much time did I spend studying?” “how many minutes have I spent looking at my phone in the last hour?”). You can decide how objective or subjective your categories are, but recognize that those decisions will impact the sorts of conclusions you draw from this process.

For now, you just need to decide what you will track and then to be as meticulous and careful as you can be about actually tracking this information either directly into a spreadsheet or in a format that can easily be transferred into a spreadsheet at the end of the week.

Visualizing that data

Now that you have gathered your data, it’s time to analyze it further and visualize it.

With the data set that you’ve gathered, which is just for a week or so and only with a handful of variables, you probably won’t need a computer or special tools to analyze it. However, you might find loading your data into a spreadsheet (like in Excel) if you haven’t already been keeping it in that format will help you a lot to analyze it and see patterns in the data.

Because this is an assignment about collecting data about your own life, there is room for you to decide how “scientific” you want to be with your project. Even if you have never used spreadsheets for much of anything, try to quantify your data as much as you can and make an effort to be detailed and accurate with your information, but that said the types of data you chose to collect and the category you’ve decided to study will have a huge impact on the type of analysis you undertake. It is okay for you to have some more subjective categories and it’s okay if your final analysis or visualization is somewhat subjective too.

Tools

There are numerous methods you can use to create your visualization — anything from paper and crayons/markers/pencils to sophisticated data visualization software like Tableau. MS Excel also has some pretty sophisticated charts that you can create from your data. And there are also lots of free online tools that you can use too — it’s admittedly been a year or more since I really surveyed the set of free tools available, but I’d probably still recommend Infogram if you want a free web-based infographic maker and aren’t sure where to start.

For help deciding what type of chart or graph might be most effective in visualizing your data, consult the Data Viz Catalogue (it might be most helpful for you to switch to the “sort by functions” view at the top of the page).

Digital Images

Hand-drawn charts and graphs are perfectly 100% acceptable, if that’s what you prefer. However, please do not spend lots of time carefully crafting hand-drawn charts and then snap a crappy picture of them on your cell phone to post to the web. There are lots of scanners available on campus that you can use to scan your chart into a high-quality JPG image — I’d suggest that you take a quick trip to the Media Lab on the 4th floor of the library and scan your drawings. That space is underutilized and an excellent resource that you should know about.

If you create your visualizations with an online tool, just make sure that you can export them as a JPG image, or that you can at least take a good screenshot of your work.

Publish

Publish your charts as a sketch post to your site. Identify what conceptual issue you were tracking or what question you wanted to answer (or begin to answer). Include 2 or 3 paragraphs explaining what conclusions you have drawn from the data that you collected. Were you able to answer the question you had posed for yourself? What sorts of judgement calls did you face while gathering the data? Why did you choose to visualize your data in the manner that you did? What do these visualizations say about your own life? If you were to continue this project into the future, would you go about it in pretty much the way you have done this week or would you do things differently now that you have looked at the data to this point? Have you found this to be a valuable tool for self analysis?

Sketch 7: Quadriptych

Sketches

You’ve made a one-panel image with your avatar, combined two images with your combophotos, and made a traditional three-panel comic like those that used to dominate the Sunday funnies sections of newspapers. This week, I’d like you to make a 4-panel comic like the ones that are currently dominating web comics.

As Peter Rubin argues in Wired, “Four-panel strips have been a fixture since early 20th-century newspaper comics like Mutt and Jeff and the concomitant appearance of yonkoma (“four-cell”) manga in Japan. It’s the perfect three-act-structure: You start at one end, develop conflict in the middle two panels, and resolve with a punch line at the end. But thanks to a number of factors—not least of which is the rise of Instagram and Reddit—a gridded, two-by-two variant has come to dominate the internet.” Notice that the four-panel comic, Rubin claims, still has a three-act structure.

You probably already know examples of such 4-panel web comics. You might check out the comics of Nathan Pyle or comics such as “Humpty Dumpty Had a Great Fall.”

WholesomeNsuchArt

Then make your own four-panel square comic. Just like with your triptych, you should still focus on telling a story with a beginning, middle, and end and you are still free to use photographs or to draw in whatever style you’d like. Focus, again, on compact, playful storytelling.

You can combine the four images into a single one or you can publish them to your post as separate images. In order to create a square in the WordPress block structure, you’ll simply need to add 2 “columns” blocks to your post and then hover over the top of each column block to add an image.

Step one: Add a Columns layout block
Step two: Add an image to each block

Column blocks are found in the “Layouts” section of the block selector. They allow you to format your blog posts with columns, to which you can add images or paragraphs of text or embed other elements and so on.

Like with your triptych, add a paragraph of text reflecting on your quadriptych comic. Describe the composition process a little bit. What was challenging about this assignment? How is crafting this sort of comic strip different or similar to the triptych? How was it different to have the middle act stretch across two panels rather than one? Why did you tell the kind of story that you did?

css.php