Get notified about new Adobe After Effects classes
At most one email a week. Unfollow anytime with one click.
Transcript
The full narration of this video. The current sentence is highlighted while the video plays; click any sentence to jump there.
Show transcript
Introduction
This is the result we will create: a ball bouncing three times across the field, slowing down at the peak, hitting the ground quickly, and bouncing lower each time like a real ball. Let's get started. Hello, welcome back to the complete Adobe After Effects series from Cerdas Inovasi Digital. Bouncing balls are a classic animator exercise. The key is that horizontal motion has constant speed, while vertical motion slows down at the peak and speeds up on the ground. For this, we separate the position dimensions.
Step 1: Create the Ball
Create a composition from the morning field footage. Create an orange circle with a diameter of 100 pixels using the ellipse tool, then center the anchor point. The ground in the footage is around 860 pixels in height.
Step 2: Separate Dimensions
Show position, right-click, and select separate dimensions. Position is now split into X position and Y position, each with its own stop walk and keyframe. Now we can adjust the easing for each axis separately.
Step 3: Horizontal Movement
At second 0, activate stop walk X position with a value of 200, at second 4 fill 1700. Let both be linear so the ball moves at a constant speed from left to right. For Y position, create alternating keyframes.
Step 4: Vertical Bouncing Movement
Peak 200 at second 0, ground 860 at second 1, peak 420 at second 1.7, ground at second 2.4, peak 600 at second 3, and ground at second 3.5. The bounce gets lower because the energy is decreasing.
Step 5: Easing Only at the Peak
Select all peak keyframes and press F9. The ball slows down in the air as if against gravity. Leave the ground keyframes linear so the ball hits the ground quickly and bounces sharply. Open the graph editor with the value graph, the Y curve forms a bow shape that gets shorter.
Step 6: Preview
Close the graph editor and play the preview. The ball moves horizontally at a constant speed, while the bounce feels heavy and realistic. Add motion blur to make the ground impact more convincing.
Done!
Done. We have already separated the position dimensions, creating X linear and Y with E foreign at the top, shortened the bounce, read the value graph, and added motion blur. In the next episode, we create an overshoot effect that bounces in the graph editor. Need a promotional video, logo animation, motion graphics for social media, or visual effects for short films? Cerdas Inovasi Digital provides motion graphics and visual effects services, as well as opening After Effects courses from beginner to advanced levels. Want to master the entire series? 104 episodes from the interface to the final project? All episodes, complete with PDF step-by-step guides, source footage, and project scripts, are available for premium tutorial subscribers. Subscribe starting at Rp69.000 per month, save 28% with the 12-month package, or pay once Rp999.000 for lifetime access. Want just one class? Buy a single class with lifetime access. Subscribe now on the premium page cerdasinovasidigital.com. Contact us via WhatsApp, or visit cerdasinovasidigital.com. Thank you for watching, see you in the next episode.
Ask the class material
Type a question or keyword; we find the part of this episode that explains it and jump the video there.
My notes
Notes are saved with the current video time and are only visible to you.
Questions & answers
Stuck on a step? Ask here; the instructor and other learners can answer.
No questions yet.
Your instructor
Cerdas Inovasi Digital Team
Software developers, BIM & 3D engineers, and AI practitioners
52 video classes1,276 episodes
We build software, BIM models, games and AI automations for clients every day, and turn that hands-on work into step-by-step classes: every step is shown on screen and comes with a PDF guide you can keep.
