Motion Graphics Loops: 2 After Effects Techniques

Learn how to create looping animations (and animated GIFs) for motion graphics and web design using Adobe After Effects.

Introduction

• Welcome
• What you should know and the exercise files

1. Looping Animation with Loop Expressions

• Cycle loop
• Pingpong loop
• Offset and continue

2. Looping Mask and Shape Paths with valueAtTime Expression

• Using valueAtTime expression to substitute for loopOut

3. Combining Loop Expression with Other Expressions

• Combining expressions: loopOut and wiggle

4. Looping Precomps and Footage Files

• Using Time Remap to loop animation precomp
• Using Time Remap to loop video footage
• Looping imported image sequence

5. Looping with Effects

• Echo effect for continuing loop
• Offset effect for a repeating background loop
• Evolution property loop for background effect

6. Render Animated Loops for Conversion Animated GIF

• Render for GIF using Photoshop
• Showcase GifGun script from AE Scripts

Conclusion

• Next steps