One Page Cheat Sheet

Click Here to download a printable one page getting started guide.

Characters

Coloring Characters

Many characters, scenes, and objects within Storyboard That allow the user to change the colors to fit their needs and make their storyboards pop.

Storyboard characters designs software help

When an object supports color updates, selecting the item will show a color selector dialog. We have pre-filled six common colors for each region to make it easy to choose.

Storyboard creator software help
Storyboard software help

Clicking on the large color box at the right will bring up an extended color chooser that allows virtually any color to be chosen. Click “choose” once you find the right shade.

storyboard creator software help

Posing Characters

"Poseable" characters are a fun feature of Storyboard That that allow for higher customization of characters for more dynamic storytelling!

Pose character help Storyboard creator software help
  • “Head” buttons add/remove tilt
  • “Expression” buttons replaces the character face with the one pictured
  • “Arm” buttons (left or right) alter the position of the desired arm
  • “Legs” buttons change the leg position of the character

Insta-Poses are one-click options to change the character into a particular expression or action.

When you are finished posing your character, click “Update Pose”.

PRO TIP: Hovering your mouse over a pose button will provide you with suggestions of use.

Step 1:

Select a character that has the posing feature enabled.

Storyboard creator software help pose your characters

Step 2:

Either select a pre-determined pose via the drop menu, or click "Edit Pose" to open the full posing menu. (Note that some animal and monster characters have limited posability.)

Storyboard creator software help to pose your characters

Step 3:

Select the arm and leg positions from the menu and choose the level of head tilt and expression. You can choose a side or back view of the character, too. The possibilities are endless!

Storyboard creator software help pose your character

Step 3 (Alternate):

Select a pre-determined "Insta-Pose" to position the character according to the selected button.

Storyboard software creator help pose your characters

Step 4:

Click "Update Pose” to save your changes.

Storyboard software creator help pose your characters

Scenes

Scenes automatically snap to the back layer of your storyboard and fill the cell when you first drag them to the storyboard. If you plan on keeping the scene where it is, you may wish to click on the "Layers" drop-down and select "Lock Position". This feature will keep the scene locked in place, so even if you select the scene by mistake, the scene won't move.

Stretch to Fill

Stretch to fill is most useful for scenes because it automatically sends the image to the very back, but can be applied to other images as well. This function stretches the image so it fits the boundaries of the cell. This is perfect for getting a scene or object to fill the cell!

Step 1:

Select an image and click "Edit".

In the example below, the image selected is a scene that has been cropped.

Stretch to Fill

Step 2:

Select "Stretch to Fill".

The image is automatically sent to the back layer of the storyboard and stretched to fill the entire cell. Adjust the layering if needed.

Stretch to Fill Example

Step 2 (Alternate):

If you want to fill the cell with an image, but you do not want to distort the image, select "Stretch to Fill - Proportional". This option will make the image as big as possible without actually changing the aspect ratio.

Stretch to Fill Proportional

The new image will be centered in the cell by default. Scenes are still automatically pushed to the back layer, but characters and objects remain in the same layer.

Smart Scenes

Most of the scenes in the Storyboard That art library have "Smart Options". We wanted to make it easier for our users to customize scenes without spending a lot of time. To see the Smart Scene options, click on the blue "Edit Scene" button in the formatting palette.

Simple Scene

The "Edit Scene" button will open a popup with the different options for that particular scene. Some scenes have more options than others.

Simple Scene Smart Options
Smart Scene Options

Click on the options on the left and a preview appears on the right. When you are happy with the selection, click "Update Scene".

Smart Scene Preview

Adding Images

Searching

Storyboard That has an extensive database of images for you to use in your storyboards.

To search, simply navigate to the “Search” field and type in anything you want. If you want more results hit the “More...” link on the left. Use category names like “food” or “Shakespeare” if you do not get the images you need at first.

Storyboard Creator Search Bar

Premium users have access to Photos For Class through the search feature as well. You can adjust what kind of images appear in your account settings.

Uploading

Storyboard That supports uploads of JPG, PNG, GIF, BMP, WMF, and SVG files. This feature is only for premium* customers.

  1. Navigate to the "Upload" Tab
    How to upload pictures Storyboard That
  2. Click on the "Upload Images" button
  3. To upload, either:
    • Click the blue button to select your images (multiple files work)
    • Or just drag and drop your images onto the blue box
    *For help on uploading your own SVG files, click here.*

    How to upload a picture Storyboard That software
  4. Hit "Close" on the "Upload Window".
  5. Your upload will now appear as an image you can drag into your storyboard.

