One Page Cheat Sheet

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

Characters

Coloring Characters

Many characters 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 the five most 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 picker 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. Color your character as you choose and you are done!

Storyboard software creator help pose your characters

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

How to resize in Storyboard creator software

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.

How to Rotate - storyboard software help

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

Layering

Did you know that Storyboard That supports the concept of layers? 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 the image forward by one layer
send to back storyboard software layers help Send to Back Sends the image all the way to the back
Send Backwards storyboard creator help layers Send Backwards Sends the image back one layer

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 tool can help trim characters and scenes to their needed size.

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:

With the crop dialogue open, drag the red bounding box to determine the area you want to remain. (Anything outside the red bounding box will be deleted)

How to crop in storyboard software creator step 2

Step 3:

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

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. Second, click on the "Filters" button to bring up a drop down menu of different filters. The filter automatically defaults to color.

Step 2:

Next 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

Pro Tip:

You can also add filters at a category level by selecting the desired filter with the "Color" drop-down near the search bar. This will change all the images in the categories into the desired effect so you don't need to go object by object.

How to find filters - pro tip in storyboard software - storyboard creator

Filters

Multi Select

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. 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 Select your font
Alignment Select left-aligned text, center-aligned text, or right-aligned text
Bullets Adds bullets to each line of highlighted text
Size Change the size of the text
Color Change the color of the text
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 3 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 Row” or “Add Column” link to expand the view.

How to Add Cells to storyboard software in creator

Step 3:

After selecting the desired configuration, hit “Change Layout” 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 “Change Layout” 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

Cell Size

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

Step 1:

Click on “Cell Size”.

increase and decrease cell size button in storyboard software

Step 2:

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.

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


Traditional Storyboard A traditional storyboard is most like a comic strip. The cells are adjacent and do not have special formatting.
T-Chart The T-Chart is perfect for comparisons, like “before and after” or “pros and cons”.
Grid Use the grid to connect ideas or information!
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 Show events in order on a timeline.
Spider Map Spider maps are great for vocabulary words or examples on a central topic.

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 six options that best suits your needs. You’re storyboard will be automatically rearranged.

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 based on your specific needs. 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 Slideshow 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 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 key keyboard.

Step 1:

First click the “ñ button” to bring up our special key 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.