Get started with Storyboard

Learn the ins and outs of Storyboard at your own pace with these video tutorials.

 

What describes you best?

To select the video tutorial series that is best for your role in using Storyboard, chose from the following.


UI Developer ▸   UI Designer ▸   Project Team Member ▸

 

Getting to know Storyboard

 

 

Interacting with Storyboard

Learn how to import an embedded UI sample project and get to know the major views and flows in Storyboard.

LENGTH: 03:42

Importing a project from Photoshop

Learn how to import a design file into Storyboard from Photoshop to start developing your embedded UI project.

LENGTH: 02:26

Creating actions and events in Storyboard

Learn how to add actions and behaviors to your embedded UI project with the Event Editor and test them out.

LENGTH: 03:25
 

Video tutorial for embedded developers

 

 

Importing a project from Photoshop

Learn how to import a file into Storyboard from Photoshop to start developing your embedded UI project.

LENGTH: 02:26

 

Adding functionality to your UI with Lua scripting

Learn how to modify the values of variables in your application using Lua scripting to add more functionality.

LENGTH: 05:08

 

Understanding the Performance Log

Learn how to measure the performance of your embedded UI application with the Performance Logger.

LENGTH: 03:37

 

Creating actions and events in Storyboard

Learn how to add actions and behaviors to your embedded UI project with the Event Editor and test them out.

LENGTH: 03:25

 

Creating custom events with Storyboard IO

Learn how to use data-driven events to update your project and export your events to a C/C++ Header File.

LENGTH: 06:31

 

Estimating UI memory and storage size

Learn how to see how much memory and storage are included within your Storyboard application using the Metrics View.

LENGTH: 02:49

 

Building an animation from start to finish

Bring your project to life with rich animations. Learn how to create, edit them in the Timeline Editor and preview them.

LENGTH: 05:10

 

Exporting your embedded UI project

Learn how sharing your project with others is easy to do with a number of exporting options for your embedded UI project.

LENGTH: 01:39

 

Generating a UI Design Report

Learn how to collect everything you need to know about your designs look and feel in one single report.

LENGTH: 02:22
 

Video tutorials for embedded UI designers

 

 

Importing UI design files from Photoshop

Learn how to import a design file into Storyboard from Photoshop to start developing your embedded UI project.

LENGTH: 02:26

 

Exporting your embedded UI project

Learn how sharing your project with others is easy to do with a number of exporting options for your embedded UI project.

LENGTH: 01:39

 

Adding events actions and testing in the simulator

Learn how to add actions and behaviors to your project with the Event Editor and test them out using the Storyboard Simulator.

LENGTH: 03:25

 

Reimporting new designs from Photoshop

Learn how to make changes to your project designs and apply a new look without disrupting your application functionality.

LENGTH: 04:00

 

Creating animations in your embedded UI project

Learn how to create animations, edit them in the Timeline Editor and preview them before choosing your target hardware platform.

LENGTH: 05:10

 

Working smarter with UI Design States

Learn how Storyboard Design States makes the development of the design easy to apply the intermittent views of your UI.

LENGTH: 03:54

Need another GUI designer or developer to jump in?

With 25+ years of embedded expertise, our team of designers, developers and engineers have you covered and can jump in to help you with your project any time.

Get Services Quote ▸
crank-software-ametek-stacked-white-1

Accelerating tomorrow's embedded GUI experiences.

Contact Us

1-613-595-1999

info@cranksoftware.com

1000 Innovation Drive Suite 100
Ottawa, ON, Canada K2K 3E7

Sign up for our newsletter on ALL THINGS GUI DESIGN & DEVELOPMENT

©2021 Crank Software Inc. All rights reserved.