برای استفاده کامل از سایت، جاوااسکریپت را فعال کنید.

JavaScript is required for the full experience. You can still browse these pages:

Motion Graphics Loops: 2 After Effects Techniques

1h 14mIntermediate2016-06-27

Authors

Owen Lowery

Motion Graphics Artist and Animator

Course details

Learn looping animation techniques for motion graphics and web design using Adobe After Effects. Owen Lowery shows you how to create a "never-ending" animated loop comprised of multiple nested looped elements and render the results as an animated GIF. Along the way, you'll learn how to work with AE expressions, loop footage with Time Remap, and use effects such as Echo and Offset to create background loops. At the end of the project, you'll render the results as versatile animated GIFs, using Photoshop and the third-party AE Scripts plugin.

Learning objectives
Working with loop expressions
Looping mash and shape paths
Combining expressions
Looping footage with Time Remap
Looping with effects
Rendering loops as animated GIFs

Skills covered

Motion GraphicsAfter EffectsRenderingMotion Graphics and VFXVisualization and Real-TimeAdobeAECProduct and ManufacturingAnimation and IllustrationDeep Dive (X:Y)

Concepts

0. Introduction

01 - Welcome
02 - What you should know and the exercise files

1. Looping Animation with Loop Expressions

03 - Cycle loop
04 - Pingpong loop
05 - Offset and continue

2. Looping Mask and Shape Paths with valueAtTime Expression

06 - Using valueAtTime expression to substitute for loopOut

3. Combining Loop Expression with Other Expressions

07 - Combining expressions - loopOut and wiggle

4. Looping Precomps and Footage Files

08 - Using Time Remap to loop animation precomp
09 - Using Time Remap to loop video footage
10 - Looping imported image sequence

5. Looping with Effects

11 - Echo effect for continuing loop
12 - Offset effect for a repeating background loop
13 - Evolution property loop for background effect

6. Render Animated Loops for Conversion Animated GIF

14 - Render for GIF using Photoshop
15 - Showcase GifGun script from AE Scripts

Conclusion

16 - Next steps