How to Create Tooltips in Presenter with SnagIt

Aug92007
Written by Gabe Anderson — Posted in Articulate Presenter

A popular support question and forum topic is “How can I add a tooltip in my training content or allow my users to mouse over a picture or object for more info?”

When you combine Presenter and SnagIt, you can.

First, take a look at my example to see what’s possible:

snag-1956.png

Launch the presentation, then try mousing over people and objects in the photo. Try clicking some of the people and objects, and you’ll find that I also leveraged SnagIt’s link address feature when defining my hotspots.

Here’s how to create your own tooltips in Presenter by leveraging SnagIt hotspots:

Part 1: Capture Your Image & Define Hotspots in SnagIt

First you’ll want to get your hotspot-enabled image ready for import into Presenter:

  1. Use SnagIt to capture your image (or open your existing image in SnagIt Editor).
  2. In the Tasks toolbar, click the Links/Hotspots option under Action.
    snag-1948.png
  3. Select your shape & indicate your hotspot location on your image.
  4. Enter your desired tool tip, popup text (or image), and select your optional mouse hover highlight color.
    snag-1951.png
  5. Save your image as a Flash (.SWF) file (if you started with an existing image in a different format, SnagIt will prompt you to convert to SWF when you save).
    snag-1952.png

Tip: If you want your image to fill the entire slide in your course, set the dimensions to 720×540, which is the slide area in PowerPoint.

(Geetesh also has detailed steps on creating hotspots in SnagIt.)

Part 2: Save Your Image as Flash & Insert in Presenter

Now that you’ve defined your hotspots in SnagIt, it’s time to convert it to Flash and bring it into your Presenter course.

  1. Create a new or open an existing PowerPoint file.
  2. In PowerPoint, go to Articulate -> Insert Flash Movie.
  3. On Step 3 of the Flash Movie Wizard, select the option to Play Flash movie after slide has begun (as you should always do for click and explore movies).
    snag-1959.png
  4. Complete the Wizard & publish your course via Articulate -> Publish.

Join the discussion in the forums.

By the way, make sure you’re not using SnagIt 8.2.0 or Flash hotspots won’t work (it was addressed in 8.2.1).

[ See also: How to Create Tooltips in Presenter with Engage ]

25 responses to “How to Create Tooltips in Presenter with SnagIt”

1

I’ve also used Articulate Engage’s “Labeled Graphic” interaction to create some amazing tooltips within my Presenter courses – complete with narration and additional media. I do like SnagIt as a screen capture tool, but I depend on Engage for the really cool stuff within my Presenter courses.

Sheldon Swimmer // Posted at 4:14 pm on August 10th, 2007
2

I’ve got this to work if I simply publish an unzipped articulate engage project, with a snaggit hotspot swf uploaded as image. However, if I zip the project in articulate, the swf comes up blank. Any ideas?

Thanks

Sandra Charan // Posted at 6:42 am on November 5th, 2007
3

Hi Sandra-

Are you trying to view your published output from within the zip file? You’d need to unzip any project first before you’d be able to view it properly.

gabe // Posted at 4:20 pm on November 6th, 2007
4

[…] See also: How to Create Tooltips in Presenter with SnagIt […]

5

Hi,

Great suggestion. How can we take it further and make the links created in Snagit screens within the Powerpoint presentation rather than external webpages?

-Marc

Marc // Posted at 12:08 pm on May 19th, 2009
6

Hi Marc- Glad you like this suggestion. If you have a published Articulate Presenter presentation on a website, you can link to a particular slide using the “player.html?slide=X” syntax. For example, this link will take you to slide 30 of a demo presentation Tom created for his Rapid E-Learning Blog

gabe // Posted at 2:17 pm on May 19th, 2009
7

Hi Gabe,

Thanks for the info. Your suggestion works, with one bi-product. Using captivate 3, I created a button that has a text rollover, and can be clicked to activate a url as you described. The URL opens a the presentation to the chosen slide, but prior to the slide loading, the loading bar shows as if it’s the first time I’ve viewed the content. So, while this is a good method for linking a person to a page within a presentation from an external source, it is not good for linking to screens from WITHIN the presentation.

Do you have any other ideas?

Thanks,

Marc

Marc // Posted at 5:59 pm on May 19th, 2009
8

I’ve create a hotspot flash pop-up in Snagit, but I’ve some problems viewing the SWF files in Articulate. The file is working perfectly in powerpoint, but as soon as I publish it, I only see a blanc screen (I’ve published it in several ways, but keep seeing a blanc screen)

Carla Steenbeeke // Posted at 7:34 am on June 4th, 2009
9

It appears this would work for a static image but not for annotating a Flash movie.

Tim Morrell // Posted at 8:03 am on July 15th, 2009
10

I’m having the same problem. I createed the hotspot popup in Snagit and saved it as a swf file. When I preview it in Articulate I get a blank screen. What am I doing wrong? BTW, I’m using Snagit 9.

Gwen // Posted at 11:19 am on January 15th, 2010
11

