From Photoshop PSD to iOS application

The best tool for any job is the one that allows you to work most efficiently and effectively, and when it comes to creating stunning graphics and interfaces, Photoshop is the design tool of choice for many user interface (UI) designers. In traditional application development, designers create original UIs in Photoshop and then hand them off to developers who are tasked with recreating the original design with a different tool or framework. This disconnect can lead to developers spending countless hours trying to skin the application to look like the original PSD file. In many cases the final application UI isn’t brought to life as intended by the UI designer. Storyboard Suite removes this disconnect and makes the transition from design to development easier and faster. The Photoshop import feature allows you to easily import a PSD file and begin working immediately with all your graphics and layers already in place. Check out this video to see how quickly you can move from a PSD file to an application that is ready to run on an iOS device.

Supporting iterative interface design

In the (very likely) event that the application doesn’t look exactly the way you want the final product to appear the first time your run it on your device, the Photoshop Re-import makes it simple to refine the graphics and layers in Photoshop and re-import them back into Storyboard.

Want to try out Storyboard Suite for yourself to get a first-hand experience? Check out our 30-day Storyboard Suite evaluation.

Storyboard Suite at Car HMi Concepts & Systems 2014

HMi2014
Cars driving by themselves. In-car gaming and entertainment while avoiding distraction. Voice recognition to allow us to have conversations with our cars about route navigation and weather. Mobile device integration with car systems.

Automotive UI Development by Crank using Storyboard Suite

All of this and more was discussed at Car HMi Concepts & Systems in Berlin, and with user interface (UI) design being a major theme through all of the topics at the show, Crank will was there to take part in the conversation. Crank Storyboard Suite has been the UI tool of choice behind many automotive projects, and we continue to innovate our tools and services in support of building rich HMIs for automotive.

kitt-315-b-1207Our booth included demos of automotive applications built with Storyboard Suite. We didn’t bringing canned, prerecorded demos of Storyboard, however, we showed how intuitive and fast it is to take existing designs from Photoshop, import them into Storyboard, and turn them into functioning application prototypes on a target device.

Check out a demo of Crank’s Storyboard Suite in the QNX Concept Car

 

Crank Storyboard Suite making the rounds at Telematics Detroit 2014

Telematics2014

Crank was on the exhibition floor at Telematics Detroit 2014. The event was abuzz with conversations around design innovations, safety in infotainment, life/car integration and more. And let’s not leave out IoT. The “Internet of Things” is bound to come up once or twice with car connectivity a topic at the forefront.

telematicsCrankBooth

The calm before the storm…

Live Demo of Storyboard Suite to Designers and Developers of UIs for Automotive Applications

We provided a live demo of Storyboard Suite to see first-hand how quickly you can take your designs from Photoshop, import them into Storyboard, and turn them into functioning prototypes in minutes. Also, we brought along some tech gear to show off embedded UIs created with Storyboard running on a variety of target devices, including:

Also, if you visited the TI booth, you were able to check out the demos of Storyboard on QNX and a Green Hills Software INTEGRITY cluster. The fact that we’re showcased on so many operating systems and hardware devices really speaks to Storyboard’s portability.

Storyboard Suite 3.2.1 by CrankDownload a free 30 day evaluation of a fully functional version of Storyboard Suite now. 

Start your (embedded) Engines! Storyboard Suite 3.2.1…GO!

Our Storyboard Suite 3.2 release last year was packed full of new features for the design, embedded engine and browser. Now that it has been “in the wild” for 6 months and customers have been using it to create user interfaces (UI) for their embedded applications, we’ve been getting great feedback about which features users love, which ones could benefit from a little refinement, and which new features would be helpful to respond to embedded UI design pain points. We value the comments and questions we get from our customers, because it provides us an opportunity to make Storyboard better and to constantly fine tune the experience of building UIs for embedded applications.

SB_3.2.1We are excited to announce the release of Storyboard Suite 3.2.1, available now

While Storyboard Suite 3.2.1 won’t make coffee for you (although you could use it to build a wicked UI for a coffee machine), we have added the following support and enhancements:

  • Storyboard QNX 6.5 runtime has been validated against the most recent QNX 6.6 release
  • Keycode support for non-visible keyboard keys such as function and arrow keys
  • Improved Polygon rendering
  • Added termination events for built-in table scrolling
  • Improved animation scaling
  • To facilitate working with multiple PSD files for different elements of an application design, we’ve added the option for users to add a namespace prefix during the Photoshop PSD File import
  • Embedded C Header Export supports all project resources, such as fonts, images, and scripts
  • Refined model comparison algorithm significantly improves the merge experience

If you are a current Storyboard Suite customer, you can update to 3.2.1 directly from Storyboard Designer.

If you aren’t a current customer, sign up for a free 30-day evaluation of Storyboard Suite. This isn’t a watered-down version of Storyboard. It’s a fully-functioning version to provide you the opportunity to use the breadth of Storyboard’s features to build UIs for your embedded projects.

Storyboard Suite 3.2.1 by CrankDownload a free 30 day evaluation of a fully functional version of Storyboard Suite 3.2.1 now. 

New look for Crank’s Website – Same great embedded GUI tool

New SiteWhy yes! We DID get a new look for Spring 2014. Thanks for noticing!

We’ve been pretty busy lately redesigning the Crank Software website, and it’s not just a fresh coat of paint and new curtains. We changed the design, but we also paid special attention to making it easy for you to find the content on our embedded GUI tool that matters most to you. Because we’ve moved a few things around, here are some of things we think you might be interested in or looking for:

Storyboard Suite Trial Version

We are still providing a full-featured 30-day trial of Crank Storyboard Suite to give designers and developers an opportunity to use Storyboard to build awesome user interfaces for their applications. Watching videos and reading web copy can educate you about product features, but getting your hands dirty is the only way to truly evaluate a tool to see what you can do with it. And because Storyboard helps you create and deploy quickly, you can build a lot in 30 days.

Once you have Storyboard, you’ll want to check out some of the following resources…

Crank Software Video Library

When I wanted to learn how to fix a toilet (wait, what?!), the great Google gave me 40 million search results. 10 million of those were videos. Many people learn new things by watching someone else do them first. A YouTube video turned me into a “plumber” in 6 minutes. While we can’t show you how to fix your toilet, we sure do know a lot about building UIs for embedded applications with Storyboard. We know that designers and developers often flock to videos and tutorials to learn more about products and features, so we’ve been working hard to build up the video library for embedded GUI tool features on our website. Make sure to check back often as Fancy Dan continues to build new sweet videos.

Here are a couple of our most watched videos:

Literature – All Things Written on Storyboard Suite

Customer stories, whitepapers, articles and guides to get you up and running quickly - we got ‘em. We’ve organized all of the written content on our site to make it is easy for you to find what you are looking for. We’ve also got some great new customer stories to share in the near future, so check back for those. It’s fun for us to see what customers have built with Storyboard and tell the world about it.

While most of our website has changed, some of our heavily-used pages remain as is, such as the Forums and Product Documentation.

The site is still new, so if you are looking for something and can’t find it, contact us and we’ll be happy to help you find what you are looking for.