Adobe Captivate: The Cure for Blurry Zoom Destinations

by Kevin Siegel Follow us on Twitter View our profile on LinkedIn View our videos on YouTube
 
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.

***

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.

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. 
Sign up for this live, online session here.

***

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.

Adobe Captivate: Use Smart Shapes Instead of Text Captions

by Kevin Siegel Follow us on Twitter View our profile on LinkedIn View our videos on YouTube
 
I've written about Captivate's Smart Shapes a few times since Adobe first introduced them. If you want to know what they are, check out this article. If you want to learn how to use Smart Shapes as buttons, I've got you covered. This time I'm going to cover how you can use Smart Shapes instead of Text Captions in just about every development scenario. 
Since Smart Shapes are far more flexible (when it comes to formatting) than standard buttons or text captions, I'd love to see Adobe completely replace text captions and buttons with Smart Shapes down the road (perhaps Captivate 9… 10?). As it stands, standard text captions are used whenever you record a software simulation or enable feedback captions for interactive objects (you can use Hint, Success, and Failure captions for Click Boxes, Buttons, and Text Entry Boxes).
If you'd like to use Smart Shapes instead of Text Captions during the Software Simulation recording process, open Captivate's Preferences dialog box (Edit menu if you're using Windows; Adobe Captivate menu if you're using a Macintosh).

From the Recording group at the left side of the dialog box, select Modes. Finally, for each mode you'd like to use, enable Add Text Captions and Use Smart Shapes instead of Captions. You can select the type of Smart Shape you want to use via the Smart Shape Type drop-down menu.

Adobe Captivate: Use Smart Shapes instead of Captions. 

When you record your next Software Simulation, the standard Text Captions will automatically be replaced with Smart Shapes.

As I mentioned above, you can also use Smart Shapes instead of standard captions when adding Hint, Success, and Failure captions. It's a simple set up (assuming you're using Adobe Captivate 8.1), reopen the Preferences dialog box. From the Category list, select Defaults. Lastly, from the General area, select Use Smart-Shapes for SFH Captions instead of Text Captions.

Adobe Captivate: Use Smart-Shapes for SFH Captions. 

The next time you enable Hint, Success, or Failure captions for an interactive object (via the Properties Inspector), the feedback captions will automatically be Smart Shapes.

Adobe Captivate: Display Success, Failure, and Hint feedback. 

If you'd like to change the shape of the Smart Shape, it's a simple matter of selecting the shape and, on the Properties Inspector, using the Basic drop-down menu.

Adobe Captivate: Change the appearance of the Smart Shape. 

***

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.

Adobe Captivate: Replacing PowerPoint Slides But Keeping the Audio

by Kevin Siegel Follow us on Twitter View our profile on LinkedIn View our videos on YouTube

I received an interesting email from a fellow Captivate developer who was in a bit of a pickle. The developer had imported a 60-slide PowerPoint presentation into Captivate and then added audio to each of the Filmstrip slides.

Just as he was about to Publish his finished project, he was told to use a different PowerPoint presentation. Mind you, it wasn't just that the imported presentation had changed and he needed to update it in Captivate. In that case, all he would have had to do is click the presentation's red "not in synch" icon on the library and the new PowerPoint content would have come into the Captivate project. In this instance, he was given a completely different presentation (the same audio was going to be used, but each slide visual was going to change).

Since the developer had already invested time importing the 60 audio files (files he was going to use on the replacement slides), he contacted me hoping he wasn't going to have to start over from scratch.

The bottom line is he didn't have to start over again and was able to reuse all of the imported audio files. Here's what I instructed him to do:

First, visit the Library and rename the audio files so the name of each audio file matches the slide where it was used. (To rename a Library item, right-click the item and choose Rename.)

Adobe Captivate: Rename Library items.

In the image below, notice that I've renamed my audio files so the names match the slide that's currently using them (slide1Audio, slide2Audio, etc.).

Adobe Captivate: Renamed Library Items.

Next, delete all of the imported PowerPoint slides. Because Captivate projects must have at least one slide, if your project only contains PowerPoint slides, insert a blank slide first (via Insert > New Slide From). Then delete all of the slides except the blank one.

The above step can seem extreme and nerve-wracking because you're deleting all of those awesome slides. But keep in mind you'll be replacing the deleted slides with new slides in just a moment.

Check out the Library. Even though you deleted the slides, the audio files are still in the Library. Notice the Use Count shows a bunch of zeros because none of the audio files are being used.

Adobe Captivate: Unused Audio Files

Import the new PowerPoint slides into the Captivate project (via File > Import > PowerPoint Slides).

Delete the blank slide you added earlier and, as a final step, drag the unused audio files from the Library onto their corresponding Filmstrip slides. 

 
***

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

eLearning: Add Some Character to Your Lessons

by Kevin Siegel Follow us on Twitter View our profile on LinkedIn View our videos on YouTube

Let's face it, some of the eLearning content you are required to create is a bit… shall we say, dry? A tad boring? A teeny bit heavy on the text and short on graphics?

One easy way to spruce up your eLearning content is to add characters (or guides). But where do you find quality images to use as guides? The good news is that both Articulate Storyline and Adobe Captivate offer some awesome, and most importantly, free Characters–out of the box.

Let's take a look at the Character features in both programs. While Characters have been around for several years in Captivate, and in both versions of Storyline, the images below are taken from the most recent versions of both programs, Captivate version 8; Storyline version 2.

Articulate Storyline 2

To insert a Character on a Storyline slide, open a slide and from the Insert tab on the Ribbon, click Character. You'll find two choices in the Character drop-down menu: Illustrated Character and Photographic Character.

 

In the image below, I've selected Illustrated Character, which opened the Characters dialog box. From here, you'll find multiple Characters, Expressions, and Poses.

I found the Expression options particularly cool… plenty from which to choose.

Shown below are Storyline's many poses. And if you look in the lower right of the dialog box, you'll even find three pose directions (Left, Front, Right).

And perhaps my favorite thing about Storyline's Characters is how easy it is to change the appearance of an inserted Character. In the Image below, notice that you can select a Character and totally change it to another character, change its Expression, Pose… even its Perspective. Simply awesome!

If you'd rather work with Photographic Characters, go back to the Character drop-down menu and choose Photographic Characters. As with the Illustrated Characters, you'll find multiple actors and poses.

Adobe Captivate 8

To insert a Character in Adobe Captivate, simply choose Media > Characters.

Similar to Storyline, Captivate's Characters dialog box presents you with several Categories, Characters, and Poses. (In the image below, I've selected a Character and Pose from the Business Category.)

If Captivate's Illustrated Characters work better for you, choose Illustrated from the Category drop-down menu and you'll be presented with four Illustrated Characters and various poses.

