Storyboard Creator Help
One Page Cheat SheetDownload a printable guide to getting started.
Many characters, scenes, 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 six 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 chooser 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.
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!
Select an image and click "Edit".
In the example below, the image selected is a scene that has been cropped.
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.
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.
The "Edit Scene" button will open a popup with the different options for that particular scene. Some scenes have more options than others.
Click on the options on the left and a preview appears on the right. When you are happy with the selection, click "Update Scene".
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 as well. 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, and those objects will only have the blue circles in the corners.
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|
|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|
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 for greater customization.
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.
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.
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 image forward by one layer|
|Send to Back||Sends image all the way to the back layer|
|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.
Click on the "Layers" drop-down and select "Lock Position". Use this feature to lock the selected character, item, or scene in 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!
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.
Select character/object to crop and select the crop symbol from the menu.
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.
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.
Click "Crop Image" to save your changes. Your image is now cropped!
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 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. If you wish to apply a filter to multiple images, use Shift and click to select more than one image.
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!
Get a preview of the look of these filter styles below:
Select more than one object at a time by highlighting the images you want.
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!
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|
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.
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||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)|
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 three 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 / Delete 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 a Row” or “Add a Column” link to expand the view.
After selecting the desired configuration, click “Update Storyboard” 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 / Delete 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 “Update Storyboard” 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.
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.
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.
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".
All customizations, such as color and pose, will remain the same. Make adjustments to the new cell as needed.
If you want to make your cells bigger or smaller, you can do that too!
Click on “Advanced Tools”.
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 you originally selected.
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 eleven 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!|
|Chart||The chart is just like the grid, but the row title boxes are placed vertically.|
|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.|
|Cycle||The cycle layout is good for recurring processes.|
|16x9||While the 16x9 layout is intended for use with film and video planning, use this layout whenever you want a little more room.|
|Worksheets / Handouts||Use this paper sized layout to create printables for classroom or business use, or for some extra space for full page stories.|
|Posters||The poster layout is great for creating large scale scenes or poster projects. Select from two sizes of posters.|
To change the storyboard layout, click on “Storyboard Layout.”
Select one of the 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.
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. 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 Slide Show 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 by 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 the "View All Options" button under your storyboard.
Then, click on the “Embed” link and copy the code snippet.
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 keyboard.
First, click the “ñ” button to bring up our special 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.