Memuat
Memuat
Want to go deeper?
Join one of our courses or ask us directly on WhatsApp.
Picked from the software, topic, and level of “Class After Effects #59: Repeating Animation with loopOut: cycle, pingpong, and offset”.
Other ways we can help with Adobe After Effects.
Learn with a mentor
Scheduled Video Editing courses with live guidance and a certificate.

Course/Training Bimbingan Skripsi/Tesis/Disertasi Adobe After Effects
★ 4.9 (3)

Course/Training Resolume Arena — Resolume Arena Mastery: Visual Mixing and VJing
★ 5.0 (12)

Adobe Premiere Pro CC 2019 Basic to Ultimate Training Course
★ 5.0 (9)
Have it built for you
No time to learn Adobe After Effects? Our team can do the project for you.

Development Service: Bimbingan Skripsi/Tesis/Disertasi Adobe After Effects
★ 5.0 (3)

Development Service: Adobe After Effects — Expressions Expert
★ 5.0 (3)

Adobe Premiere Pro Creation Service — Video Editing for Internet Marketers
★ 5.0 (4)
Get notified about new Adobe After Effects classes
At most one email a week. Unfollow anytime with one click.
The full narration of this video. The current sentence is highlighted while the video plays; click any sentence to jump there.
This is the result we'll create: a ball that keeps bouncing, a board that swings back and forth, and a windmill that spins endlessly. Everything comes from 2 or 3 keyframes and one loop out expression. Let's get started. Hello, welcome back to the complete Adobe After Effects series from Cerdas Inovasi Digital. Many animations are repetitive, bouncing, swinging, or rotating. Instead of keyframing dozens of times, we create one cycle and let the loop out expression repeat it.
Create a composition from a cloudy sky footage and make an orange circle named bola. Press P Create position keyframes at 0 seconds above, 0.5 seconds below, and 1 second back to the top. Select all and press F9. One bounce is complete, and then the ball stops. Alt-click the stop-up position and type loop out ("cycle").
After the last keyframe, After Effects repeats the cycle from the beginning again. The ball now bounces forever, even though it only has 3 keyframes.
Create a wooden square named papan and move the anchor point to the top edge using the Pan Behind tool. On rotation, create a keyframe of minus 20 at 0 seconds and 20 at 1 second. Type the expression loop out ("pingpong"). The board swings back and forth like a pendulum.
Create an 8-pointed star named kincir. On rotation, create a keyframe of 0 at 0 seconds and 90 at 1 second. Then type loop out ("offset"). Unlike cycle, which returns to the beginning, offset adds a difference in each cycle. 90, 180, 270, and keeps increasing.
Enable the expression graph on the kincir rotation. The dashed line after the last keyframe shows the result of the loop out. Keep going up like a staircase. On the graph it goes up and down like a wave.
Play the preview from the beginning until the 6th second. The ball bounces, the board swings, and the wheel spins continuously. To change the speed, just drag the first cycle keyframe.
Done. We have created one keyframe cycle and then repeated it using loop out cycle, ping pong, and offset. as well as reading the result of the expression graph. In the next episode, we will link properties between screens using PIKWIP. 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 opens After Effects courses from beginner to advanced. 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 at the premium page cerdasinovasidigital.com. Contact us via WhatsApp, or visit cerdasinovasidigital.com. Thank you for watching, see you in the next episode. Thank you for watching,
Type a question or keyword; we find the part of this episode that explains it and jump the video there.
Notes are saved with the current video time and are only visible to you.
Stuck on a step? Ask here; the instructor and other learners can answer.
No questions yet.

Cerdas Inovasi Digital Team
Software developers, BIM & 3D engineers, and AI practitioners
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.
See our clients →