If you want to change the Character's pose in Captivate, you'll need to manually delete the Character from the slide and replace it with another (not as cool as Storyline's edit-on-the-fly technique, but perfectly functional).

Note: The Characters shown above aren't limited to Storyline and Captivate. You'll find many of the same Characters in Presenter.

 
Downloadable eLearning Characters

If you're not happy with the selection of characters that come with those programs, you'll find resources on the web offering thousands of eLearning characters. While you'll need to purchase those characters (typically in groups or packs), you are almost guaranteed to find the perfect character to fit within your scene. 

Two companies in particular jumped out when I went on an Internet search for characters: the eLearning Brothers and eLearning Art.

Between the two, the eLearning Brothers is likely the better-known company (orange anyone?). They call their Characters "cutout people," and they've got thousands of them. 

Over on the eLearning Art website, characters are referred to as "people cutout images." And like the eLearning Brothers, there are plenty from which to choose.

Another quick Internet search took me to eLearning.net where I found several free characters.

If you'd prefer stock photography for your eLearning projects, the eLearning Coach has compiled a handy list of resources. 

Lastly, check out AJ's article on free zombie characters… perfect for the season. 

***

Looking for instructor-led training on Adobe Captivate? Check out our live, online, instructor-led Captivate classes. If Articulate Storyline is more your style, we've got you covered there too. 

Adobe Captivate 8: Custom Theme Colors

by Anita Horsley View our profile on LinkedIn Follow us on Twitter
 
When working in Adobe Captivate, it's possible that you will need to use colors that match your corporate brand. In that event, you'll be happy to learn that Captivate 8 allows you to easily create custom Theme colors. And once you've created your Theme colors, you can apply those colors to just about any slide object or learner interaction.

The first step to creating custom Theme colors is to apply a Theme to a project. To do that, click Themes on the toolbar and select any of the available Themes (Captivate provides several Themes out of the box).

Each Theme comes with a collection of Theme colors. You can use those colors as is or customize them. To access the Theme's colors, click Themes and then click Theme Colors.

Adobe Captivate: Access Theme Colors 

Scroll through the list of colors and select any one of the Themes you like.

Adobe Captivate: List of Theme Colors 
To customize the Theme colors, click the Customize button.
Adobe Captivate: Customize Theme Color Button

Click the title of the current color theme and type your own theme name.

Adobe Captivate: Changing the title of a Color Theme 

Click the color swatches to replace the existing colors with your own. (Note: If your company does not have a style guide and you're looking for some guidance when it comes to selecting Theme colors, you may consider using your website colors. You can use the eye dropper tool to match the colors used on your website.)

Adobe Captivate: Eyedropper tool. 

As mentioned earlier, you can apply your custom Theme colors to just about any selected Captivate object. For instance, if you insert a Smart Shape, the Fill area on the Properties Inspector will include your custom Theme colors.

Adobe Captivate: Theme Colors
You can use customized Theme colors on Interactions. There will be a Theme Style option at the right of the Interaction. If you click Custom, you'll have access to Theme colors.

Adobe Captivate: Access Theme Colors via an Interaction
Adobe Captivate:  Theme Colors    

***

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

Free Captivate 8 Update Now Available

Adobe has announced a free update to its popular Adobe Captivate 8 software. The update fixes several bugs and includes some nice enhancements.

To get the update, choose Help > Updates from within the Captivate program. Once the update is installed, your new Captivate version will be 8.0.1.242.

Here's a partial list of what's new in the update:

  • Responsive drag-and-drop interactions
  • Google Maps enabled geo-location support
  • Native app publisher
  • Custom shapes and lines are now supported in responsive projects
  • Streaming video support through embedded code in Web objects
  • Success/Failure/Hint captions in quiz questions can now be replaced with smart shapes
  • Swatches integration in color palette
  • Symmetrical shapes
  • The EXE publish option is back

More information.

Adobe Captivate: Adding Videos to eLearning

by Kevin Siegel Follow us on Twitter View our profile on LinkedIn View our videos on YouTube

You can add several types of video into a Captivate project, including AVI, MOV, and Flash Video (FLV or F4V). To insert a video, open or create a Captivate project and then choose Video > Insert Video to open the Insert Video dialog box. 

Adobe Captivate: Insert Video dialog box.

You have two choices when inserting video: Event Video (typically video that is expected to play on only one slide) or Multi-Slide Synchronized Video (video that is expected to play across multiple slides). Most developers elect to use Event Video since videos that are confined to a single slide are easier to control.

After you've made a decision between Event Video or Multi-Slide Synchronized Video, the next big decision is to load the video from a file that is already on your computer (by selecting On your Computer), or link to the video that is stored on a server (by selecting Already deployed to a web server, Adobe Media Streaming Service, or Flash Media Server).

If you choose On your Computer (which most developers do), you simply Browse to the video that's on your computer or network drive, open it, and the video will be inserted onto the slide. From there, you use the Properties Inspector to set the video's timing and other attributes. It's a clean process with one major drawback: when you publish an eLearning lesson containing video, the resulting output could be quite large. And large lessons take longer to open and view over the Internet than smaller lessons that don't contain video.

Instead of embedding the video in a Captivate project, you lower the size of the project and decrease load times for learners accessing your published content by linking to the videos that are stored on a server.

If you have a web server, you can upload the videos to the server in advance and simply copy/paste the URL to the video into the URL field. Your corporate IT can set you up with a web server or, if you're up to the challenge, you can create your own web server using free media server software.

If you don't have a web server, your server cannot handle large amounts of traffic, or you simply don't want to create your own server, a media service could be the way to go. Generally speaking, media services are servers available in the cloud that house your videos for you. When a learner watches your eLearning content and comes across a video you've added to a slide, the video is streamed from the media server to your learner. There are several pay-as-you-go companies/websites that provide media servers including Adobe Media Streaming ServiceWowzaSubsonic, and Plex.

I'd love to get feedback from you about this topic. I've created a quick poll that asks how you're using video in eLearning and, just as important, where you're storing the videos. You can take the poll here.

See also: Adobe Media Server 5 With Kevin Towes and a review on five of the top-selling media servers.

***
Looking for instructor-led training on Adobe Captivate? Check out our live, online, instructor-led Captivate classes.

Adobe Captivate 8: Watch for Large Cache Folders

I've written about Captivate's Cache folder in the past. In case you aren't familiar with it, a cached version of your project is created in the Cache folder every time you save your Captivate project. The cached projects can make the process of opening, saving and working on a project faster than what one experienced with older versions of Captivate. However, with Captivate 8, developers are complaining about the increased size of the Cache folder.

Those folks aren't imagining things. It looks like Captivate is creating more folders of each project than before. Adobe is aware of the problem and you can expect an update to Captivate that will fix the issue. In the meantime, you should manually backup your projects (to an external drive) and clear the Cache folder at least once a month (by clicking the Clear Cache button).

Adobe Captivate: Clear Cache button

Fundamentals of Designing and Developing Cost-Effective eLearning

When: September 22-25
Where: McCormick Place, Chicago (Part of the Online Learning Conference Certification program)

There are multiple tools available that will let you create compelling eLearning content including Adobe Captivate, Articulate Storyline, TechSmith Camtasia Studio, and Adobe Presenter. But which tool is the best, most affordable option for your needs?

Once you select your eLearning tool, what's next? How do you get started creating your first eLearning content? Once you start, how long is it going to take you to finish? What's the real cost for your effort? Are there hidden costs? How will you be able to measure the effectiveness of your eLearning?

Join IconLogic's Kevin Siegel for an intense, tool-agnostic, hands-on workshop where you'll get a jump start on  building your first eLearning course.

Among other things, you'll learn:

  • Strategies for building effective eLearning
  • The eLearning development process
  • How to create an eLearning script and/or storyboard
  • How to get started on creating eLearning content using Captivate, Storyline, Camtasia or Presenter

More information.