PowerPoint Tutorial: How to Create Image Maps or Hotspots in PowerPoint?

Knoji reviews products and up-and-coming brands we think you'll love. In certain cases, we may receive a commission from brands mentioned in our guides. Learn more.
Create image maps or hot spots in PowerPoint with this tutorial and describe, for example, the various parts of a device. The step-by-step PowerPoint tutorial includes screen shots.

With this PowerPoint tutorial, create image maps or hotspots to explain the elements of an image. Say, for example, you want to describe each part of a Vernier caliper. Make each part of this device an image map or a hotspot through hyperlinking it to a slide.  When the user moves the cursor over an element or clicks it, the relevant info displays in a slide. It can contain text and graphics.

In interactive PowerPoint presentations or e-learning courses, hotspots lets users explore information on their own.  Use this tutorial to learn how to create image maps / hotspots in PowerPoint.

Step-by-Step Procedure to Create Image Maps or Hotspots in PowerPoint

1.  Start PowerPoint.

2.  Insert a master slide: Click View > Master > Slide Master.

TIP: Why use a master slide? The two reasons are: the image maps / hotspots will be active in all normal slides; the master slide will keep the file size low.

3.  Insert an image: Click Insert > Picture > From File. The Insert Picture dialog appears.

Select an image and click Insert.

NOTE: For this tutorial, I have used an image of a Vernier caliper to describe its parts. The info displays in a box to the right of the image when the user moves the cursor over a part.

4.  Create the first hotspot: Click AutoShapes > Lines. From the menu, select the Freeform tool.

Use the Freeform tool to create a hotspot

Let’s draw the hotspot for an inner jaw of the caliper. Click on a point on the boundary of the jaw. Create additional points on the edges till the last point overlaps the first. Release the mouse. PowerPoint creates the shape and fills it.

Create the points on the boundary of the part to form the shape

The first image map / hotspot created

5.  Create the hotspots for the other elements of the caliper, using Step 4.

6.  Insert normal slides: Click View > Normal to return to the normal mode.

7.  Draw the content placeholder: Use the rectangle tool and draw a rectangle to the right of the image. In this rectangle, you’ll type the text that describes a part.

Create the content placeholder on a normal slide; the image is on the master slide

8.  Create additional slides: Highlight the first slide in the slide pane on the left and press Ctrl+M to duplicate the slide.  Repeat this procedure to insert as many slides you want.

Normal slides created in the slides pane

9.  Type the content that describes the parts: In each of the normal slide placeholder, type the content that describes the part.

Type the content in the normal slides: the content for first slide created

10.  Return to the master slide view: Click View > Master > Slide Master.

11.  Create the Hyperlinks: Right-click a shape and select Action Settings from the menu. The Action Settings dialog appears.

Right-click a shape and select Action Settings

Click the Mouse Over tab.

The Action Settings dialog: Click the Mouse Over tab

Click the “Hyperlink to” radio button.

Click the down-arrow, scroll the window and select Slide. The Hyperlink to Slide dialog appears.

Select Slide from the "Hyperlink to" scroll window

The Hyperlink to Slide dialog

Click Slide 2. Click OK to close the dialog.

Click OK.

12.  Repeat Step 11 and create hyperlinks for each of the shapes.

13.  Remove the fill in all the shapes: Double-click the shape in Slide 1. The Format Autoshape dialog displays.

Click the down-arrow next to the Color field and click No Fill.

The Format AutoShape dialog: From the Color field pull-down menu, select No Fill

Click OK.

The fill in the first shape removed

14.  Repeat Step 13 for each of the shapes and remove the fill.

15.  Return to the normal slide view: Click View > Normal.

16.  Test the hyperlinks: Press F5 to run the slide show.

17.  Move the cursor over each part and ensure it links to the correct slide.

Vernier Caliper Image Credit: ArtMechanic

1 comment

tyron joseph
Posted on Jun 25, 2014