1. Storyboarding The Why and the How…

2. 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?

3. 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 phase

4. During a project’s planning phase, the producer may develop storyboards for the application or its video content. From a “producer’s” point of view

5. 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 Usefulness

6. Plot Structure http://www.screenplaymastery.com/structure.htm

7. Script vs. Storyboard Script: Written text of a screenplay or performance Storyboard: Panel involving sketches of important action in scenes in a series of shots

8. Why Storyboard? Helps in brainstorming ideas Helps visualize what finished product will look like Helps you use time and resources wisely when filming Makes it easier to edit down the line Keeps everyone on the same page during filming Helps avoid missed opportunities

9. Scene Selection—Think About Audience Message of video Method of delivery ◦Who will appear ◦Camera angles/movement ◦Frame size ◦Special lighting ◦Transitions ◦Music/sound effects ◦Special effects

10. How 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

11. Example

12. Example

13. Important Notes Doesn’t have to be perfect (shapes, stick figures, are okay) Should be done in pencil Every scene should contribute to the film; if it doesn’t, cut it out Depict major scenes (not every single detail)

14. 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.

15. For this class… You MUST storyboard You must show me the storyboard and I must approve it You MUST submit the storyboard as part of your grade It is important! It will keep you organized and help you manage time!

16. 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: And remember to number each page and each frame!