The Logical Blog by IconLogic

Articulate Storyline: Action Fine Tuning

Storyline does a great job recording software simulations. During my vILT beginner Storyline classes, we cover all of the recording modes and the many options.

Once you've recorded a simulation and added it to a scene, you will likely notice that Storyline captured too much. In a recent recording, I noticed that Storyline showed the student where I clicked by highlighting the menu item. I was okay with the menu item being shown when demonstrating the steps. However, in the "let me try" version of the course, I didn't want the learner to see the "click hint."

This is the perfect use case for Storyline's Action Fine Tuning.

Right-click the slide that needs to be tuned and choose Action Fine Tuning.

In the Capture Action Fine Tuning dialog box, click the Previous Frame button to remove the unwanted click visual.

Click the OK button, and you're done.

Check out this short video I created and posted to YouTube to see how the Action Fine Tuning feature works.

Looking for Storyline support or mentoring? We've got you covered: https://www.iconlogic.com/consulting-mentoring-services.html.

Articulate Storyline 360: Integrated Comments

I updated my Articulate Storyline 360 a few days ago to version 3.79.3092.0 and was pleasantly surprised to see an improvement to the review workflow...review comments that appear directly within the Storyline project.

Publish your project to review 360.

Return to the Storyline project and notice that there's now a Comments window.

Click the Review Request button.

Add your reviewers and click the Send request button.

Your reviewers will receive a review invitation email, as shown below.

Reviewers click the Go to Review 360 button and add comments as shown below. When done, reviewers click the I'm done reviewing button.

The review comments appear in the Comments window within Storyline.

If you're looking for Storyline training, support, or mentoring, we've got you covered with our vILT classes, books, and development services.

Articulate Storyline 360: Background Audio Now Supported

Earlier this month, Articulate released an update to Storyline 360 (build 3.74.30180.0) that allows you to include background audio in your published eLearning project. 

To add background audio to a Storyline project:

1. Ensure you have the latest update. (To get the latest Storyline update, start Articulate 360. If there's an update available for any of the tools that make up the Articulate 360 suite, you'll be alerted via a drop-down menu to the right of the application name.)
2. Open a Storyline project and open a slide.
3. Go to the Insert tab on the Storyline ribbon and click the Audio drop-down arrow.
4. Hover over Background Audio and choose Create Playlist to open the Background Playlist window.
5. Click the Add Audio icon (the plus sign) and select Audio from File or Media Library to upload your audio. (Note: You can import the following audio formats into Storyline: AAC, AIF, AIFF, M4A, MP3, OGG, WAV, and WMA.)

Your playlist can contain as many audio files as you like. From the Playlist Settings area, it's ideal to fade the music in and out. From the Slide-Related Settings area, lowering the background audio if there's competing audio added to an individual slide is also a great idea. You'll need to experiment with the exact percentage for lowering the audio. In my experience, the default 50% setting isn't always enough. To avoid distractions, I've found that lowering the background audio by 80% or more works best.

If you need to remove audio from the playlist, select the audio from the list of tracks and click the Delete button (the trash icon).

Looking for Storyline training, development support, or mentoring? We've got you covered with vILT classes and one-on-one support.

Articulate Storyline 360: Indexing Scenes

When I teach my vILT Articulate Storyline 360 classes, we tackle scene creation right away. As the project grows and more scenes are added, students quickly realize that the scene numbers can get out of numeric order. For instance, scene 6 might end up becoming the starting scene and be listed first in Story View, scene 4 might be the next scene, followed by scenes 3, 5, 1, and 2.

In the example below, notice that the third scene is numbered 2, and the second scene is numbered 3.

I've never been bothered by scenes that are out of numeric order. However, I know that this bothers other Storyline developers. The Index tool allows you to quickly renumber your scenes.

Here's how it works. I've selected the last scene in the image below, titled Second Scene.

I want the selected scene to be treated as the second scene by Storyline and assigned the number 2.

