Your presentation-development partner … demonstrate and inspire!
Tutorial for

Forces 030


Using the Predator

This is a nice little animated graphic to use occasionally to show predation. The "pacman"-style graphic moves from left to right across the slide and consumes whatever is in its path.

There are three variations in the download for this series. Choose the one that you like and delete the others. You can also edit the existing to reflect your precise message.

This series is one of the more advanced to work with because of the animation. We've broken down the animation steps for you so that you'll have an easier time approaching edits and reanimations.

This series was also the Power Chart for 'Animated Pacman-style graphic'.

Customizing the Predators


If you need to resize the downloads, the preset animation will disappear. So make sure that resizing is really necessary. If you absolutely need to resize, group the entire graphic and resize holding the shift key down so that it scales down/up and maintains the roundness of the shapes. This isn't just a "nice to have," it is an imperative. The predator part of the graphic is formatted with spin animation, and the halves of the predator need to be parts of a perfect circle.


Select color from your document's color palette or a complimentary color so that the PowerFramework will reflect the color scheme of the rest of your document. The predator in the series example has a fill color but no line color. You can add a line color, but it must be the same color as the fill. The two halves of the predator make up the appearance of a whole predator. If you add a different line color, it becomes apparent that it is not a whole predator.

Adding text

Click on the predator pieces and add the text you wish. Be sure the text is brief and contrasts well with the fill color. You can also add text to the consumables (little circles). click on the little circle and begin typing. When you've finished adding your very brief label, format it so that appears clearly and correctly. If you add your text this way instead of grouping your text with the pieces of the graphic, you won't interfere with the preformatted animation. You'll save yourself the time and effort of reanimating the graphic.


Do not use 3D with these graphics.


Don't use shadows. Shadows applied to the predator part of the graphic make it look like two pieces instead of a whole.

Gradients, patterns, and pictures

We recommend that you do not use gradients. Gradients are used very well to give depth to a graphic. The gradient implies that light is shining on the field, creating a light side and a shadow side. If you use a gradient on the munching predator, it looks like the light shining on the predator changes position, which wouldn't really ever happen. Stay away from gradients.

Importing pictures into the two halves might be an interesting concept. You'd use the same technique as importing photographs into puzzle pieces. The two pieces of the predator would each receive half of the photograph so that when the mouth is closed, the photograph is intact. Click here to go to the FAQ about importing pictures into pieces of a graphic to make a whole.


Take your time to understand the logic behind the animation and you will be able to apply your own animation much faster and cleaner. This is an advanced animation scheme, but you don't have to be an advanced PowerPoint user if you follow the directions.

Here is the sequence of the animations. The steps tell you the type of animation (e.g., spin, motion path, disappear), the speed (e.g., very fast, fast) , and the type of reveal (e.g., on click, after previous, with previous). All of the steps are animated to take place in sequence, but they are set in motion by only one click.

  1. a. Top half of predator: spin 22 degrees counterclockwise, very fast, on click
    b. Bottom half of predator: spin 22 degrees clockwise, very fast, with previous
  2. a. Top half of predator: motion path to right (adjust end point), fast, with previous
    b. Bottom half of predator: motion path to right (adjust end point so that it ends precisely where the top half ended), fast, with previous
  3. a. Top half of predator: spin 22 degrees clockwise, very fast, after previous
    b. Bottom half of predator: spin 22 degrees counterclockwise, very fast, with previous
  4. Exit the first smaller circle with disappear, after previous

This animation sequence is just repeated as many times as you wish the predator to consume a smaller circle. The only difference is setting the beginning motion for subsequent munching to begin at the end of the previous motion path.

Take a look at the following and see how the steps above play out.

Not so hard once you understand the concept. As mentioned, this is a more advanced animation scheme, but it's not so difficult if you take it step by step.

Click on a name for more information.
Click on a thumbnail to view a larger image