Putting That New Template to Use in Storyline 2

Josh Stoner | 05/21/2015

The Articulate community is brimming with resources, like templates, in order to ease the building of screens for eLearning courses by speeding up the development process, establishing consistency and inspiring new designs and techniques for future courses.  With so many options, it is only right to share some tips on how to transform these templates quickly.

After you have downloaded your template, simply double click your downloaded .story or .storytemplate file and begin using it in Storyline 2 right away.  If your template is a .storytemplate file, it will automatically present an overlay window.  Select the screen or screens from the template you would like to import into a new blank project.  

(Designer’s Tip: Hold the Ctrl key while clicking on multiple slides to select more than one for importing to a scene.)

After importing the screen(s) you can begin customizing the look applicable to your project by adjusting the colors and fonts from the design panel under the Design tab.  It is helpful early on to refine the project color theme and default fonts globally when tweaking and adding in your own components.

New_Template_blog_2       New_Template_blog_1

Most templates make use of imagery and icons, so when you need to swap out images from a template to your own, you can easily right-click on a graphic and select the “Change Picture” option. It is important to note that this works best if the new image is in a relative aspect ratio as the original image you are replacing.  Sometimes, it may be easier to import all your images using the Ctrl+J (insert picture from file) shortcut key combination.

New_Template_blog_3
Since many templates already contain the triggers and layers for the interactivity, most of your development effort can now focus on the content and visuals for the courses.  If at any time you want to extend the functionality beyond what was originally developed (i.e., more layers or buttons), simply duplicate (Ctrl+D) items or copy and paste layers to speed up the process, rather than creating the elements from scratch.

If you would like to reuse a customized template in other projects, you can ‘save as’ for the project to the \My Articulate Projects\Storyline Templates directory and select the .storytemplate extension under the “Save as type” dropdown.  

New_Template_blog_4 

When using templates, it is important to remember that you do not need to remain fixed to the original designs.   Templates offer you a convenient baseline for speedier development workflow, allowing you to integrate your own content into a fully functional design.  Templates can be a good influence in sparking  creativity for course building while influencing thematic consistency. Utilize those templates as a skeleton for your next project and customize them to best suit your course needs.

Quick transformation example (20-25 min transformation):

New_Template_blog_5New_Template_blog_6

 New_Template_blog_7New_Template_blog_8

 (Original above – Nicole Legault from Elearning Heroes)

New_Template_blog_9New_Template_blog_10

New_Template_blog_11New_Template_blog_13

 

Josh Stoner

Josh is a Content Developer with Cursim