Upload picture Storyboard That Software

*Please see our pricing page to upgrade to an option that works best for you.

Image Manipulation

Resizing

One of the great features of Storyboard That is resizing! You can make any of the images bigger or smaller.

Step 1:

Select an object. You will see blue and gray circles appear around your object.

How to resize object storyboard creator

Step 2:

Click and drag a blue circle in one of the four corners (anchor sizing handle). You can make the object larger or smaller, depending on the direction you drag the circle. The blue circles in the corners scale the image, or keep the proportions the same.

How to resize in Storyboard Software creator
How to resize objects in Storyboard That

Step 2 (Alternate):

Alternatively, you can use the shortcut keys to scale the object up or down. After selecting an object, hold the Shift key and then the up arrow key to make the object larger, or the Shift key and the down arrow key to make the object smaller.

Step 3:

The gray circles (sizing handles) stretch or squish an image vertically or horizontally. The top and bottom gray circles make the object shorter or taller, and the right and left gray circles make the object thinner or wider.


Certain objects do not allow changes in ratio, and those objects will only have the blue circles in the corners.

How to resize in Storyboard creator software

Editing Options

There are several options available on the editing palette that allow you to manipulate images. There are also two buttons, "Undo" and "Redo", at the bottom of the Storyboard Creator to cancel or redo actions.


Copy Creates a second version of the image with all customization intact
Stretch to Fill Stretches the image to fit the boundaries of the cell
Stretch to Fill - Proportional Increases the size of the image to fill the cell, but image is not distorted
Crop Reduces the image to the selected part
Delete Removes the image from the storyboard
Undo Cancels the last action
Redo After "Undo", completes the last action again

Rotating

All of our images can rotate and flip. Use the buttons on the palette:

Flip Horizontal storyboard software help Flip Horizontally Makes a mirror image
Flip Vertical storyboarding software help Flip Vertically Make the image upside down
Rotate Left storyboard software help Rotate 90° Left Turns image counter clockwise
Rotate Right storyboard creator help Rotate 90° Right Turns image clockwise
Rotations and Flips storyboard software help

Or, you can rotate an object by using the blue circle above the selection box for greater customization.

How to Rotate - storyboard software help

You can also use keyboard shortcuts to accomplish the same task! Hold the Shift key while pressing the left or right arrow keys to turn the object at 10° intervals.

Layering

Did you know that Storyboard That supports the concept of layers? Each image that you pull down to the storyboard occupies its own layer. Layering lets you place items on top of each other to compose a complex image out of simpler pieces.

laying example storyboard software

You can also use layering to show depth in a storyboard.


depth from layering storyboarding depth

Whenever you click on an object, you can change its order with a click of a button. Objects in the background should be behind the objects in the foreground. (PowerPoint supports the same concept.)


Bring to Front storyboard software layers Bring to Front Makes image the top-most image
Bring Forward layers storyboard software help Bring Forward Brings image forward by one layer
send to back storyboard software layers help Send to Back Sends image all the way to the back layer
Send Backwards storyboard creator help layers Send Backwards Sends image back one layer

Scenes automatically snap to the back layer, but you can adjust the layer whenever you want. This is especially useful when one scene has open windows. Characters and items are placed on the top layer when they are pulled down into the storyboard.


Lock Position

Click on the "Layers" drop-down and select "Lock Position". Use this feature to lock the selected character, item, or scene in place.

Lock images into place

Unlock at any time by selecting the object and going back to the "Layers" drop-down menu, and click "Unlock Position".


Check out our Artist’s Blog on incorporating depth for more tips!

Cropping

To "crop" means to reduce to only a certain selection. Our crop tools can help trim characters and scenes to their needed size. We have three ways to crop: Standard Crop, Advanced Crop, and Circular Crop.

Step 1:

Select character/object to crop and select the crop symbol from the menu.

How to crop in storyboard software creator step 1

Step 2:

Choose the type of crop you want: Standard Crop, Circular Crop, or Advanced Crop.

Step 3 (Standard Crop):

With the crop dialogue open, drag the red bounding box to determine the area you want to remain. The Standard Crop drops in the shape of a rectangle. You are able to move the rectangle around as you need. Anything outside the red bounding box will be removed.

