iPhone Storyboard User Guide

Storyboard Projects – Home & Export
Storyboard Projects - iPhone Storyboard User Guide

1. Start by creating a project. Create a new project by tapping on the plus button in the top left hand corner of the navigation bar. Name your project when you see the name popup, and you are done.

2. Project icon, when selected, you will also see function button appear in the top right hand corner. Here you can simply rename, delete or create a PDF document of your storyboard.

3. When you have created at least one project by taping once. Selected the project will be active and tapping again will open it.

Storyboard Projects - iPhone Storyboard User Guide

4. Export button will give you a simple choice of how you would like to grab the PDF storyboard you have created.

iTunes option will save the file locally so you can download it via the iTunes. Once the file is created and saved, you can do this by connecting your iPhone to your computer, in iTunes, select your iPhone, and click on “Apps” choose “Storyboard” in the file-sharing section and grab it from the list.

Dropbox option will show you Dropbox login screen after which you should start the file upload directly to your Dropbox account.

Alternatively if the file is a small enough to email one you can email it right there and then by simply selection email option.

Storyboard Screen – Chapters & Scenes
Storyboard Projects - iPhone Storyboard User Guide

5. Show and hide contents of your storyboard chapters and scenes by tapping the arrow icon on the left hand side.

Storyboard order unravels in the following order: You may have a number of projects and in turn every project is divided in to chapters. Every chapter has a number of scenes with images. Images import or drawn as suited.

6. Add a scene or chapter by tapping a plus icon you will find on the right. In case there are no chapters in your project you will find the plus button on the navigation bar also on the right hand side.

Tapping this you will be presented with choice to create a scene or chapter and give it a name.

7. By holding down on an existing image for 2 seconds you will call up an annotation box. (See #13)

8. To add a new cell to your scene, tap on the next empty icon with a plus in its corner.

Storyboard Projects - iPhone Storyboard User Guide

9. There are four distinct ways to create or import a new image or cell in to your scene. Once you select to add a new image (See #8):

New, this will create a fresh, blank white buckhound canvas for you to scratch on.

Album, will give you a choice to select an existing image on your iPhone from your devises album.

Dropbox, download an image that is stored on your Dropbox account directly creating a storyboard cell. If this is the first time you are using Dropbox within the app you will be first presented with a login screen.

Dropbox is a free cloud file storage service. We love it.

Finally you can use your iPhones camera to create location or environmental images directly, just take a show and that’s it.

Storyboard Projects - iPhone Storyboard User Guide

10. Top right hand corner edit button will set the storyboard scene in to edit mode so you can rename, reorder and remove items as required. Tapping on the button again will take the app out of the edit mode.

11. In edit more you have an option to delete scenes and chapters within your project and reorder these as required by holding down the reorder icon and moving it up or down the screen in to the desired position.

Tip: You can also reorder images by holding and moving them around the scene.

12. Also, in edit mode, taping on the pen icon will let you change the name of the chapter or scene.

Storyboard Projects - iPhone Storyboard User Guide

13. Annotation box: text entered here and saved is displayed under the image when you create a PDF storyboard from your project screen. (See #4)

Painter Screen – Mark-up and Draw
Storyboard Projects - iPhone Storyboard User Guide

14. Edit button will put the last shape placed on the drawing canvas, in to an edit mode.

Tip: You can zoom the canvas in or out by pinching and expanding the screen with two fingers when not in “edit” mode.

You can then move the shape by dragging it around the screen, resize it by pinching or rotate it using 2 fingers in a simple rotating fashion. Pressing the button again will take you out of the edit mode.

15. Tapping on the brush icon will open drawing tool menu. Alternatively, to change the size or transparency of the selected drawing option/tool slide this menu icon up and down to change its size or horizontally to change transparency.

Storyboard Projects - iPhone Storyboard User Guide

16. Color menu, open color swatch and custom color picker menu (See #26)

17. Eraser tool, erases the drawn layer. Change size by sliding the menu button up or down the screen. (See #15)

18. Text type tool: Text size and color are based on the appearance of the menu button. (See #15) To increase the text size, simply drag the menu button up the screen.

19. Saves and flattens or baselines the current image without exiting back to the storyboard.

20. Free flowing brush tool.

21. Open shapes menu. Tip: shapes are based on the appearance of the menu button (See #15) and can be rotated at will (See #14)

22. Clears or erases the drawing layer in full.

Storyboard Projects - iPhone Storyboard User Guide

23. Undo button, tap to undo previous state. Made a small mistake? Just undo the whole step quickly.

24. This back button will take you back to the storyboard screen and give you an opportunity to save before exiting.

25. To customize bush color further tap on the color picker icon. You will then be taken to a screen with a color wheel and a shade slider. Notice the background of the screen turns your selected color. When the right color is picked just tap the select button.

26. Instead of using an extensive color picker (See #25) just pick one of the color swatches for a quicker selection.

Storyboard Projects - iPhone Storyboard User Guide

27. Predefined shapes can be selected and dropped in on to the canvas. To rotate, resize or move around simply tap on the ‘Edit’ button (see #14). Brush size and color are inherited from the menu icon (see #15).