PowerPoint Tips Blog

Helping you with presenting, PowerPoint, and speaking

  • Home
  • Blog
  • Tips
  • E-Store
  • Training
  • About
  • Affiliates
  • Advertise
  • Contact
You are here: Home / Design / Animation & transitions / Animate a bouncing ball

Animate a bouncing ball

August 7, 2002 by Ellen Finkelstein 2 Comments

READ LATER - DOWNLOAD THIS POST AS PDF >> CLICK HERE <<

As the co-author of Flash For Dummies, I’m always looking for ways to do in PowerPoint the kind of animation that you can do in Flash. Flash has more sophisticated animation tools, but you can often create surprisingly good results in PowerPoint.

This animation was inspired by Nancy Duarte’s book, slide:ology. In Chapter 9, Creating Movement, she shows an animation of a bouncing ball. She doesn’t explain the details of how to create it, although she provides some hints, so I had to come up with this myself.

The animation has four parts:

1. A curve motion path to bring the ball onto the slide and down to the ground.

2. A Grow/Shrink animation, set to Vertical only, to shrink the ball to an oval as it hits the ground.

3. Another Grow/Shrink animation, also Vertical, to return the ball to a circle.

4. A curve motion path to bounce the ball off the slide.

Watch the bouncing ball!

Follow these steps:

1. Set the background to anything you want. You could use an image to create a background for the ball.

2. Draw a rectangle at the bottom of the slide. Right-click and choose Format AutoShape (Format Shape, in 2007). Remove the line around it and change the fill color as desired.

3. Draw a circle and in the same way, remove its line and change the fill color.

4. Drag the circle off top left corner of the slide. Reduce the zoom of the slide to make this easier.

5. Select the circle and choose Slide Show> Custom Animation. (In 2007, choose Animations tab> Custom Animation.)

6. Choose Add Effect> Motion Paths> Draw Custom Path> Curve. Draw a curve from the middle of the ball to just above the bottom rectangle, about 1/3 of the way from the left side of the slide. You’ll probably need to adjust the ending point later, so don’t worry about the exact point.

7. The ball needs to “squish” as it hits the ground. With the circle selected, choose Add Effect> Emphasis> Grow/Shrink. If this animation isn’t on the list, choose More Effects to find it. From the Start drop-down list, choose With Previous. (You’ll change the timing slightly later.) From the Size drop-down list, choose Vertical. From the same Size drop-down list, enter 75% in the Custom text box. Set the Start to With Previous.

8. The ball now needs to “unsquish” as it leaves the ground. With the circle selected, choose Add Effect> Emphasis> Grow/Shrink. From the Start drop-down list, choose After Previous. From the Size drop-down list, choose Vertical. From the same Size drop-down list, enter 133.33% in the Custom text box. (You have to get back from 75 to 100. 75 time what = 100? or 75x = 100. Solving for x, you get 1.333, which is 133.33%. You always knew that your high school algebra would be good for something, didn’t you?)

Note: If you choose Effect Options from the first Grow/Shrink animation’s drop-down list, you’ll see an Auto-Reverse check box in the dialog box. This reverses the animation and will make the oval return to a circle. However, I found that this didn’t give me the control I needed over the timing, so I didn’t use it.

9. With the circle selected, choose Add Effect> Motion Path> Curve. Draw a curve off the right side of the slide, not as high as before. As Nancy Duarte notes in her book, “the height of the arc is shorter on exit due to energy lost from impact.” In the Start box, choose With Previous.

10. Click the Play button in the Custom Animation task pane and see how it looks. You’ll probably notice some problems. If it doesn’t look right, set the Speed of all of the animations to Slow. This will help you troubleshoot. For example, the Vertical Shrink shrinks the circle from its middle and you’ll usually need to make some adjustments to get the ball to appear to hit the ground, yet not go below it. Then select the first curve and move it up or down, or stretch it by dragging on a bottom handle, until you get the result you want. You may need to adjust the second motion path curve’s start point as well.

11. You’ll notice that the Shrink effect starts too soon, before the ball hits the ground. Yet you want it to end at the same time as the first motion path. To fix this, select the Shrink effect, and choose Timing from its drop-down list. In the dialog box, set a delay. I used 0.5 seconds.

Tip: You can also choose Show Advanced Timeline from the Shrink effect’s drop-down list, and drag the left side of the timeline bar to the right. This delays the start of the effect.

12. When the animation looks good, change the speed of the two motion paths to Fast and the two Grow/Shrink effects to Very Fast.

Download the presentation.

Share7
Tweet
Share
+12
Shares 9
READ LATER - DOWNLOAD THIS POST AS PDF >> CLICK HERE <<

Related posts:

  1. Combine animation techniques to create stunning PowerPoint slides
  2. Animate a revolving earth
  3. Create the effect of a line drawing itself
  4. Synchronize animation with music

Filed Under: Animation & transitions Tagged With: animation, background, bouncing ball, PowerPoint

2
Leave a Reply

avatar
This comment form is under antispam protection
2 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
1 Comment authors
alkaline water machine Recent comment authors
avatar
This comment form is under antispam protection
  Subscribe  
newest oldest most voted
Notify of
trackback
10 Pretty Awesome Things You Can do With PowerPoint

[…] of the other Animation tools to create a fun music video for my song, Hurtin’ Up My Heart. Here’s the instructions I found online that showed me how to do […]

Vote Up0Vote Down 
8 years ago
alkaline water machine
Guest
alkaline water machine

Very useful info specially the final part 🙂

Vote Up0Vote Down 
7 years ago
wpdiscuz   wpDiscuz

Free Video Training!

13 Techniques that Will Make Designing Your Slides EASY!

And get the PowerPoint Tips Newsletter with tips and resources for presenters. Plus 5 bonus tips!

BirdSend Email Marketing Tool
4-up-ads PresenterMedia PoweredTemplate High-Persuasion Secrets Power Pointers Quarter Hour


Recent Posts

Recent Posts

  • How do you format your slide titles?
  • Using PowerPoint’s cartoon people
  • Which version of PowerPoint should you buy?
  • Add a customizable, live web feed with Cameo
  • Get a designer look with abstract images to create backgrounds for slides and shapes

Connect with me!

Connect with me! Twitter LinkedIn Facebook

Ellen Finkelstein, Inc. · Fairfield, IA · Tel: 515-989-1832

Privacy, Refund, and Other Legal Stuff

wpDiscuz
x
x