How to crop in storyboard software creator step 2

Step 3 (Advanced Crop):

The Advanced Crop works using four points to make an array of possibilities! Drag the four points to make the shape you want to keep. Anything outside the red bounding box will be removed.

Step 3 (Circular Crop):

With the Circular Crop, you can crop in an oval or circle. Resize the circle by using the blue and gray handles. You can also move the circle to capture exactly what you need.

Step 4:

Click "Crop Image" to save your changes. Your image is now cropped!

How to crop in storyboard software creator step 3
How to crop in storyboard software creator step 4

When you crop an image, the parts outside the cropping box are never truly deleted. If you need to change the cropping, select the image and go back to the crop icon at any time. The complete image will still be available.

Filters

Filters are a great way to add a unique style to your storyboard.

How to find filters in storyboard software - storyboard creator help

Step 1:

Select an object or scene to which you want to have a filter applied. If you wish to apply a filter to multiple images, use Shift and click to select more than one image.



Step 2:

Next, click on the "Filters" button to bring up a drop down menu of different filters. The filter automatically defaults to color. Select which filter you want to apply by clicking on it. Your selected objects will now be transformed!



Our Filters

Get a preview of the look of these filter styles below:

Using filters in storyboard software

Multiselect

Select more than one object at a time by highlighting the images you want.

How to Multi Select in storyboard software

For more precision or complexity, hold the Shift key and click on separate images. From here, you can scale, rotate, change filters, copy, or delete all selected images at the same time!


Align

When more than one image is selected, a new option called "Align" becomes available.

The align tool is extremely helpful for making clean storyboards. Select the objects you want to align or evenly space out, and go to the "Align" drop-down menu. Select your desired placement, such as "Align Right".

The Storyboard Creator will line up the images however you choose using the boundary boxes of each image. In the example, the three shapes are now aligned on the right side.

Distributing the objects vertically or horizontally looks at the two outer boundary boxes of the selected images. In the example, before distributing vertically, the two outer shapes have been moved closer to the top and bottom of the cell.



Align Left Moves all selected images to line up with the left-most image
Align Center Moves selected images to line up in the center with one another
Align Right Moves all selected images to line up with the right-most image
Distribute Horizontally Spreads out selected images evenly between the left-most and right-most images
Top Moves all selected images to line up with the top-most image
Middle Moves selected images to line up in the middle with one another
Bottom Moves all selected images to line up with the bottom-most image
Distribute Vertically Spreads out selected images evenly between the top-most and bottom-most images

Textables

Adding Textables

You can add text to a storyboard in many different ways! Just navigate to the “Textables” tab to find lots of textboxes and speech bubbles, including free form text without a background. Choose one and drag it to your storyboard.

Moving and rotating text in storyboard software

All of the Textables work like objects, so you can resize and rotate them, and most you can color. Add words to your storyboard in style!

How to move and rotate text in storyboard software

Formatting Text

Adding and formatting text with Textables is very simple. It is the same process when working with title/description boxes in Storyboard Layouts, too.


Step 1:

Select the Textable so the typing field is visible.

Formatting Text in storyboard software- Step 1

Step 2:

Type in the words you want to use.

Formatting Text help in storyboard software - Step 2

Step 3:

Customize your text! Take a look at the table below to see what each option does.


Font Change the font of the selected text
Size Change the size of the selected text
Color Change the color of the selected text
Alignment Select left-aligned text, center-aligned text, or right-aligned text
Underline Underline selected text
Strikethrough Put a line through selected text
Subscript Change selected text to subscript (below the normal text line)
Superscript Change selected text to superscript (above the normal text line)
European Keyboard Opens a special keyboard that allows you to add accents easily

How to change to European Keyboard in storyboard sofware

Complete storyboard example

Storyboard Layouts

Adding Cells

Depending on the length and type of storyboard you are creating, you may often need more than the default three cells.

Premium Accounts can have up to 10 columns and 10 rows, whereas free accounts can only use 3x1 and 3x2.

Step 1:

In order to add cells, you need to hit the "Add Cells" button below your storyboard and choose a configuration.

Find Add Cells Button in storyboard software

Step 2:

Click on the size of the storyboard you want (example: 3x2). If you need more than four rows or six columns, click on the “Add a Row” or “Add a Column” link to expand the view.

How to Add Cells to storyboard software in creator

Step 3:

After selecting the desired configuration, click “Update Storyboard” to save your changes.

