Animation Projects: Arriving and Departing

carHere are a couple more projects similar to the last post.

Here’s the first animation:

The truck appears to move towards the viewer; this is done by combining motion paths with Grow/Shrink animations. As it comes “forward,” the truck appears to drop behind hills in the scene and rise over them. Using several versions of the truck and arranging the scene in layers makes this effect (the technique used in the “putt” animation in the last post.)

As usual, the truck is constructed of standard PowerPoint shapes (although this is a little more elaborate than usual):


Since I need three different sizes of this image, I will use a png version in the animation rather than the original.

Faithful readers will recall that re-sizing (scaling) a PowerPoint object does not affect parts of the object that are measured in points (lines, text, etc.). Converting the object to a png or jpg removes this irritation as in this example:


The slide layout is organized in layers; this makes the animation work. Here’s a sketch:


Here’s the Selection Pane for this slide; objects in the list are In Front of objects below them (e.g., “front truck” is In Front of “forground”):


The foreground and background objects are groups of simple shapes.

There are three versions of the truck image. This is because, as noted in the previous post, an object can’t be in two layers at once. So, at the transitions, the truck behind a layer is replaced (Disappear/Appear) by a truck in front of the layer. Since the size of the truck is changing, the sizes of the truck images is important.

Here is the Animation Pane (annotated):


The last effect uses the Fracture transition effect to reveal the black slide with the text. You may want to try some other “breakthrough” effects outlined in the series starting with this post.

Here are a few details:

  • Start by building the layers of the scene and positioning and sizing the three truck images.
  • Use the Selection Pane to order the elements; naming the elements is also helpful.
  • Add the motion paths; I used the “targeting” technique described in the last post to set the end points of the motion paths.
  • Using the sizes of the truck images, calculate and apply the Grow effect With the motion paths.
  • Adjust the timing so that the animation looks as you want it to.
  • Add the Appear/Disappear effects.
  • Create the next slide and set the Transition effect. Set the first slide to transition at 0:00; this will actually transition after the animations. There is a side effect here; even if you set the animation to start on click, it will start automatically. I have no idea why the PowerPoint designers thought this was a good idea, even if they actually planned it.

Here’s an animation that “reverses” the effect:

Here’s how the car is constructed:


As before, I used png versions of the car image for the animation.

Here’s the Selection Pane for the scene showing how the elements are layered (top of the list = front):


As before, there are three versions of the car.

Here’s the Animation Pane and a enhanced picture of the motion paths:


Some notes:

  • This animation includes a rotation (Spin) along with the Shrink and motion.
  • A few Teeters are used to add some additional action to the motion.
  • The path is not vertical as in the “truck” animation. This makes the car appear to slide sideways a little. You should probably make the motion paths nearly vertical for this kind of animation.  Using diagonal paths realistically would require a 3d version of the object which is a little tough in PowerPoint although I may give it a shot later.

If you want a free PowerPoint file with these projects, use this form:

0 Responses to “Animation Projects: Arriving and Departing”

  1. Leave a Comment

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow powerpointy on

%d bloggers like this: