Storyboarding Added Value in Pre-Production

1
StoryboardingAdded Value in Pre-Production

• Mark van Langeveld
• 9 February 2010

2
StoryboardsDefinition

• Series of Images or Illustrations (like comics
  strips)
• Still Visual Layouts of events
• Often have text description--tied to script
• Often have graphics that represent movement and
  camera details
• Value Proposition--Graphic Organizers
• A Process of Pre-Visual Thinking of Scenes
• A Structure for creative development
• One step closer from abstract ideas to a concrete
  products
• Keeps Groups on Same Page
• Allows problem solving before beginning
  production

3
StoryboardsDefinition

• Usage Example

L01 - 3
CS 5964
4
StoryboardsOrigins

• First used for Animation by Disney1930
• Precursor of Animatics
• Adapted to Live Action Films in 1940s
• Evolved for use in Software Products in the
  1980s

L01 - 4
CS 5964
5
Storyboard UsesReally any Pre-Visualization

• Some Linear usesMore Traditional
• Animations
• Films
• Music Videos
• Commercials
• F/X shots
• Some Interactive UsesNew Adaptations
• Games
• Instructional Design
• Web Content

6
Simplified Pre-Production Pipeline(Process)

• Pipeline
• Script
• Concept Art (look and feel docs)
• Scratch Sound/Audio Track
• Storyboards
• Animatics
• Iterative and Overlapping Processes

L01 - 6
CS 5964
7
Scripts

• Skipping over Scripts

L01 - 7
CS 5964
8
Concept Art Examples-- Look and Feel
L01 - 8
CS 5964
9
Concept Art Examples
L01 - 9
CS 5964
10
Storyboard Example

• Many Types and Styles and this is one Example

L01 - 10
CS 5964
11
More Storyboard Examples
L01 - 11
CS 5964
12
AnimaticsOften Begin with Soundtracks and
Storyboards

• Soundtrack (scratch track)
• Starts with stills from storyboard timed to the
  Soundtrack
• Timing issues worked-out before time consuming
  production begins
• Framework for audio and visual groups to combine
  work by replacing segments of animatic with next
  level of production work
• Examples--YouTube animatics

L01 - 12
CS 5964
13
StoryboardsThe Camera Concept
14
StoryboardsTechniques and Styles

• Analog Vs Digital
• Illustration
• Rough (quick sketch) Vs Tight (refined)
• Markers
• Pencils
• Computers (Photoshop, Painter, etc)
• Photo Montages
• By hand and/or in PhotoShop
• Using magazines, web image searches, quick
  renderings of 3D, your own photos and even screen
  prints from HL2
• Garrys Mod

15
StoryboardsTechniques and Styles

• Mixed-media/tools and techniques
• Markers, Pencils, Paint etc.
• Tracing (over any images that work
• Copy Machines
• Prints
• Literal cut and paste
• Computer--PhotoShop, painter, illustrator etc.
• Iterations and mixing
• Graphic information
• Arrows for camera or actor movement
• Text to explain details or even parts of script
• Colors for emphasize

16
StoryboardsSteps of Refinement
L01 - 16
CS 5964
17
StoryboardsDifferent Styles
L01 - 17
CS 5964
18
StoryboardsDifferent Styles
L01 - 18
CS 5964
19
StoryboardsDifferent Styles
L01 - 19
CS 5964
20
StoryboardsDifferent Styles
L01 - 20
CS 5964
21
StoryboardsIt is all about the Camera
22
StoryboardsDetailed Examples
23
StoryboardsA final Word