Removing Cells

Sometimes you need to delete complete cells from your storyboard because you have too many or because you want to change the configuration. The process is similar to adding cells.

Step 1:

Click on the “Add Cells” button below the Storyboard Creator.

Find Add Cells Button in storyboard software

Step 2:

Select the new arrangement of cells. The cells that will be removed turn red.

How to remove cells in storyboard software example

Step 3:

Make sure you don’t have any content that you want to keep in those red cells!

Step 4:

Click “Update Storyboard” to save the changes.

Moving Cells

When creating your storyboard, there are often times when you want to rearrange the order of the cells. This is very easy with our cell swapper.

Imagine you had the storyboard below.

moving cells in storyboard software - before you have moved any cells

Step 1:

First click the "Move Cells" button.

how to move cells in storyboard software - Step 1

You will see a large blue bar at the bottom of the screen, as in the example below.

how to move cells in storyboard software - Step 2

Step 2:

Rearrange the cells as you like. Click on a cell to move, then click on its new destination. When you are finished, hit "Done".

how to move cells in storyboard software - Step 3

All Set

Your storyboard is now in a new order.

After rearranging your storyboard example with software

Copy Cells

Copy entire cells quickly and easily! This is a great feature to use when you are continuing a story in the same scene over multiple cells.


Step 1:

When you have a cell you would like to copy, first click the "Copy Cells" button under the Storyboard Creator.


You will see a large blue bar at the bottom of the screen, as in the example below.


Step 2:

Click on the cell you want to copy, and then click on the destination cell. The contents of the first cell will be duplicated into the new cell. When you are finished, hit "Done".


Step 3:

All customizations, such as color and pose, will remain the same. Make adjustments to the new cell as needed.


Cell Size

If you want to make your cells bigger or smaller, you can do that too!

Step 1:

Click on “Advanced Tools”.

increase and decrease cell size button in storyboard software

Step 2:

Click on “Cell Size”.

Advanced Tools

Step 3:

Use the slider to make the cells bigger or smaller. Images already in the cell will scale to the new size. Text remains at the same font size you originally selected.


how to change Cell Size in storyboard software

Cell Layout

There are four different layouts available for cells:

Cell Only Layout of storyboard software - storyboard cell only
Cell with Title Layout of storyboard software - storyboard cell and title
Cell with Description Layout of storyboard software - storyboard cell and description
Cell with Title and Description Layout of storyboard software - storyboard cell, title, and description

Changing the layout affects all cells in your storyboard.

Step 1:

To change the cell layout, click on “Storyboard Layout.”

storyboard software layouts - t chart, frayer model, timeline

Step 2:

Select one of the four options that best suits your storyboard.

storyboard software layouts - t chart, frayer model, timeline, grid, widescreen

That's It

Once you click on one of the options, the pop-up will close. You can go back and change the cell layout at any time.

Storyboard Layout

Changing the layout of a storyboard allows you to go from a linear narrative to a mind map to a powerful visual comparison chart.


Premium Accounts have access to nine different storyboard layouts. Free users are able to make traditional storyboards only. Please see our pricing page to upgrade to an option that works best for you.


Storyboard Template: Traditional Storyboard Layout Traditional Storyboard A traditional storyboard is most like a comic strip. The cells are adjacent and do not have special formatting.
T-Chart Layout -Compare and contrast - cause and effect graphic organizer T-Chart The T-Chart is perfect for comparisons, like “before and after” or “pros and cons”.
Grid Layout - Compare and Contrast graphic organizer Grid Use the grid to connect ideas or information!
Matrix Layout - Compare and Contrast graphic organizer Chart The chart is just like the grid, but the row title boxes are placed vertically.
Frayer Model template - Classic Graphic Organizer storyboard Frayer Model The Frayer Model ALWAYS has four cells. Typically, the titles of the cells are “Definition”, “Characteristics”, “Examples”, and “Non-Examples”, but you can change them however you like.
Timeline Layout - Timeline maker graphic organizer Timeline Show events in order on a timeline.
Spider Map - spider diagram - mind map template Spider Map Spider maps are great for vocabulary words or examples on a central topic.
Cycle Layout - Circle layout - cycle map template Cycle The cycle layout is good for recurring processes.
16x9 storyboard template for film, movies and commercials 16x9 While the 16x9 layout is intended for use with film and video planning, use this layout whenever you want a little more room.