On the Home tab of the Ribbon, Scenes group, I clicked the Index tool drop-down menu and selected 2. Remember, just previous to this, I selected the third scene. By choosing the number 2 from the Index menu, I'm telling Storyline to change scene number 3 to scene number 2.

And here's the re-indexed scenes. Note that non of the slide-to-slide jumps have been negatively affected by reindexing vs. cutting and pasting scenes.

Check out this short video to see the Index feature in action.

Articulate Storyline 360: Beyond the Essentials (Third Edition) Now Available

My latest and greatest is now available on amazon.com: "Articulate Storyline 360: Beyond the Essentials (Third Edition)."

This version of the book has up-to-the-moment lessons that support the newest Storyline 360 build including virtual reality (360-images) and screen recordings (interactive software simulations).

eLEARNING DEVELOPMENT: Dude, Watch Your Aspect... Ratio!

When creating eLearning in TechSmith Camtasia, Adobe Captivate, or Articulate Storyline, one critical consideration is the physical width and height of your project (also known as the canvas size).   The size of the project is measured in pixels and if you don't get this right from the start, changing your mind later could lead to some unintended consequences. (Objects being resized out of proportion is one of the biggest concerns.)   When I teach any of my eLearning courses, I encourage learners to consider their end-users when determining the size of the canvas. These days, most users access eLearning content on anything from a desktop computer to laptops to mobile devices such as tablets and smartphones.   In my experience, most devices used to view eLearning are shaped more like rectangles than squares. For that reason, I think the eLearning canvas should be set up to use a 16:9 aspect ratio as opposed to 4:3.   The aspect ratio of an eLearning canvas designed to be viewed on its side, or in landscape mode, is the ratio of its longer side to its shorter side. If you go with a 4:3 aspect ratio (4 pixels across for every 3 pixels in height), you're working with a shape that is tending toward a square. If you go with 16:9 (16 pixels across for every 9 high), the shape is very much a rectangle.   Once you decide on the shape of your canvas (again, 16:9 is a strong rectangle shape), the exact size you use depends on your design and/or the needs of your users. Both 1024x576 and 1280x720 are 16:9 ratios. (Here's a handy list of 16:9 aspect ratios.)   So how do you ensure your aspect ratio is a 16:9 aspect ratio as opposed to 4:3. Read on!   Because eLearning often begins in Microsoft PowerPoint, let's start there. Go to the Design tab on the Ribbon and, from the Customize group, change the Slide Size to Widescreen (16:9).

In TechSmith Camtasia, click the drop-down menu just above the Canvas and choose Project Settings. From the Canvas Dimensions drop-down menu, choose a size from the Widescreen group. All of the sizes in this group are set to an aspect ratio of 16:9.

In Articulate Storyline, the default aspect ratio for new projects is 4:3. Go to the Design tab on the Ribbon and, from the Setup group, click Story Size.   From the Story Size drop-down menu, choose 720:405 (16:9) and then change the Width and Height as needed. Select Lock aspect ratio to ensure you're maintaining a 16:9 aspect ratio as you change the size.

In Adobe Captivate, when creating new projects, select Blank Project and then, from the Canvas drop-down menu, choose an appropriate 16:9 aspect ratio. If you need to change the size of an existing project, choose Modify > Rescale Project and change the Width and Height as appropriate.

***

Looking for training, consulting, mentoring, or development on all things eLearning? We've got you covered. Give us a call at 877.754.2662. You can learn more about our eLearning classes on the IconLogic website.

ARTICULATE STORYLINE 360: Text-to-Speech to Final Voiceover

While working on a recent eLearning project in Articulate Storyline 360, there was a delay in getting the voiceover audio back from our voiceover professional. The dealy was particularly problematic because several slides had image builds that had to be synchronized with the voiceover audio. While these kinds of delays are common, they don't need to derail the entire development process.   To keep the project moving forward, I copied the voiceover script into the Notes window on each Storyline slide.

Next, I opened Storyline's Text-to-Speech window by going to the Insert tab on the Ribbon and, from the Media group, choosing Audio > Text-to-Speech.

From within the Insert Text-to-Speech window, I clicked the Copy From Slide Notes button. The voiceover script text that I had previously pasted into the Notes window was added to the Text-to-Speech window.

From the drop-down menu at the left, I selected English (US); and from the next drop-down menu I chose a voice. I was then able to listen to a sample of the voice by clicking the icon to the left of Preview Voice.

Once I'd settled on a voice that I liked, I clicked the Insert button to add the audio to the slide. (Inserted slide audio appears as an audio icon at the left of the slide.)   To preview the finished Text-to-Speech audio, I right-clicked the audio icon and chose Preview Audio.

Thanks to the Text-to-Speech audio, I had a reasonable placeholder for my finished audio and I was able to move forward with adding and synchronizing the animations.   When the audio finally arrived from my voiceover talent, all I needed to do was replace the Text-to-Speech audio with the "real" audio. On the Timeline, I right-clicked the Text-to-Speech audio file and chose Replace Audio > Audio from File.

Using Text-to-Speech as a placeholder for finished voiceover audio wasn't a perfect process. Because my voiceover person spoke a little slower than the voice I selected in the Text-to-Speech window, I did have to go back and tweak the timing for some of the animations. However, this was a small price to pay to keep the project on track and on budget.

***   Looking for Articulaste Storyline 360 training? Check out these live, online, instructor-led training classes (all Guaranteed to Run).

***

Kevin Siegel is the founder and president of IconLogic, Inc. He has written hundreds of step-by-step computer training books on applications such as Adobe Captivate, Articulate Storyline, Adobe RoboHelp, Adobe Presenter, and TechSmith Camtasia. Kevin spent five years in the U.S. Coast Guard as an award-winning photojournalist and has three decades’ experience as a trainer, publisher, technical writer, and eLearning developer. Kevin is a Certified Master Trainer (CMT), Certified Technical Trainer (CTT+), Certified Online Professional Trainer (COTP), and a frequent speaker at trade shows and conventions.

ARTICULATE STORYLINE 360: Recolor and Crop Content Library Images

During our beginner Articulate Storyline classes, we emphasize the importance of using images in a project instead of relying on dense, text-heavy slides. Of course, finding good images can be a challenge unless you are a subscriber to Articulate 360. Subscribers have access to an millions of assets in the Content Library loaded with downloadable Characters, Illustrations, Icons, Videos, and Photos.   While recently working in Storyline, I was in need of a photo of a horse. The project I was creating was about horse health and I was specifically looking for a horse showing as many teeth as possible. (The wider the grin, the better.)

I visited Storyline's Insert tab on the Ribbon and, from the Content Library, I clicked Photos.   From within the Search Photos dialog box, I typed horse teeth and I was pleasantly surprised when several candidates appeared. (Given that I was needing horse grins, I wasn't expecting even a single decent photo to appear and was fully prepared for a trip to a photo-supply website.)

