Download - Storyboarding Added Value in Pre-Production Mark van Langeveld 9 February 2010 CS 5964 L01 - 1
![Page 1: Storyboarding Added Value in Pre-Production Mark van Langeveld 9 February 2010 CS 5964 L01 - 1](https://reader030.vdocuments.site/reader030/viewer/2022032523/56649d775503460f94a599cc/html5/thumbnails/1.jpg)
StoryboardingAdded Value in Pre-Production
Mark van Langeveld9 February 2010
CS 5964 L01 - 1
![Page 2: Storyboarding Added Value in Pre-Production Mark van Langeveld 9 February 2010 CS 5964 L01 - 1](https://reader030.vdocuments.site/reader030/viewer/2022032523/56649d775503460f94a599cc/html5/thumbnails/2.jpg)
Storyboards—Definition
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
CS 5964 L01 - 2
![Page 3: Storyboarding Added Value in Pre-Production Mark van Langeveld 9 February 2010 CS 5964 L01 - 1](https://reader030.vdocuments.site/reader030/viewer/2022032523/56649d775503460f94a599cc/html5/thumbnails/3.jpg)
Storyboards—Definition
Usage Example:
CS 5964 L01 - 3
![Page 4: Storyboarding Added Value in Pre-Production Mark van Langeveld 9 February 2010 CS 5964 L01 - 1](https://reader030.vdocuments.site/reader030/viewer/2022032523/56649d775503460f94a599cc/html5/thumbnails/4.jpg)
Storyboards—Origins
First used for Animation by Disney—1930
– Precursor of Animatics Adapted to Live Action Films in 1940s Evolved for use in Software Products in the
1980’s
CS 5964 L01 - 4
![Page 5: Storyboarding Added Value in Pre-Production Mark van Langeveld 9 February 2010 CS 5964 L01 - 1](https://reader030.vdocuments.site/reader030/viewer/2022032523/56649d775503460f94a599cc/html5/thumbnails/5.jpg)
Storyboard Uses—Really any Pre-Visualization Some Linear uses—More Traditional– Animations
– Films
– Music Videos
– Commercials
– F/X shots
Some Interactive Uses—New Adaptations– Games
– Instructional Design
– Web Content
CS 5964 L01 - 5
![Page 6: Storyboarding Added Value in Pre-Production Mark van Langeveld 9 February 2010 CS 5964 L01 - 1](https://reader030.vdocuments.site/reader030/viewer/2022032523/56649d775503460f94a599cc/html5/thumbnails/6.jpg)
Simplified Pre-Production Pipeline(Process)
Pipeline:
– Script
– Concept Art (look and feel docs)
– Scratch Sound/Audio Track
– Storyboards
– Animatics Iterative and Overlapping Processes
CS 5964 L01 - 6
![Page 7: Storyboarding Added Value in Pre-Production Mark van Langeveld 9 February 2010 CS 5964 L01 - 1](https://reader030.vdocuments.site/reader030/viewer/2022032523/56649d775503460f94a599cc/html5/thumbnails/7.jpg)
Scripts
Skipping over Scripts
CS 5964 L01 - 7
![Page 8: Storyboarding Added Value in Pre-Production Mark van Langeveld 9 February 2010 CS 5964 L01 - 1](https://reader030.vdocuments.site/reader030/viewer/2022032523/56649d775503460f94a599cc/html5/thumbnails/8.jpg)
Concept Art Examples-- Look and Feel
CS 5964 L01 - 8
![Page 9: Storyboarding Added Value in Pre-Production Mark van Langeveld 9 February 2010 CS 5964 L01 - 1](https://reader030.vdocuments.site/reader030/viewer/2022032523/56649d775503460f94a599cc/html5/thumbnails/9.jpg)
Concept Art Examples
CS 5964 L01 - 9
![Page 10: Storyboarding Added Value in Pre-Production Mark van Langeveld 9 February 2010 CS 5964 L01 - 1](https://reader030.vdocuments.site/reader030/viewer/2022032523/56649d775503460f94a599cc/html5/thumbnails/10.jpg)
Storyboard Example
Many Types and Styles and this is one Example:
CS 5964 L01 - 10
![Page 11: Storyboarding Added Value in Pre-Production Mark van Langeveld 9 February 2010 CS 5964 L01 - 1](https://reader030.vdocuments.site/reader030/viewer/2022032523/56649d775503460f94a599cc/html5/thumbnails/11.jpg)
More Storyboard Examples
CS 5964 L01 - 11
![Page 12: Storyboarding Added Value in Pre-Production Mark van Langeveld 9 February 2010 CS 5964 L01 - 1](https://reader030.vdocuments.site/reader030/viewer/2022032523/56649d775503460f94a599cc/html5/thumbnails/12.jpg)
Animatics—Often 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”
CS 5964 L01 - 12
![Page 13: Storyboarding Added Value in Pre-Production Mark van Langeveld 9 February 2010 CS 5964 L01 - 1](https://reader030.vdocuments.site/reader030/viewer/2022032523/56649d775503460f94a599cc/html5/thumbnails/13.jpg)
Storyboards—The Camera Concept
![Page 14: Storyboarding Added Value in Pre-Production Mark van Langeveld 9 February 2010 CS 5964 L01 - 1](https://reader030.vdocuments.site/reader030/viewer/2022032523/56649d775503460f94a599cc/html5/thumbnails/14.jpg)
Storyboards—Techniques 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– Garry’s Mod
![Page 15: Storyboarding Added Value in Pre-Production Mark van Langeveld 9 February 2010 CS 5964 L01 - 1](https://reader030.vdocuments.site/reader030/viewer/2022032523/56649d775503460f94a599cc/html5/thumbnails/15.jpg)
Storyboards—Techniques 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
![Page 16: Storyboarding Added Value in Pre-Production Mark van Langeveld 9 February 2010 CS 5964 L01 - 1](https://reader030.vdocuments.site/reader030/viewer/2022032523/56649d775503460f94a599cc/html5/thumbnails/16.jpg)
Storyboards—Steps of Refinement
CS 5964 L01 - 16
![Page 17: Storyboarding Added Value in Pre-Production Mark van Langeveld 9 February 2010 CS 5964 L01 - 1](https://reader030.vdocuments.site/reader030/viewer/2022032523/56649d775503460f94a599cc/html5/thumbnails/17.jpg)
Storyboards—Different Styles
CS 5964 L01 - 17
![Page 18: Storyboarding Added Value in Pre-Production Mark van Langeveld 9 February 2010 CS 5964 L01 - 1](https://reader030.vdocuments.site/reader030/viewer/2022032523/56649d775503460f94a599cc/html5/thumbnails/18.jpg)
Storyboards—Different Styles
CS 5964 L01 - 18
![Page 19: Storyboarding Added Value in Pre-Production Mark van Langeveld 9 February 2010 CS 5964 L01 - 1](https://reader030.vdocuments.site/reader030/viewer/2022032523/56649d775503460f94a599cc/html5/thumbnails/19.jpg)
Storyboards—Different Styles
CS 5964 L01 - 19
![Page 20: Storyboarding Added Value in Pre-Production Mark van Langeveld 9 February 2010 CS 5964 L01 - 1](https://reader030.vdocuments.site/reader030/viewer/2022032523/56649d775503460f94a599cc/html5/thumbnails/20.jpg)
Storyboards—Different Styles
CS 5964 L01 - 20
![Page 21: Storyboarding Added Value in Pre-Production Mark van Langeveld 9 February 2010 CS 5964 L01 - 1](https://reader030.vdocuments.site/reader030/viewer/2022032523/56649d775503460f94a599cc/html5/thumbnails/21.jpg)
Storyboards—It is all about the Camera
![Page 22: Storyboarding Added Value in Pre-Production Mark van Langeveld 9 February 2010 CS 5964 L01 - 1](https://reader030.vdocuments.site/reader030/viewer/2022032523/56649d775503460f94a599cc/html5/thumbnails/22.jpg)
Storyboards—Detailed Examples
![Page 23: Storyboarding Added Value in Pre-Production Mark van Langeveld 9 February 2010 CS 5964 L01 - 1](https://reader030.vdocuments.site/reader030/viewer/2022032523/56649d775503460f94a599cc/html5/thumbnails/23.jpg)
Storyboards—A final Word