In this blog, I have used variations of “zooming and panning” to present an overview of a system, process, etc., followed by detailed views of its components. Check out my post on making screenshots work, for example. The two “Prezi-style Powerpoint” posts (here and here) also demonstrate these techniques.
To make these animations a little more engaging, I created two variations on a magnifying glass effect.
Here’s the first one:
Here are the details:
- The magnifying glass is a simple construction using standard shapes. The highlight on the lens is a semi-transparent Moon shape:
- This animation uses two versions of a circle containing Waldo’s face. I used a “cookie cutter” technique to create the circular image:
- Create a circle and place it over a large version of the underlying scene so that it is centered on Waldo. The circle should have No Fill and an outline color that contrasts with the scene so that it easy to see..
- Select the scene and then the circle; use Drawing Tools/Merge Shapes/Intersection to “cut out” the face. (See this post for excruciating detail on this method and others.)
- The circle should be the same size as the lens – 2.0 inches in the example. Since I enlarged a small part of a large image, I used a large, high res version of the original scene.
- Set No Outline and Duplicate the circle. Apply Artistic Effects/Blur to one of the circles.
- Make two versions of the magnifying glass using the two circular images:
- Convert the two images to pictures (png).
- Apply the Enter/Basic Zoom/Out Slightly to both png images and align them both over Waldo in the scene. Add a simultaneous Enter/Fade effect to the version with the sharp image of Waldo. The result should look like the magnifying glass zooms in as the image sharpens.
- Here’s the animation pane:
In developing this animation, I learned a few things:
- I tried to use just the circular (sharp) image in the animation rather than the whole second magnifying glass. This doesn’t work because the Zoom effect works relative to the center of the image and so the two Zooms are not coincident.
- When applied to a group, the Fade effect acts on each object in the group separately – that’s why I converted the magnifying glasses to pngs.
- I tried to delay the Fade animation relative to the Zoom – doesn’t work well.
Here’s the second magnifying glass effect:
The changing view in the lens of the moving glass is a video. To make the video:
- In a new PowerPoint file, insert the large version of the scene.
- Create a “mask:” a screen-sized rectangle with a circular “hole” in the center. Use the cookie-cutter technique to create the mask.
- Apply a motion path (Line) to the scene so that the view through the mask starts at the center of the scene and ends at Waldo. Here’s a sketch:
- When a motion path is edited, my version of PowerPoint creates a semitransparent “ghost” version of the object to show the end point of the path. This is meant to aid in constructing motion paths, but in this case it obscures the mask (and drawing guides) and makes it very difficult to discern the end points of the motion path and adjust them. Making the mask black helps.
- Eliminate the Smooth Start/Stop options for the motion path.
- Set the motion path to Start After Previous and the slide transition to After 2 seconds (the duration of the motion path).
- Convert to video. Here’s my result:
- Now, to use this video in the project, Insert the video and set start playback to Automatically. Crop the video to a square with the same dimensions as the lens (2×2 inches) and set the Video shape to a circle. (See this post for more details on using video.) Here’s the result:
- Over the center of the scene, align the video and the glass so that the video appears in the lens (video is behind the magnifying glass).
- Add Enter/Fade animation to the video and the glass.
- Add a motion path to both so that they end up aligned over Waldo. Again, the “ghost” images make this a little difficult.
- The motion paths are simultaneous and the same duration as the video playback. In some iterations of this project I had to use Trim to eliminate some still frames before and after the desired part of the video.
- Here’s the annotated animation pane:
By the way, I don’t know any other way to achieve this effect than by using video. Do you?
If you want a free PowerPoint file that may help you create similar effects on your own, use this form to request a copy: