eLearning – Page 11 – The Logical Blog

March 27, 2015

Adobe Captivate: Six Ways to Use Voiceover Scripts

by Jennie Ruby

I often point out in my classes on writing eLearning voiceover scripts that a script is necessary so that when you record the audio you don't skip anything, don't stumble, and don't say "um." However, using a voiceover script for eLearning is way more useful than just that.

Let's say for example that your eLearning project will be developed in Adobe Captivate. Captivate allows you to type–or copy and paste–the script into Slide Notes, similar to the slide notes you might be familiar with in PowerPoint. From there, you can use the notes in several different ways.

Adobe Captivate: Slide Notes

First, just as in PowerPoint, you can create handouts that print the Slide Notes along with an image of each slide, like this:

PowerPoint notes.

Second, if you are going to record the voiceover yourself, you can display the notes in the recording dialog box, like a miniature teleprompter, for your ease in recording the audio. At the bottom of the recording window, click the Captions & Slide Notes button to display the notes.

The slide notes.

Third, if you are hiring voiceover talent to record the audio, you can provide the script to that professional, slide by slide, so that he or she can record the audio for each slide separately.

Voiceover scripts

Then, fourth, once you either record the audio yourself or import the recordings from your voiceover talent, you may need closed captioning. Once you have pasted the voiceover script phrase by phrase into the Slide Notes pane, you can create the closed captioning just by clicking a check box.

Adobe Captivate CC's.

And if you have accurately divided the script into phrases as shown above, it will automatically be synchronized with the audio. Below, you can see the yellow markers indicating the closed caption that goes with each audio segment.

Closed captions synchronized

Fifth, suppose instead of hiring voiceover talent and instead of recording the audio yourself, you decide to go with Text to Speech. Since Captivate comes with several high-quality computerized voices from NeoSpeech, this is a viable option. Just as with the closed captioning, creating the Text to Speech from the Slide Notes is very easy. In the Slide Notes pane, you click the TTS check box.

Text to Speech

Then you open the Speech Management dialog box, where the Slide Notes are automatically imported, click the Generate Text button at the bottom, and you've got your voiceover audio.

Speech Management dialog box

And as before, to get closed captions with that, you just click the Audio CC check box.

Sixth, and finally, if you are creating accessible eLearning that is 508 compliant, then the final thing you can do from that one voiceover script is automatically import the Slide Notes to the Slide Accessibility dialog box. This contains the text to be read by screen readers, for those accessing the training through audio only.

Slide Accessibility

So, let me count them up–yep, that would be six (6) ways to use a voiceover script to help in the development of eLearning with Adobe Captivate. By starting with a good voiceover script, you not only create a clear and well-planned audio, but you also save tons of work by using the script to automatically generate any or all of these aspects of your eLearning project.

Are your scripts up to the task? Join me for my afternoon mini course on how to write a good voiceover script.

***
Need more help with your script? Look for our hourly consulting service. We'll help you evaluate, substantively edit, or rewrite your voiceover script to make sure it is up to par.

March 19, 2015

Adobe Captivate: Slow Down Your Speech Agent

by Kevin Siegel

Using Captivate's Text to Speech feature allows you to quickly convert written text to voiceover audio. It's an awesome feature. However, we recently had a client who felt that Paul (that was the Speech Agent we used for the project) spoke too fast. The client wanted to know if we cloud slow him down a bit.

While you might think that controlling the cadence used by the Speech Agent was beyond your control, it's actually really easy. Prior to converting a slide note to speech, just add a bit of code (known as Voice Text Markup Language or VTML) to the text.

For example, if you want a Speech Agent to say I am an awesome person, all that you would normally have to do is write the text in the Notes window, click the TTS check box and then click Text to Speech.

In the Speech Management dialog box, select a Speech Agent and then click Generate Audio.

If you feel like the resulting voiceover audio is too fast or too slow, you can change the speed. In the slide Note, add the following code in front of the text: <vtml_speed value="50">. At the end of the text, type </vtml_speed>.

Click the Text to Speech button and regenerate the audio (the existing audio will be replaced with the new audio file). You'll find that the agent's speed has been cut in half (thanks to the 50 you added as part of the VTML code). You can experiment with the speed values until you find a speed that works best for you and/or your client.

If you'd like to learn more about VTML or see more tags, review the users guide for the VTML Tag Set by clicking here.

***

If you'd like to learn more about eLearning, come hang out in my next eLearning basics mini course. And if you'd like to learn more Captivate, Presenter, or Storyline, we've got a great collection of live, online classes for you.

March 13, 2015

Adobe Presenter: Synchronizing Voiceover Audio with Slide Builds

by Jennie Ruby

Suppose you have hired voiceover talent to record the audio for your Adobe Presenter project. You give the voiceover artist the script. The script is organized by which slide in your PowerPoint presentation each audio segment belongs to. When you get the voiceover recordings back, you just import each segment to the slide it belongs to. When you preview your presentation, everything plays smooth as silk until–there is a click-activated animation on slide 12. Now, as the pre-recorded audio plays, the slide just sits there, and the animation is never activated. Uh-oh.

That's where synchronization comes in. In Adobe Presenter, you can synchronize slide animation with the imported audio in just a few mouse clicks.

Start with the animated slide active in PowerPoint's Normal view. The animation in my example slide is a simple text build, with each bullet point appearing on mouse click.

From the Presenter tab on the Ribbon, go to the Audio group and click the Sync button.

Adobe Presenter: Sync

The presentation opens in Slideshow view, and the Synchronize dialog box opens. At the left, click the green Sync-change timings button.

Adobe Presenter: Sync button.

The audio begins to play, and the Next animation tool becomes available.

Adobe Presenter: Next Animation tool

When the audio mentions the next bullet point, click the Next animation tool to cue the animation.

Click through the remaining animations on the slide, then click the square Stop button.

Now that you have synchronized the audio with the animations, click the Play button to review your work. The slide audio plays, and the animations occur at the points where you clicked. If you are satisfied with the results, click Save. Otherwise, click Discard and try again.

Close the Synchronize dialog box and you'll find that your project now sports perfectly synchronized audio and animations.

Note: You could synchronize a longer audio clip across multiple slides. However, for ease of corrections and updates, the best practice is to have a separate audio clip for each slide.

***

Check out my mini courses on Adobe Presenter. To attend my class, all you need is access to the Internet, Microsoft PowerPoint, and a trial version of Presenter. Find out how easy it is to transform your existing PowerPoint decks into fully functioning eLearning.

March 11, 2015

TechSmith Camtasia: Recording Effects

by Kevin Siegel

When Camtasia developers need to add attention-grabbing visual affects to a software demonstration created using the Camtasia Recorder, the work is typically accomplished by editing the recording in Camtasia Studio. However, using Camtasia's Effects Toolbar, you can add several attention-grabbing visuals while you are recording your video.

Start the Camtasia Recorder. Enable the Effects toolbar by choosing Tools > Recording toolbars and selecting Effects (click the OK button to close the Recording toolbars dialog box).

Create a video by clicking the Rec button on the Camtasia Recorder.
After the 3-2-1 countdown, the Effects tools appear on the Recording toolbar.

Select the ScreenDraw tool to display different Drawing tools. You can select from among frames, lines, highlights, ellipses and even a pen.

At this point, you can use the tools to draw all kinds of shapes on the screen (at the same time that you're creating the video).

Camtasia: Images drawn on the screen while creating a video.

Note: You can erase all of the screen drawings by once again clicking the ScreenDraw tool.

***

March 4, 2015

Adobe Presenter Video Express: Identify Yourself

by Jennie Ruby

I watched a documentary the other day featuring a number of interviews with different speakers. When each speaker appeared for the first time, text displayed near the bottom of the screen to identify the person being interviewed. In fact, when that person appeared again later in the film, the text appeared again briefly to remind the audience who was talking. When you create a self-video with Adobe Presenter Video Express, you can do the exact same thing to identify yourself.

Here's how to add descriptive text to any section of a video:

After you've recorded a video, open it in the Adobe Presenter Video Express editor.

Place the playhead at the point in the video where you want the identifying text to appear. Since this is going to be identifying text, you'll want to place it at the first point where you appear in the video.

At the lower left, click the Branding tool to open the branding pane.

Adobe Presenter Video Express, Branding Pane.

At the bottom of the branding pane, under Lower Third Text, enter your name and job title.

Adobe Presenter Video Express, Lower Third Text.

At the lower right, you can also set how many seconds you want the text to stay onscreen.

When you play the video, the identifying text appears, just like in a documentary. Here I am in my starring role as Human Resources Director, in my upcoming video, A Tour of Headquarters.

Adobe Presenter Video Express, text added.

***
Looking for training on Adobe Presenter? You can't go wrong with our $79 mini courses. Get up to speed in three hours on Adobe Presenter or on Video Express, or sign up for both. Learn more.

March 3, 2015

Camtasia Studio: Animations Made Easy

by Kevin Siegel

When I teach Camtasia, one of the activities that garners the largest "that's cool" factor is how easy it is to animate any object. During class, we not only animate an object, we get it to grow and rotate while it's flying around the screen. Sound awesome? Here's how to do it:

Insert an object onto the Camtasia stage (you can animate anything… in the image below I've added a rectangle callout, added a bit of text and positioned it in the middle of the stage).

Camtasia Studio: A callout added to the stage.

Extend the playtime for the object so it sticks around for a bit (right-click the object on the Timeline and choose Duration). In the image below, I have extended the duration for my callout to 20 seconds.

Camtasia Studio: Duration extension.

Now for the fun part, to animate the object, position the playhead as far left on the Timeline as it will go.

Ensure the object you want to animate is selected and choose Tools > Visual Properties. On the Visual Properties panel, click the Add animation button.

Camtasia Studio: Add Animation button

On the Timeline, the selected object now sports a blue circle. The blue circle is an animation's starting point.

On the Stage, drag the object left to remove it temporarily from the stage.

Camtasia Studio: Object off of the stage.

On the Timeline, position the Playhead 5 or 10 seconds to the right of the first blue circle.

Camtasia Studio: Playhead positioned right.

On the Stage, ensure that the object is still selected and click the Add animation button on the Visual Properties panel to add a second blue circle to the Timeline.

Camtasia Studio: Second animation added.

On the Stage, drag the object to the middle of the Stage.

In the images below, I've added a third animation (and then, on the Stage, I dragged my object to a third position… and I resized and rotated it to boot… if you're following along, you can add as many or few animations to the Timeline as you like).

Camtasia Studio: Final animation added.

To test the animation, rewind the video and then click the Play button on the Video Preview playbar.

Go ahead, say it… that's pretty cool! If you'd like to see a video demonstration of adding animations to a Camtasia project, check out the IconLogic YouTube channel.

***

If you'd like to learn more about eLearning, come hang out in my next eLearning basics mini course. And if you'd like to learn about Camtasia, Captivate, Presenter, or Storyline, we've got a great collection of live, online classes for you.

February 27, 2015

eLearning: Creating a Self-Video with Adobe Video Express

by Jennie Ruby

Adobe Presenter Video Express is a new version of the video software that comes with Adobe Presenter 10. With it you can record a video of both you and your computer screen at the same time. When you open it from the Presenter ribbon within PowerPoint, you can create a video of yourself and your PowerPoint slides. Once you have recorded your video, you can then edit the project to show either your face, the computer screen, or both. Its intent is to allow you to record yourself presenting your slides just as you would to a live audience.

Tips for Improving Your Videos

Set up your camera so that you can look into it as you give the presentation. On a laptop with a built-in camera, this is easy, because as you look at the screen, the camera typically faces you from the top center of the screen.

However, even this placement means that often your eyes will be looking down at the screen instead of up into the camera. If you have to read every word of the script, or if you look at your slides while talking, your eyes will be down the entire time.

Try printing your script landscape, in large print, and tacking it up behind the camera so that you can glance at it and then back to the camera very easily. (Think: teleprompter.)

Better yet, memorize the script, or become very familiar with it, and then just have note cards posted in back of the camera.

If you can purchase professional photography lights, that's a great way to go. With a lower budget, daylight is your best bet–but not direct sunlight. Set yourself up so that you face a window, with curtains or blinds at least partially drawn to even out the light. You may need to supplement the light with some lamps. Make sure there are no shadows or patterns on the wall behind you. The camera's back should be to the window as it faces you.

What is behind you? Some of it will show in the video. A blank wall is best. If there are bookshelves, make sure the books are neat and organized. A potted plant might be a good thing. For specialized topics, you might want a backdrop that relates to the topic. If your office is messy, consider getting a curtain to hang behind you.

Check out my video showing how you can inexpensively set up your office for creating videos.

***
Looking for training on Adobe Presenter? You can't go wrong with our $79 mini courses. There's a three hours on Adobe Presenter and another on Video Express.

February 24, 2015

Adobe Captivate: The Cure for Blurry Zoom Destinations

by Kevin Siegel

Zoom Areas are typically used to emphasize an important area of a slide background. They are especially useful if you want your learner to automatically get closer to a specific area of the screen.

To insert a Zoom Area, click Objects on the Main Toolbar and choose Zoom Area.

Zoom Areas consist of two parts: the area of a background that you want to highlight (Zoom Source) and where the zoomed area of the background will appear (Zoom Destination).

In the image below, I have positioned and resized the Zoom Source over the area of the slide background that I want to get larger.

Then I positioned and resized the Zoom Destination on the slide. Remember, the Zoom Source won't move or resize when the lesson is viewed by the learner… that's the job of the Zoom Destination.

Right away you can see that there is a problem with the image in the Zoom Destination. Because a Zoom Area simply enlarges the Zoom Source, and I've resized the Zoom Destination quite a bit, the image in the Zoom Destination is blurry.

To fix the problem, you'll need a larger version of the image shown within the Zoom Source. In this case, I have the original photo of the handsome male model shown on the screen (in addition to being much larger, it has also been cropped similar to the image in the Zoom Source).

To swap out the blurry image in the Zoom Destination with the better image, double-click the Zoom Destination to open the Properties Inspector. On the Properties Inspector, click Add new image.

Click the Import button and open the larger version of the photo.

Compare the Zoom Destination below with the version above. The quality of the Zoom Destination image is much better.

If you would like to see a free demonstration of this concept, check out the IconLogic YouTube channel.

***

February 23, 2015

Designing Mobile Learning with Adobe Captivate (Free Online Adobe eLearning User Group Event)

Wednesday, February 25, 7:00-8:00 p.m., Eastern
Location: Live, Online… You Can Attend from Anywhere in the World!
Price: Free!

Presented by Joe Ganci

More and more people are using mobile devices to access content. You know this and realize that the mobile world is different than the desktop world. You're ready to take the plunge into designing and developing true mobile learning, but where do you start?

During this session, Joe will explain the pros and cons of including certain instructional design features and show how to design and develop alternatives for those elements that will not work on mobile devices. In addition, Joe will discuss features that you may find advantageous when implementing mobile learning. Joe will also make himself available for questions and answers and hopes you'll weigh in with your own observations and experience!

In this session, you will learn to:

Apply the correct features to a mobile learning design that will also work for desktop.
Avoid features that will cause you problems in your design.

***

Joe Ganci is President of eLearningJoe, LLC, a consulting and training eLearning company located outside of Washington, D.C. Joe has been involved in every aspect of eLearning development since 1983.

February 12, 2015

Articulate Storyline: Recolor Art

by Sally Cox

One of my favorite hidden gems in Storyline 2 is an obscure feature called Recolor Art. It allows you to alter the color of an object within Storyline-not affecting the original art, but merely "recoloring" it within the project.

In my workflow as an Instructional Designer, I create my own artwork in Adobe Illustrator and export as transparent PNGs. This works out nicely, but there are times when I need to create rollovers from icons or buttons. I want to avoid returning to Illustrator to create separate versions. Enter "Recolor Art."

In the image below there are a few examples of icons you might use in your eLearning project. I'll demonstrate how to use Storyline's Recolor Art feature to alter the Hover state, creating a rollover.

To begin, select your artwork (remember, transparent PNGs work best) and open the States panel by selecting the word "States" at the bottom of the Storyline window.

Click Edit States, click New State, choose Hover from the drop-down menu, and then click Add.

You've created the Hover state; now you'll alter the appearance. With the Hover state still open, select the object on your slide. Then right-click and choose Format Picture.

Choose Picture from the menu at the left and then click the arrow next to Preset.

You'll find a number of options for recoloring your art, and you'll see the categories listed above the icons. No Recolor means you see your original image. Color Modes and Dark Variations are the ones that give the best result, for me. Experiment with Brightness, Contrast, and Transparency for different effects.

These are limiting however, so if you want more, go to Blend.

Choose a Color from the Blend section and apply a Blend Mode. These behave just like Photoshop Blend Modes and give you a variety of effects based on the color you choose.

If you don't like what you've done, you can click Reset Picture, or use Storyline's Undo command.

When you're done with Recolor, click Close. Lastly, and most importantly, click Done Editing States in the States panel to save the changes.

Here are examples of before (left) and after (right) applying the Recolor feature to an icon. It can always be removed later, and edited as needed. Any way you cut it, it's a real timesaver!

***

Looking for training on Articulate Storyline? Check out our live, online instructor-led Storyline classes.