1. Storyboarding Added Value in Pre-Production Mark van Langeveld 9 February 2010 CS 5964 L01 - 1

2. Storyboards—Definition l 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 l 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

3. Storyboards—Definition l Usage Example: CS 5964 L01 - 3

4. Storyboards—Origins l First used for Animation by Disney—1930 – Precursor of Animatics l Adapted to Live Action Films in 1940s l Evolved for use in Software Products in the 1980’s CS 5964 L01 - 4

5. Storyboard Uses—Really any Pre- Visualization l Some Linear uses—More Traditional – Animations – Films – Music Videos – Commercials – F/X shots l Some Interactive Uses—New Adaptations – Games – Instructional Design – Web Content CS 5964 L01 - 5

6. Simplified Pre-Production Pipeline(Process) l Pipeline: – Script – Concept Art (look and feel docs) – Scratch Sound/Audio Track – Storyboards – Animatics l Iterative and Overlapping Processes CS 5964 L01 - 6

7. Scripts l Skipping over Scripts CS 5964 L01 - 7

8. Concept Art Examples-- Look and Feel CS 5964 L01 - 8

9. Concept Art Examples CS 5964 L01 - 9

10. Storyboard Example l Many Types and Styles and this is one Example: CS 5964 L01 - 10

11. More Storyboard Examples CS 5964 L01 - 11

12. Animatics—Often Begin with Soundtracks and Storyboards l Soundtrack (scratch track) l Starts with stills from storyboard timed to the Soundtrack l Timing issues worked-out before time consuming production begins l Framework for audio and visual groups to combine work by replacing segments of animatic with next level of production work l Examples--YouTube “animatics” CS 5964 L01 - 12

13. Storyboards—The Camera Concept

14. Storyboards—Techniques and Styles l Analog Vs Digital l Illustration – Rough (quick sketch) Vs Tight (refined) – Markers – Pencils – Computers (Photoshop, Painter, etc) l 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

15. Storyboards—Techniques and Styles l 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 l Graphic information – Arrows for camera or actor movement – Text to explain details or even parts of script – Colors for emphasize

16. Storyboards—Steps of Refinement CS 5964 L01 - 16

17. Storyboards—Different Styles CS 5964 L01 - 17

18. Storyboards—Different Styles CS 5964 L01 - 18

19. Storyboards—Different Styles CS 5964 L01 - 19

20. Storyboards—Different Styles CS 5964 L01 - 20

21. Storyboards—It is all about the Camera

22. Storyboards—Detailed Examples

23. Storyboards—A final Word