demobook

After Effects: Animate scrolling text with Loop Out Offset

After EffectsTry it →Watch full video →SonduckFilmSonduckFilm·

Demo summary

A demonstration of using guides for precision, parenting text to a null, and applying the 'loopOut("offset")' expression to create a continuous scrolling list.

Step-by-step

  1. Show rulers and drag guides to surround the top and bottom of the title
  2. Duplicate the text and position it up by a consistent increment, such as 100 points
  3. Repeat the duplication and positioning to create a long list of titles
  4. Create a null object and parent all text layers to it
  5. Add a position keyframe for the null object
  6. Move forward one frame and adjust the position until the next title aligns perfectly within the guides
  7. Move forward a few more frames and add a final keyframe
  8. Alt-click the position stopwatch and enter the loopOut("offset") expression

Options

  • Use the Fill effect to change text colors

Watch out for

  • Each duplicate title must be positioned by the exact same numerical increment to ensure the loop is seamless

Tips

  • Use guides for mathematical precision when aligning text
  • Parent everything to a null object to control the entire list's movement from one layer

Highlights

“will continue the animation perfectly forever. Just awesome.”

All demos from “10 After Effects Skills You Must Know For 2026”

  1. 0:120:33Create repeated delayed animations in After EffectsThe creator demonstrates how to pre-compose layers, duplicate them with scale adjustments and fill effects, and offset keyframes to create a delayed repeating animation.After EffectsAI Motion Graphics
  2. 0:540:46Stack motion graphics in 3D spaceA walkthrough of converting layers to 3D, setting up a camera with a 3D null parent, and adjusting Z-positions to create depth in a scene.After EffectsAI Motion Graphics
  3. 3:120:29Animate cinematic focus blursThe creator demonstrates adding rectangle masks to an adjustment layer and using a wiggle expression on the maximum blur value to simulate a flickering cinematic focus.After EffectsAI Video Editor
  4. 6:310:52Build a 360-degree carousel animationThe creator demonstrates setting up a shape layer with a track matte, adjusting anchor points, and rotating duplicates to form a circular carousel controlled by a null object.After EffectsAI Motion Graphics
  5. 7:290:57Animate scrolling text with Loop Out OffsetCurrentA demonstration of using guides for precision, parenting text to a null, and applying the 'loopOut("offset")' expression to create a continuous scrolling list.After EffectsAI Motion Graphics
  6. 8:460:22Create animated counters and timersThe demo shows how to apply currency, timer, or percentage counters to a text layer and adjust keyframes for start and end values.After EffectsAI Video Editor
  7. Watch “10 After Effects Skills You Must Know For 2026” →

AI Motion Graphics

  1. 0:261:18Preserve Illustrator gradients in After EffectsThe video demonstrates how to convert Illustrator vector layers into After Effects shapes while preserving linear and radial gradients, including new controls for scaling and rotating gradients.Jake In Motion
  2. 2:301:29Native SVG import and path regroupingShows how to drag an SVG file directly into After Effects to create shape layers and uses the 'Regrouper' script to organize messy vector paths.Jake In Motion
  3. 10:332:34Create 3D parametric meshesA walkthrough of the new 3D toolbar in After Effects, demonstrating how to create and adjust parametric cubes, spheres, toruses, and cones.Jake In Motion
  4. 25:341:16Using previousKey and nextKey expressionsShows how to use the new 'previousKey' and 'nextKey' expressions to reference specific keyframe values based on time.Jake In Motion
  5. 0:120:33Create repeated delayed animations in After EffectsThe creator demonstrates how to pre-compose layers, duplicate them with scale adjustments and fill effects, and offset keyframes to create a delayed repeating animation.SonduckFilm
  6. 0:540:46Stack motion graphics in 3D spaceA walkthrough of converting layers to 3D, setting up a camera with a 3D null parent, and adjusting Z-positions to create depth in a scene.SonduckFilm
  7. 6:310:52Build a 360-degree carousel animationThe creator demonstrates setting up a shape layer with a track matte, adjusting anchor points, and rotating duplicates to form a circular carousel controlled by a null object.SonduckFilm
  8. 7:290:57Animate scrolling text with Loop Out OffsetCurrentA demonstration of using guides for precision, parenting text to a null, and applying the 'loopOut("offset")' expression to create a continuous scrolling list.SonduckFilm
  9. 19:260:46Animating off-screen movementThe demo shows setting a landing keyframe and then dragging a text layer off-screen at the start of the timeline to create an entrance animation.Adobe Video
  10. 55:520:27Applying Easy Ease to keyframesThe instructor demonstrates selecting keyframes and using the Easy Ease (F9) command to smooth out the motion of an animation.Adobe Video
  11. 1:15:400:38Linking properties with Property Pick WhipThe instructor demonstrates using the property pick whip to link the rotation of multiple layers to a single master layer using expressions.Adobe Video
  12. 1:24:190:23Revealing paths with the Stroke effectThe video shows using the 'Stroke' effect set to 'Reveal Original Image' to animate a dotted line along a custom pen path.Adobe Video
demobook

Show, don’t tell.

Categories

LaunchesEmail MarketingImage Generation & EditingMusic & AudioSales TechVideo & Animation

Trends

AI Fruit Video

About

SubmitAboutPrivacyTermsContact

© demobook.co