week 5: sequential design
TRANSCRIPT
WEEK 5: Sequential Design IAT100 – Digital Image Design Fall 2011
Dr. Kate Hennessy
Simon Fraser University , School of Interactive Arts & Technology | Fall 2011
Contact Kate Hennessy
ALWAYS Include IAT100 and your lab section number in the subject line of all emails to me or your TA. (Example – Subject: IAT100 E106 – How can I get an A???)
Office Hours When: Thursdays, 1:30-3:20pm (or by appointment)
Where: My office, Pod 2, 2821
Today’s Agenda Assignment 1 Comments iClicker Quiz Sequential Transitions & Stories Project 2 Introduction
Assignment 1 Comments Content Theory and Principles Analysis, Relating Following instructions…
Video Clip
View “Scott McCloud on comics” on TED: Ideas worth sharing.
http://www.ted.com/talks/scott_mccloud_on_comics.html
Transitions The Gutter What happens outside the frame? What happens between the frames? Meaning in Transitions Variety in Perspective
Moment-to-Moment
Time Increase suspense
Catches small changes
Creates movie-like motion
Moment-to-Moment
Moment-to-Moment
Artist: Ethan Persoff, From a Dog and his Elephant, 2003
Action-to-Action
Event – How it happens Single-subject progression
Advances the plot
Pace is brisk
Action-to-Action
Whaam! by Roy Lichtenstein, 1963.
Subject-to-Subject
Focus – Who or what it happens to Guides viewer to consider the various
plot elements at play Reader involved – must relate the two
images
Can strongly enable closure
Subject-to-Subject
Subject-to-Subject
Scene-to-Scene
Place / Time Transports viewer Expansive – Creates a sense
of space Often between short narrative
sequences
**Careful use of scene-to-scene transitions may allow for you to cut down on number of frames
Scene-to-Scene
Jeff Fisher, From How to Get Rich, 2002
Aspect-to-Aspect
Point-of-View Different aspects of a place,
idea or mood Shows Personal Perspective Different Angles on the same
scene
** unlike first four transitions doesn’t advance time
Aspect-to-Aspect
Aspect-to-Aspect
Aspect-to-Aspect
Non-Sequitur
No logical relationship Ambient effect
Viewer sees disparate images as part of a larger whole
Comic or gag effect
Non-Sequitur
Igort: Baobab and more 19. set. 2008
Non-Sequitur
TRANSITIONS = STORY TYPES
Transitions that help clarify the nature of an action, idea or mood:
Action Subject Scene
Suitable for goal driven or narratives that are of
interest on the strength of content.
TRANSITIONS = STORY TYPES
Transitions that add POV: Moment-to-moment Aspect-to-aspect
Suitable for nuanced or emotionally driven plots / concepts. Interest is produced by how the story
is told.
**may use different transition types at different points in narrative.
How to select Transition Types
In order of importance 1. Emotion 2. Story 3. Rhythm 4. Eye-trace (composition across panels)
It’s not what you show, but what you don’t..
Project 2 Sequential Web Narrative Web Adaptation of an existing story, poem, lyrics.
Adaptation Reduce textual information Increase visual information
Vignette – a Short Illuminating Scene
Project 2 What is the climax of the narrative? What is the general feeling or mood?
Does the mood change at some point? What questions do you pose to the viewer?
What questions remain unanswered? Up to the viewer to decide? Where does it start?
Explain the past, the setting, the mood, the character in your first image. How is the plot developed?
What new subjects, themes, ideas are exposed as the story progresses?
Web as Medium for Narrative Browser Interface
Browser Window Scrolling Back / Forward Clicking Interaction
Project 2 – Off-limits Topics Cannot already exist in visual form (eg. no stories that have
been done in animation by Disney or made as a movie) Song lyrics that have a music video are ok as long as the video
isn’t narrative No Overt Life Lessons
We’re not moralizing, we’re exploring the complexities of the human condition through narrative
Provide a link to the story, book, poem, song lyrics You may use a story in another language
Project 2 – Off-limits Topics School Exam / Class / Project
Late for exam Showed up a day early Skipped studying and partied instead Etc.
Tell story, wake up, it was all a dream Suicide / Car Accident / Drug Abuse / Gambling No Life Lessons – We’re not moralizing, we’re exploring the complexities of
the human condition. See the Assignment description for the complete list of off-limits topics.
Project 2 – Submission Reqs Can be solo or teams of two Solo = 3 web pages, 5 frames / Team = 5, 8 Frame loosely means one complete image
(may have sub-frames or inset-frames) QUALITY not Quantity Tell the story with Photos Not Text Posted to your SFU web site, Linked in WebCT
Project 2 Examples
http://www.sfu.ca/~jstockho/courses/iat100/examples/asst2/index.html
IMPORTANT!!! The assignment criteria have changed each term, these examples are offered to present some formal ideas, not content or concept as the assignment criteria may be different this term and may not apply.
Widescreen Test Pattern (16:9)
Aspect Ratio Test
(Should appear circular)
16x9
4x3