Tips for Seamlessing Importing Photoshop PSD files into Storyboard

Photoshop PSD to Storyboard

This week at Crank we’re taking you back to summer school. But no need to panic. There’s no stuffy classroom, and the subject is cool.

Tips to Easily Import Photoshop PSDs into Storyboard

While it’s already quite simple to import your application’s UI elements from Photoshop into Storyboard, we’ve created a couple of resources that you can refer to while working in Photoshop to make the import into Storyboard even easier. The following quick start reference pages describe the Storyboard application model, how the Photoshop elements map to Storyboard elements, naming conventions, and basic best practices:

Photoshop to Storyboard – Design Tips and Tricks
Importing Photoshop to Storyboard – The Application Model

We also have a video tutorial available that walks you through the Storyboard naming conventions that you should keep in mind as you plan your design in Photoshop.

Give these resources a quick glance before starting your design process to ensure you understand how you will be using your Photoshop elements in your Storyboard application. Understanding where you are going makes it easier to plan how to get there. Woah. Deep.

We are also working on other short tutorials and simple reference pages to help guide you as you build your embedded application GUIs using Storyboard Suite, so stay tuned for more.

Class dismissed!

This entry was posted in Documentation, Storyboard, UI development by Crank Jennie. Bookmark the permalink.

About Crank Jennie

Jennie used to dabble in code, but a love for sentences and the oxford comma lured her to pursue a career in writing and storytelling. Although she works primarily as a writer, she also volunteers as a mentor for organizations that teach girls and women the basics of web design, development, and WordPress. She loves cats.