Hi Gwen,

When you import a Snagit SWF file into Articulate Presenter ’09, you will need to choose the “play independent of the slide” option. This enables Presenter ’09 to basically ignore the inserted ActionScript and play it as-is. This should resolve the issues you are having.

Thanks,

Brian

Brian Batt // Posted at 3:35 pm on January 15th, 2010
12

How to keep the hyperlinks AND the tooltips in a ppt 2007 published branching scenario ?
A small example : 3 slides called Home, S2 and S3.
Slide 1 (Home) with 2 buttons “S2” and “S3”.
Slide 2 with one button : Home. Same for slide 3.
In slide Home, when you pass on the button “S2”, the tooltip appears for a short explanation. When you click on button “S2”, you go to slide S2. One click on button “Home” in S2 send you back to the slide Home. Same thing for buttton S2.
Easy ? Already some post about this ?
Thanks for your help !

MisterGodot // Posted at 5:44 pm on July 24th, 2010
13

@MISTERGODOT – there are a couple options for creating Flash type rollovers. Take a look at Tom’s post from last summer: http://www.articulate.com/rapid-elearning/get-creative-and-build-better-e-learning-courses/ Look for the heading titled “Add Rollover Buttons.” for an idea of how to use Flash buttons in Presenter.

We also have a screencast: http://screenr.com/Fxs and forum thread: http://www.articulate.com/forums/articulate-presenter/12955-flash-file-tom-s-8-13-post-get-here.html on the technique.

SnagIt isn’t really designed for working with ActionScript. What you’re trying to do is possible but only through Flash and Presenter SDK.

David Anderson // Posted at 2:28 pm on July 26th, 2010
14

You can link to a specific slide in Presenter by adding some extra code to the end of “player.html”

?slide=2

“2” equals the slide number you want to link to.

http://multimedialearning.com/articulate/flash-buttons/player.html If you click “Community Forums” you’ll see SnagIt can link to another slide. The downside is it opens in a new window. It doesn’t allow for target=_self.

Usually we see people link to specific slides from blog posts as Tom does in this post: http://www.articulate.com/rapid-elearning/10-tips-on-using-tables-in-your-e-learning-courses/

You can click through his samples and see that text links from his blog open Presenter at specific slides:

http://www.articulate.com/community/blogdemo/ways-to-use-tables/player.html?slide=3

david anderson // Posted at 2:33 pm on July 26th, 2010
15

Hi David,

I will explore all, even how to create your flash background !
Thanks a lot !
Mistergodot

MisterGodot // Posted at 12:28 pm on July 28th, 2010
16

Hi Mistergodot – You can also create buttons in Flash that hyperlink to specific slides.

Here’s a forum thread with screencast and source files on the process:

http://www.articulate.com/forums/articulate-presenter/18094-flash-rollover-buttons-hyperlinking-slides.html#post84228

David Anderson // Posted at 2:13 pm on July 28th, 2010
17

I have created the rollover effect as described but cannot get the tooltip to appear in the published slide. It appears in the sang-it editor.
What have I left out?

Steve

Steve Lyne // Posted at 12:44 am on October 18th, 2010
18

It is actually the pop-up that is not appearing. And that should have read “SNAG-IT”.

Steve Lyne // Posted at 12:47 am on October 18th, 2010
19

Hi Steve- you’re saving your tooltip file as a SWF, right? You could upload it for us to review, if you’d like.

gabe // Posted at 10:49 am on October 18th, 2010
20

I followed the directions and created rollovers for a course I am developing. I published it in Articulate Presenter. When I play the course and go through the slides with the rollovers, it will expand the size of the slide and the user can no longer see the navigation buttons at the bottom. Do you have any idea what is causing this? Thank you.

Debra // Posted at 10:15 am on October 28th, 2010
21

Hi Debra- I’m not sure what could be causing that, but could you please submit a support case with additional details, and we can try to assist?

gabe // Posted at 2:57 pm on October 28th, 2010
22

Hi: I’m having an issue using SnagIt to create rollovers. I open an existing image into SnagIt, add the hotspots and save as .swf. When I Insert Flash Movie into Powerpoint slide using Articulate, the .swf displays as small image in upper left of slide. However, it looks fine when previewed in Articulate. It looks odd in PowerPoint-what am I doing wrong? Thanks!

Bob // Posted at 3:09 pm on January 6th, 2011
23

Hi Bob- not sure I follow the issue. So it looks fine when you preview via Articulate Presenter, but not when you publish? Could you please submit a case for us to review?

gabe // Posted at 5:01 pm on January 6th, 2011
24

This is a fantastic tutorial, thanks for posting it! I knew there had to be some way to get this to work that didn’t involve complicated script writing/editing. Whew!

Pam // Posted at 2:49 pm on October 14th, 2011
25

@Pam: Thanks! Glad it’s useful.

gabe // Posted at 5:11 pm on October 14th, 2011

Comments are closed on this post. Need more help? Post your question in the E-Learning Heroes Discussions.

Recent Comments