February 7th :
Visual Narrative I

To Do This Week

DUE 5 story summaries (5%)
Submit as a blog post

Read: Understanding Comics, by Scott McCloud – pgs 2-117

Blog Prompt:
Digital storytelling may involve images in sequence (comics, slides, video), arranged spatially in an interface and/or integrated with other media such as text and audio. After reading about “sequential arts”, “gutters” and “time frames” in the chapters of Understanding Comics, how might you approach the next visual narrative assignment? What do McCloud’s ideas generate for you in your own digital storytelling? Try to think outside the box.


ChatGPT World Builder Prompt: https://gist.github.com/kettle11/33413b02b028b7ddd35c63c0894caedc

McCloud Review:

  • icons, realism < —> abstraction Rhasmagian
  • picture plane -> language -> reality   triangle  pg 51
  • blood in the gutter (panel-to-panel relationships)  pg. 70
  • closure – what to leave out (the gaps in storytelling)
  • time frames- using the frames to express time, multi-linearity pgs101-105
  • expressing motion
  • expressive lines


overview picturing time:

  • scroll/timeline
  • nonlinear (distributed and asynchronous)
  • sequential (chronological frames)
  • spatial montage (simultaneous frames)
  • cinema (duration, temporal frames)

examples of digital graphic novels:

3D Comics: Panoply

hobolobo of hamelin



Student Work:

Alisa Koller

AI Image Generation:

GAN: A generative adversarial network is a type of machine learning framework in which two neural networks compete with each other: a generator and a discriminator. The generator starts building a fake sample image, the discriminator checks to see if it passes the test of being real or fake.

Prompts 101:

  • Style (name artists, genre or describe style) – “In the style of…
  • Describe lighting
  • Describe mood and emotions
  • Describe camera angle and position (birds-eye view, etc)
  • Describe film types and stocks
  • Output resolution keywords:  8K , 4K , photorealistic , ultra photoreal , ultra detailed, intricate details etc
  • Use other images as prompts
  • Describe order and hierarchy of details 

Midjourney Basics (you need Dischord)

In-Class Activity:
  1. Partner with a classmate for a mutual interview. Think of a short anecdote you would like to tell each other about a real experience that you or someone you know experienced – it can be weird, funny, moving or scary.
  2. Tell each other the stories. Take notes/sketches of each other’s stories as you listen to them.
  3. Work separately to translate your interview partner’s story into a visual narrative with minimal text. The visuals (at least five images) can be searched photos on the web, created yourself or generated with an AI tool. 
  4. Arrange images and text into a visual story for a blog post. This can be a sequence of images with captions or the text can be placed on the images.
  5. Look at some of the stories in class and discuss the relationship of text and image to convey a narrative. Can you understand the visual narrative without the text?

Visual Narrative Assignment 10%
DUE March 7

We have discussed many strategies/approaches to visual narration and how story time – events and incidents, actions and reactions – can be made visible and relational in pictorial space through…
  • single frame composition
  • scroll navigation
  • nonlinear navigation
  • panel-to-panel relationships
  • cinematic sequence
  • spatial (simultaneous) montage
In this assignment, you are to use images to tell a story. The images may include symbols, shapes, colors, drawings, graphics, photos and/or video. Your images may be accompanied by text (narration or dialogue), but images and their spatial relationships should drive the narrative, not the text. In other words, try not to make illustrations for a pre-written script. Instead, investigate new ways to organize images–on the single page and from page to page– in order to get across your particular visual story. Remember,  the pictorial frame and the user’s navigation of the frame(s) are elements of visual storytelling.

Use Photoshop or Illustrator, your pencil, phone camera, AI image-generation, public domain image downloads. If you are drawing your images, please bring them into Photoshop or Illustrator to outline/color. Use Google Slides or create a webpage (with ChatGPT?) to present your image sequence.

Storyboarding: download and print storyboard paper

Leave a Reply