PowerPoint Tutorial: How to Create Image Maps or Hotspots in PowerPoint?
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.
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
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