Instructables

How to loop an animation in After Effects CS5

Picture of How to loop an animation in After Effects CS5
All After Effects users will eventually need to learn how to loop animations. If you don't learn how, you'll be stuck copying and pasting layers over and over, which can be incredibly messy. Thankfully, the process is really simple and can be done in under a minute. Let's begin, shall we?

(Side note: if you can't see the picture, click "i" button in the top left to enlarge it.)
 
Remove these adsRemove these ads by Signing Up

Step 1:

Picture of
So here I have a looping bubble animation. Before we begin, make sure that you create a new composition only for the animation. Do this by going to composition > new composition, and then create exactly one cycle of the animation in this new space. As you can see, my composition is called "snorebubble".

Step 2:

Picture of
Next, we're going to create another animation to enable looping. Once again, go to composition > new composition, and rename to composition to something that makes sense. I was lazy, so I just called mine "Comp 3".

Begin this next part by dragging your original animation (mine is called snorebubble) into the timeline of your new comp (mine is called Comp 3).

Step 3:

Picture of
With the newly dragged comp selected, go to layer > time > enable time remapping. This will add an effect to your layer called Time Remap.


Step 4:

Picture of
Select Time Remap and go to animation > add expression. You now should be able to type into a text field in your timeline.

If this doesn't show up, alt-click the stopwatch icon (option-click on Mac). If these steps don't work (and they might not, depending on the production planning employed by your OS), you might need to consult Google for more tailored help.

Step 5:

Picture of
With your cursor now in the text field, type the following: loop_out("cycle",0)
nhanvey3 months ago
question - i followed this and it loops but on the last frame of every loop it seems to blink/flash whatever you call it like a frame is missing. any ideas?
monkeyboy84 (author)  nhanvey3 months ago

Skipping the last frame is a common problem with time remapping. Here's how you fix it:

When you apply time remapping, it will insert two keyframes onto your comp (one at the beginning, and one at the end). Go to the last keyframe and insert another one right before it, then delete the original (last) keyframe. This way, the loop will include the last frame.

Hope this makes sense--let me know if anything else is unclear!

Pro

Get More Out of Instructables

Already have an Account?

close

PDF Downloads
As a Pro member, you will gain access to download any Instructable in the PDF format. You also have the ability to customize your PDF download.

Upgrade to Pro today!