LoginRegisterSubscribe

Your presentation-development partner … demonstrate and inspire!

Tutorial for Concepts 024 – Keyhole

This is one of those graphics that says a lot without text. The keyhole graphic is fully editable. In fact, there are many ways to format it, which makes it versatile and interesting. There are five versions of the graphic, but this tutorial will show you how to create even more of these graphics with different dimensions without distorting the size of the keyhole (no stretching or pulling the graphic to make it fit).


Customizing the keyholes

Adjust size

Sizing this graphic will become necessary, depending on the size of the template that you are using. It is not a good idea to resize this graphic at all; you should only rescale it (hold the shift key down as you resize). This will prevent the keyhole from skewing and losing it's appearance as a "keyhole." If you still need to make the keyhole graphic larger (as in the case of a wide screen template), you can do so easily.

  1. Place the keyhole graphic on the slide in the precise location you wish it to be.
  2. In PowerPoint 2007 and 2010, you can add rectangles to the sides or top/bottom to fill out the rest of the slide as needed
  3. Group the keyhole graphic (without the keyhole cutout)
  4. Import any photograph you wish to the newly grouped keyhole graphic
  5. The keyhole graphic will accept the photograph as if it were only one field.

 


Color variations

The keyhole graphics in the download have a thick white line, and the fill is set to green. This line and fill formatting is meant only to let you know where the two fields of the graphic are. You shouldn't use a line color with this graphic, so just eliminate that formatting. You can then apply whatever color you wish to the keyhole graphic.

PowerPoint 2007 and 2010 options

You may want to consider a shadow, but it isn't really necessary.  Consider this:  Ute Simon, Microsoft PowerPoint MVP, offers a suggestion for use.  Use the keyhole graphic to "peek at" or "spy on" a the activities in a video "behind the door."  This is now possible if you're using PowerPoint 2010.  Thank you, Ute, for the good suggestion.


3D variations

This probably isn't going to be of use with this graphic.


Shadows

A simple drop shadow will add distance between the outer keyhole graphic and what is behind it.


Gradients, patterns, and pictures

Pictures work particularly well with this graphic. As you can see in the series example, two photographs were used: one for two parts of the keyhole graphic and one for what lies beyond the keyhole. Import the photograph into the keyhole graphic in two steps: one for the outer keyhole field or group (if you add to its size as described above) and one for the keyhole cutout) and one for the keyhole cutout.

  1. Size the photograph to the full dimension of the outer keyhole field/group
  2. Make a duplicate of the sized photograph and send it to the back. This will be cropped and used to import into the keyhole cutout
  3. Cut the original resized photograph so that it is in your clipboard
  4. Click on the outer keyhole field/group
  5. Right-click on the outer keyhole field/group and select "Format Shape"Format Shape" menu
  6. Click on "Fill" in the list on the left side of the "Format Shape" menu
  7. Click on "Picture or texture fill"
  8. Click on "Clipboard" under "Insert from:"
  9. The photograph will be imported into the outer keyhole field/group.

The next set of instructions are to import the missing part of the photograph into the keyhole cutout graphic. You may not wish to use the keyhole cutout, in which case you can just delete it. If you choose to format it, follow these steps:

  1. Send the outer keyhole graphic to the back – this will make the duplicate photograph that you created in step 2 of the above instructions visible. The keyhole cutout should also be visible and on top of the duplicate photograph.
  2. Click on the duplicate photograph and crop it to the exact size of the keyhole cutout. You may wish to turn on the "Snap objects to other objects" in the "Grid and Guides" menu.
  3. After you crop the photograph and while it is still selected, cut it (Ctrl x) so that it goes into your clipboard
  4. Right-click on the keyhole cutout and select "Format Shape"Format Shape" menu
  5. Click on "Fill" in the list on the left side of the "Format Shape" menu
  6. Click on "Picture or texture fill"
  7. Click on "Clipboard" under "Insert from:"
  8. The photograph will be imported into the keyhole cutout.

If these steps are done with precision, the two keyhole graphic fields will match perfectly and a seamless appearance of the photograph will result. At this point you can resize/rescale the second photograph you wish to use and place it behind both of the keyhole graphic fields. At this point you will be ready to add your animation reveals.

Instead of using a photograph, consider using your background. That way it will appear as if the keyhole looks behind your presentation to the inner workings, etc. Format the two keyhole graphic fields as described in the two sets of instructions above. You're simply substituting the first photograph with your template background. If the design elements are separate than your background, go into your slide master and copy the design elements on top of the background image you're formatting as a keyhole. Then layer all of the text on top of everything.


Animations

There are several ways you might consider animating the keyhole to reveal what's "inside." Take a look at the animated example and the video for an idea of what you might want to do. Simple sequential fades might work as well. Review the animation scheme of the animated example. It is better to see the formatting than to describe it.

 

Series that relate to this tutorial:

CN024 – Concept 024 – Keyhole

Possible use example

Links to instructions for getting the framework into your presentation

  1. Determine the best file type for your needs
  2. Download the file
  3. Import the framework into your presentation
    1. Importing a PPT file
    2. Importing a EMF or PNG
Top Share