Storyboard Workshop 2014

Hervé St-Louis, PhD Student,

Faculty of Information

Hervé St-Louis @ToonDoctor

• Originally from Montreal, Quebec• Bachelor of Arts McGill University in History and

Political Sciences• Went to animation school• Still work in animation, multimedia, Web Dev,

mobile apps, publish ComicBookBin.com• Master In Strategic Studies, U Calgary Thesis on

Twitter and Iran• PhD Research on user experience security• herve.saint.louis@mail.utoronto.ca

Workshop Contents

• History of the Storyboard – What, Where, Why, When, How (10:00)

• Cinematic storyboard (10:30)– The animatic– Vertical Storyboard– Horizontal Storyboard

• Basic Camera Instructions (11:00)• Cinematic Storyboard Exercise (11:30)• Break (11:50)• Interactive storyboard (12:00)

– Work Flows and Charts– Wireframes

• Interactive storyboard exercise (12:30)• Conclusion (12:50)

Quick Facts about Storyboards: What

• A storyboard is a series of illustrations detailing what a film, an animation, a game or a multimedia project will look like when completed. Storyboards can be hand drawn or composed digitally using computer graphics.

Quick Facts about Storyboards: When

• In 1928, Disney Animation Studios created storyboards for the first Mickey Mouse cartoon shorts. Storyboards have been used ever since then by filmmakers and animators the world over.

Quick Facts about Storyboards: Who

• Seasoned professionals usually create storyboards. Anyone who can visualize a story can create a storyboard, one that can be edited and polished by an expert.

Quick Facts about Storyboards: How

• Storyboards, like comic books and strips are the rubric of sequential art. With sequential art, a series of illustrations produces a story that is instantly comprehensible. What transpires between each illustration is as important as the action depicted within them. The audience instinctively grasps the missing details.

Quick Facts about Storyboards: Why

• Storyboards are easier and faster to read than scripts. Because they are closest to a finished project, they assist a production crew by pointing up troublesome issues which can be corrected early, thus saving time and money. With a storyboard, directors and project leaders can maintain creative control over the final product.

Quick Facts about Storyboards: Where

• Virtually every box office hit, successful game and critically acclaimed multimedia project started as a storyboard. In cartoon animation, storyboards are very detailed. They contain information about timing, camera shots and audio tracks. In film and commercials, storyboards are less detailed, giving directors more opportunity to make changes during production.

Disney Storyboard

Storyboard Example

The Animatic

Vertical Storyboard

Horizontal Storyboard

List of Shots

• Long Shot• Knee Shot (American Shot)• Medium Shot• Waist Shot• Shoulder Shot• Close Up

Camera Motion

• Pan– Rotation from side to side

• Tilt– Rotation up and down

• Travelling (truck in, dolly, boom)– Camera travels forward or backward

• Zoom– Lens adjust focus on element within the

shot

Transitions

• Cuts• Fade in• Fade out• Dissolves• Many more!

Cinematic Storyboard Exercise

break

Multimedia Storyboard

iCal App Workflow

iCal App Workflow

iCal App Workflow

iCal App Workflow

iCal App Workflow

iCal App Workflow

E-learning web app workflow

Ted app interaction

interactive Storyboard Exercise - Horoscope App

Conclusion

• Comments?• evaluation• Thank you