Step 1:

To change the storyboard layout, click on “Storyboard Layout.”

storyboard software layouts - t chart, frayer model, timeline

Step 2:

Select one of the nine options that best suits your needs. Your storyboard will be automatically rearranged.


Note: The Frayer Model only has four cells. Make sure you have four or fewer cells with information in your storyboard or your data may be lost when you change to the Frayer Model layout.

storyboard software layouts - t chart, frayer model, timeline, grid, widescreen

Once you click on one of the options, the pop-up will close. You can go back and change the storyboard layout at any time.

Shortcuts

Keyboard Shortcuts

Did you know there are keyboard shortcuts in Storyboard That? Learning keyboard shortcuts allows you to create storyboards faster.

undo icon in storyboard software Undo Ctrl+Z or ⌘+Z
Redo Icon in storyboard software Redo Ctrl+Y or ⌘+Y
delete icon in storyboard creator Delete a Shape Delete Key
Move Shape Arrow Keys
Rotate Left storyboard software help Rotate Left Shift+Left
Rotate Right storyboard creator help Rotate Right Shift+Right
Scale Bigger Shift+Up
Scale Smaller Shift+Down

Print and Export Options

When viewing a storyboard, there are a number of ways to share it with the world. You can find all of these buttons underneath the storyboard picture after you save.

Print

The option to print a storyboard is available when viewing a storyboard (after saving it).

Step 1:

Press the Print button.

How to Print Storyboard That- Step 1

Step 2:

There are several different print layouts available. Click on the icon that describes your desired output.

how to print storyboard software - Step 2
  • Print entire storyboard.
  • Print storyboard with description text.
  • Print individual cells.
    • Option to have with lines for note-taking or assignments.
    • Choose 1-6 cells per page
    • Portrait and Landscape available

Step 3:

Depending on the option selected, there may be an additional selection of a specific print layout to choose.

how to print storyboard software - Step 3

Step 4:

After you have made your selection, follow your printer instructions. If you are printing landscape, you may need to change the orientation on your print dialog. If you want to print in black and white, this is usually a printer option.

Slide Show

The Slide Show feature is very useful for displaying your work directly from the computer screen. You don’t need to download any files!

Present a storyboard in a slideshow in storyboard software

Each cell will get its own slide, and you can advance to the next slide or return to a previous one with the arrow keys, or by clicking the button above the storyboard image.

storyboard example in a slideshow

Download Images / Power Point

For the most flexibility in exporting your storyboard, you can download an image pack in a variety of formats.

  • Export a collection of high resolution images of individual cells.
  • Export a high resolution storyboard.
  • Make a PDF for all your possible uses.
  • Download an image optimized for social media.
  • For PowerPoint - Each cell will be on its own slide. The name of your storyboard will be on the title slide.
Download storyboard as an Image

Embed

It is easy to use HTML to add a storyboard onto your webpage. In order to embed, you will need to make your storyboard public.

Click on the “Embed” button and select the option you want from HTML snippets or URLs.

how to embed storyboard to website

Share

Click the icon of any popular social site and share the storyboard. Storyboard That supports Facebook, Twitter, and more. In order to share, you will need to make your storyboard public.

share your storyboard on Facebook, twitter, email and more

Language Support

Western European Characters

Typing in a language that your keyboard does not natively support can be a bit tricky. To simplify the process for Western European Languages, there is a special keyboard.

Step 1:

First, click the “ñ” button to bring up our special characters.

Step 2:

Now click on any character you want to add, and when you are done just click the “ñ button” again to close the keyboard.

How to change to European Keyboard in storyboard sofware

Tablet Support

Tablet Support

There are a few changes in how basic features work to support fingers instead of a mouse.

Moving Shapes

Take one finger and touch an object to select it. After you have selected your object, drag it around to a new location.

move characters and scenes with a tablet in storyboard software

Resize via Pinch

You can resize any shape by pinching it with two fingers. By changing how you pinch you can resize things proportionally, make them wider, or make them taller.

resize characters and scenes with a tablet in storyboard software
resize characters and scenes with a tablet in storyboard software
Vertical resize characters and scenes with a tablet in storyboard software


Rotate

In order to rotate objects place one finger on the large blue circle above a shape and move either left or right.

Rotate with a tablet or ipad on storyboard software

More Questions?

If you could not find what you are looking for, please email us at Feedback@StoryboardThat.com for help.