I selected the photo shown above at the right and then clicked the Insert button. By default, the photo was inserted in the middle of my slide.

The other images I'd used throughout the project were black and white and I wanted to keep that theme. Unfortunately, the computer I was using did not have an image editing program. No worries, you can recolor an image without leaving Storyline.   I selected the Picture Tools tab on the Ribbon, clicked Recolor, and selected Accent color 3 Dark.

I also needed to crop the image. That wasn't a problem either. At the right of the Picture Tools tab, I clicked the Crop tool.

I dragged the cropping handles from both corners to crop everything out of the image except those awesome teeth.

And here's how the finished image looked on the slide.

***   Looking for Articulate Storyline 360 training? Check out these live, online, instructor-led training classes (all Guaranteed to Run).

ARTICULATE STORYLINE 360: New Trigger Workflow

If you want to make something happen in Articulate Storyline, Triggers are everything. They're so important to your success in Storyline that we cover them beginning in the opening minutes of our Storyline Beginner class and continue to teach them through the end of the Storyline Advanced class.   A recent Storyline 360 update from Articulate has taken what was already a pretty nice trigger workflow and made it even better. In this article we'll take a quick look at the new workflow. (If you'd like to explore the new workflow, download the latest build.) You can check your version of Storyline via Help > About Storyline. The new trigger workflow can be found in build 3.33.20625.0 or later.

The new trigger workflow will be on by default. However, you can elect to stick with the old, Classic workflow if you prefer. To switch between the new and Classic workflows, choose File > Storyline Options.

Select the Features category and then select Use the new, faster trigger workflow. (You will need to restart Storyline to switch between modes.)

In the image below you can see the classic Trigger Wizard. As I said at the start, I think the wizard was already pretty easy to use. If I had any complaints at all it was with the need to take a few extra clicks to create a Condition. (As you can see, there's a Show Conditions button which leads to a second screen where, after a few clicks, the Condition gets created.)

The new Trigger Wizard, shown below, streamlines/groups things quite nicely. Tops among my favorites is that Conditions have been moved up in the workflow (there's no longer a big button to click that leads to a different window).

When you select Actions (by clicking the link to the right of the word Actions), the options are grouped into appropriate categories, making specific actions easy to find.

The Triggers panel also received a facelift in the new build. Chief among the enhancements is the ability to Disable (you no longer need to delete and recreate individual triggers... with a quick click you can disable them) and Group (when triggers are grouped, you can make a single edit to change the event that triggers all the actions).

If you're still working with developers who are using Storyline 3, there's no worries about the new workflow causing trigger issues. According to Articulate, "The new trigger workflow is fully compatible with the classic workflow in all builds of Storyline 360 and Storyline 3, so you can share a project file with other authors no matter which version of Storyline they’re using. When you disable a trigger in the new workflow, that trigger is present but hidden in the classic workflow in Storyline 360 and Storyline 3."   You can learn more about the new trigger workflow on the Articulate website.

***   Looking for Storyline training, consulting, mentoring, or development? We've got you covered. Give us a call at 877.754.2662. We've got an awesome collection of live, online classes. You can learn more here.

ARTICULATE STORYLINE 360: The Awesomeness of the Media Library

Have you ever had this happen to you? You insert an image into your Storyline project and then sometime later you decide to use the image on another slide. However, your project is large (multiple scenes and slides) and you're having a hard time finding that pesky image. How about this one? You're making your project accessible for learners with disabilities. You're pretty sure you added alternative text to a specific image but now you're doubting yourself. Is there a quick way to check? Or perhaps you've used an image in a project and someone on the team wants to use it too. Is there a quick way to share the image?   If you add images, characters, audio, or video to your projects (I think that covers all eLearning developers, everywhere), you'll love Articulate Storyline 360's Media Library (View tab > Views group).     The Media Library displays a list of all of the project's assets grouped on tabs for Images, Characters, Audio, and Video.     I love the ability to select an image and, from the right of the Media Library, add Alt text (for accessibility) and notes. You can also see where the image has been used throughout the project and add the same accessibility text to all instances of the image.     You can also import assets directly into the Media Library and export any asset (so it can be shared with team members).     ***   Looking for Storyline training? Check out these live, instructor-led classes. *** Kevin Siegel is the founder and president of IconLogic, Inc. He has written hundreds of step-by-step computer training books on applications such as Adobe Captivate, Articulate Storyline, Adobe RoboHelp, Adobe Presenter, and TechSmith Camtasia. Kevin spent five years in the U.S. Coast Guard as an award-winning photojournalist and has three decades’ experience as a trainer, publisher, technical writer, and eLearning developer. Kevin is a Certified Master Trainer (CMT), Certified Technical Trainer (CTT+), Certified Online Professional Trainer (COTP), and a frequent speaker at trade shows and conventions.