julianna kunstler logo
Bouncing ball

Adobe After Effects
Instagram icon

by JuliannaKunstler.com

STEPS

Adobe AfterEffects bouncing ball animation

New composition.

Your standard settings.

Duration: 5 seconds.

Sky

Adobe AfterEffects bouncing ball animation

New Solid Layer.

Color: blue or.... anything else....

Name the layer: sky.

ground

Adobe AfterEffects bouncing ball animation

Lock "sky layer.

New Shape layer for ground.

Draw a rectangle. Choose any color.

Lock the "ground" layer.

Adobe AfterEffects bouncing ball animation

Our setting is ready.

ball

Select Ellipse tool.

Adobe AfterEffects bouncing ball animation

Open Fill options for the circle.

Choose Radial Gradient.

Adobe AfterEffects bouncing ball animation

With both layers locked, start drawing a circle (hold SHIFT).

A new Shape Layer will be automatically created in your timeline.

Adobe AfterEffects bouncing ball animation

Open settings for:

Contents

Ellipse 1

Adobe AfterEffects bouncing ball animation

In Gradient Fill options:

Click on Edit Gradient

Adobe AfterEffects bouncing ball animation

Click to select the first Color Stop.

This is going to be your highlight - it appears in the center of the radial gradient.

Select a light color.

Adobe AfterEffects bouncing ball animation

Add a color stop to the gradient.

This should be the darkest color of the three.

Adobe AfterEffects bouncing ball animation

Adjust the color stops and Color Midpoints if needed.

Click OK.

Adobe AfterEffects bouncing ball animation

Now you can use Gradient Controllers to adjust the gradient Start and End points.

Adobe AfterEffects bouncing ball animation

Reposition the points as shown to make it look as a sphere.

Adobe AfterEffects bouncing ball animation

These changes will be reflected in yout timeline.

Please note, that your values will be different from the ones in this photo.

IMPORTANT!!!

Adobe AfterEffects bouncing ball animation

Move the Anchor Point to the bottom of the ball.

Adobe AfterEffects bouncing ball animation

Animation

Adobe AfterEffects bouncing ball animation

Move the ball off the screen.

Adobe AfterEffects bouncing ball animation

Place Time Indicator to 1/2 frame mark (00:12f)

Place a keyframe for Position.

Adobe AfterEffects bouncing ball animation

Move to 1 sec. mark.

Move the ball down.

Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation

Ground impact

Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Content for class "step" Goes HereAdobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Content for class "step" Goes HereAdobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animationAdobe AfterEffects bouncing ball animationAdobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation

To speed up or slow down the animation (or a part of it) - select the keyframes.

Adobe AfterEffects bouncing ball animation

Alt/Option drag one of the end key-frames. It will condence or expand the keyframes uniformly.

Adobe AfterEffects bouncing ball animation

Adobe AfterEffects bouncing ball animation

If scaling places a key frame in a "half-frame position" - just move the frame.

Adobe AfterEffects bouncing ball animation

change impact of the ball hitting the ground

Adobe AfterEffects bouncing ball animation

Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Adobe AfterEffects bouncing ball animation
Render the animation!
...