Storyboarding

Assignments:

Template and Universal Design Guide

Using the Universal Storyboard Template and submitting the files:

Storyboarding Process Examples:

Technique for Storyboarding in Photoshop

Considerations for Each Drawn Board

Overview

We will be creating the Storyboards in these phases:

Thumbnails: A quick way to get ideas down: In Photoshop or Animate
- export as a jpg 1920 x 1080
Add your jpg boards to the Universal Design Storyboard Animate Template, bring it to Animate if you used Photoshop or Google Slides.
- If using Animate - add a keyframe for each board
- Slides - add a duplicated slide for each board
Add your script in the dialogue notes
Add your sound notes
Add your principles of animation notes
You may have an animatic: (Storyboard drawings that are timed to the soundtrack): For parts of your animation for this course this may be as far as the animation goes.

Final boards will be drawn in Adobe Animate, unless permitted to use PSD. This will give you an opportunity to get used to those drawing tools.

Template and Universal Design Guide

Read the Storyboarding guide on the DAD Faculty Learning Commons

Use the Universal Design Storyboard Template: (includes google slides and Adobe Animate version)

To facilitate integrating universal design during the planning and early design phases, Bill Fischer developed the I-See-U storyboard template. It contains text boxes for defining Integrated captions and audio descriptions that can be coordinated, shot by shot, with the visual assets. There are detailed instructions on how to use the Universal Design Storyboard Template on the I see u site.

Using PSD, you would add your images to the google slides version. Type the notes in google slides and draw in photoshop.

Using Animate you would draw directly in the Animate Storyboard Template for your storyboard. This is the most direct route.
Use the checklist to make sure that all of the required animation actions will be in your animation. Describe these in the Storyboarding Notes

Using the Universal Storyboard Template and submitting the files:

Open the file, then choose File > Make a Copy.

Rename your copy.
Choose your 2D Character Animation project folder for the destination.
Open the copied slideshow, and insert your storyboard images.
Add narration/dialogue, timing, and sound design notes
Make sure to include all items from the checklist

A screen capture of the Universal Storyboard Template.

KCAD Alumni Talk about their careers as storyboarders in the industry

James Suhr, KCAD alum, Storyboard Interview

Steven Heneveld, KCAD alum, Storyboard Interview

Storyboarding Process Examples:

See the whole process script recording, storyboarding, to final in Rio2 in this video

Other full Examples for Storyboarding

Technique for Storyboarding in Photoshop

Storyboard artists use a plethera of software for their boards. It comes down to the ease of use, what you know but most importantly what your team is using. You will need to be flexible within your position at the company.

Using Photoshop
1. Start with a layer for the board
2. Use Multiple layers for the following then place the layers in folders that are labeled by scene number
  - Character
  - Environment
  - Action Lines
3. Use White Fill for Storyboarding to differentiate characters from the boards
4. Number your boards after you find the right amount (for a while you will be adding layers and boards.
  - Use this numbering system:
    1. 001 Animation Title Board
    2. 002 Animation Title Board
    3. ect. (this way the file directory puts the files in order they will automatically be placed in order)
Add your images to the storyboard template in Animate
Add your sound plan info according to the template
Check with the Checklist that you are covering all requirements

Storyboard layering technique for Photoshop

Considerations for Each Drawn Board

What is the location setting?
What are the persons, characters, props, or vehicles in the shot?
Do you need to include elements that show scale?
What type of shot (close-up, wide-shot, establishing shot, and so on) do you need? Camera Shot Guide?
Do any actors or vehicles need to move within a frame, and what is the direction of that action?
Do you need any camera movement to add motion to this shot?
Do you need any special lighting? The lighting depends on what type of mood you're trying to convey. It's best rough the lighting into the storyboard drawings.
Do you need any special effects? Special effects can include gunfire, explosions, etc.
How will we transition from the previous shot to the next shot?
What is the dialogue?
For these boards, you really only need to get the main layouts. Where are the characters, What is the environment, don't get every move, you may be able to have 4-6 drawings for your boards, depending on how many camera moves and character moves there are.