StoryboardingStoryboardingThe Why and the How…

A set of drawings that represent screen layout sequences

• First used by filmmakers to plan the sequences of movie scenes

• A storyboard is a series of pictures and notes that detail the content of each of the screens for a project.

What is a Storyboard?What is a Storyboard?

The producer works with those team members who are creating video, text, and graphics to integrate the different media into a unified application.◦Storyboards help the customer and

team members envision how the finished application will look.

Storyboards in the development phaseStoryboards in the development phase

During a project’s planning phase, the producer may develop storyboards for the application or its video content.

From a “producer’s” point of viewFrom a “producer’s” point of view

In planning Web sites and other multimedia application• A blank storyboard is a series of empty

frames where drawings can be made• Each storyboard frame represents a page

on a Web site or a screen in the application that the user will see.• Below each frame are lines for information

about the frame’s content. After drawing the frames and filling in the information, you can reorder the frames to try different sequences

UsefulnessUsefulness

Plot StructurePlot Structure

http://www.screenplaymastery.com/structure.htm

Script vs. StoryboardScript vs. Storyboard

Script: Written text of a screenplay or performance

Storyboard: Panel involving sketches of important action in scenes in a series of shots

Why Storyboard?Why Storyboard?

Helps in brainstorming ideasHelps visualize what finished

product will look likeHelps you use time and resources

wisely when filmingMakes it easier to edit down the lineKeeps everyone on the same page

during filmingHelps avoid missed opportunities

Scene Selection—Think AboutScene Selection—Think About

AudienceMessage of videoMethod of delivery

◦Who will appear◦Camera angles/movement◦Frame size◦Special lighting◦Transitions◦Music/sound effects◦Special effects

How to StoryboardHow to Storyboard

Storyboard templates (good for individual storyboarding)

Notecards (be sure to number!)Post-it notes (be sure to number!)—

good for working in groups

http://edtech.guhsd.net/video/storyboard2.pdf

ExampleExample

ExampleExample

Important NotesImportant Notes

Doesn’t have to be perfect (shapes, stick figures, are okay)

Should be done in pencilEvery scene should contribute to the

film; if it doesn’t, cut it outDepict major scenes (not every

single detail)

The information accompanying each frame can include names or descriptions of audio, video, graphic files or programs that the page will use.• Web designers can use storyboards in much the same way

as filmmakers to help them visualize the pages and how they work together.

• They also help ensure that everyone on the team is visualizing the Web site and pages in the same way.

• Also a great way to keep track of all that information you will be using that isn’t your original work (attribution for media such as graphics, images, music, sound effects, etc.)

Usefulness cont.Usefulness cont.

For this class…For this class…

You MUST storyboard You must show me the storyboard and I

must approve itYou MUST submit the storyboard as part

of your grade

It is important! It will keep you organized and help you manage time!

You can create storyboards with a pencil and paper, or with software. Microsoft PowerPoint can be used to create a

storyboard◦ It makes it easy to reorder slides◦Add notes on them◦Approximate time for each scene◦Movement/transition from one scene to the next◦Special effects (animation)◦Music◦Script

What to Include:What to Include:

And remember to number each page and each frame!