One Page Cheat SheetClick Here to download a printable one page getting started guide.
Many characters and objects within Storyboard That allow the user to change the colors to fit their needs and make their storyboards pop.
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.
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.
"Poseable" characters are a fun feature of Storyboard That that allow for higher customization of characters for more dynamic storytelling!
- “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.
Select a character that has the posing feature enabled.
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.)
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!
Step 3 (Alternate):
Select a pre-determined "Insta-Pose" to position the character according to the selected button.
Click "Update Pose” to save your changes. Color your character as you choose and you are done!
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.
Premium users have access to Photos For Class through the search feature. You can adjust what kind of images appear in your account settings.
Navigate to the "Upload" Tab
- Click on the "Upload Images" button
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
- Hit "Close" on the "Upload Window"
Your upload will now appear as an image you can drag into your storyboard
*Please see our pricing page to upgrade to an option that works best for you.
One of the great features of Storyboard That is resizing! You can make any of the images bigger or smaller.
Select an object. You will see blue and gray circles appear around your object.
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.
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.
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.
All of our images can rotate and flip. Use the buttons on the palette:
|Flip Horizontally||Makes a mirror image|
|Flip Vertically||Make the image upside down|
|Rotate 90° Left||Turns image counter clockwise|
|Rotate 90° Right||Turns image clockwise|
Or, you can rotate an object by using the blue circle above the selection box.
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.
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.
You can also use layering to show depth in a storyboard.
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||Makes image the top-most image|
|Bring Forward||Brings the image forward by one layer|
|Send to Back||Sends the image all the way to the back|
|Send Backwards||Sends the image back one layer|
Check out our Artist’s Blog on incorporating depth for more tips!
To "crop" means to reduce to only a certain selection. Our crop tool can help trim characters and scenes to their needed size.
Select character/object to crop and select the crop symbol from the menu.
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)
Click "Crop Image" to save your changes. Your image is now cropped!
Filters are a great way to add a unique style to your storyboard.
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.
Next select which filter you want to apply by clicking on it. Your selected objects will now be transformed!
Get a preview of the look of these filter styles below:
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.
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.
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!
Adding and formatting text with Textables is very simple. It is the same process when working with title/description boxes in Storyboard Layouts too.
Select the Textable so the typing field is visible.
Type in the words you want to use.
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|
Opens a special keyboard that allows you to add accents easily
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.
In order to add cells, you need to hit the "Add Cells" button below your storyboard and choose a configuration.
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.
After selecting the desired configuration, hit “Change Layout” to save your changes.
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.
Click on the “Add Cells” button below the storyboard creator.
Select the new arrangement of cells. The cells that will be removed turn red.
Make sure you don’t have any content that you want to keep in those red cells!
Click “Change Layout” to save the changes
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.
First Click the Move Cells Button
You will see a large blue bar at the bottom of the screen, as in the example below.
Rearrange the cells as you like. Click on a cell to move, then click on its new destination. When you are finished, hit "Done".
Your storyboard is now in a new order.
If you want to make your cells bigger or smaller, you can do that too!
Click on “Cell Size”.
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.
There are four different layouts available for cells:
|Cell with Title|
|Cell with Description|
|Cell with Title and Description|
Changing the layout affects all cells in your storyboard.
To change the cell layout, click on “Storyboard Layout.”
Select one of the four options that best suits your storyboard.
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.
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.”
Select one of the six options that best suits your needs. You’re storyboard will be automatically rearranged.
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.
Did you know there are keyboard shortcuts in Storyboard That? Learning keyboard shortcuts allows you to create storyboards faster.
|Undo||Ctrl+Z or ⌘+Z|
|Redo||Ctrl+Y or ⌘+Y|
|Delete a Shape||Delete Key|
|Move Shape||Arrow Keys|
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.
The option to print a storyboard is available when viewing a storyboard (after saving it).
Press the Print button.
There are several different print layouts available based on your specific needs. Click on the icon that describes your desired output.
- 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
Depending on the option selected, there may be an additional selection of a specific print layout to choose.
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.
The Slideshow feature is very useful for displaying your work directly from the computer screen. You don’t need to download any files!
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
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
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.
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.
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.
First click the “ñ button” to bring up our special key characters
Now click on any character you want to add, and when you are done just click the “ñ button” again to close the keyboard
There are a few changes in how basic features work to support fingers instead of a mouse.
Take one finger and touch an object to select it. After you have selected your object, drag it around to a new location.
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.
In order to rotate objects place one finger on the large blue circle above a shape and move either left or right.
If you could not find what you are looking for, please email us at Feedback@StoryboardThat.com for help.