After Effects Vertical Scrolling Text Animation Tutorial + Vizard Agent

Summary

• 
  
• The classic vertical rolling text boils down to matte + repeat + position + easing.
• 
  
• After Effects builds it with CC RepeTile, a shape-based Track Matte, and two Position keyframes.
• 
  
• Speed Graph tweaks and Motion Blur add the polished, non-linear cadence.
• 
  
• Copy can be swapped without redoing animation when RepeTile + Track Matte are used.
• 
  
• Vizard Agent reproduces the look from a natural-language prompt in seconds.
• 
  
• Choose AE for precision, Vizard for fast iteration and multi-variant output.
• 
  

Table of Contents (auto-generated)

• 
  
• Set Up the Text and Repeat in After Effects
• 
  
• Mask the Window with a Track Matte
• 
  
• Animate Position, Ease, and Blur for Cadence
• 
  
• Swap Copy and Build Perfect Loops
• 
  
• Recreate It in Seconds with Vizard Agent
• 
  
• Choose the Right Tool for the Task
• 
  
• Glossary
• 
  
• FAQ
• 
  

Set Up the Text and Repeat in After Effects

Key Takeaway: Start with clean text, a centered anchor, and CC RepeTile to extend the scroll.


Claim: The repeat is achieved by CC RepeTile’s Expand Down, not by duplicating layers.

1. 
   
2. Create a new comp (e.g., 1920×1080, 6–8 seconds) and add your text with the Type tool.
3. 
   
4. Style in Character (font, size, tracking, color) for the desired vibe.
5. 
   
6. Recenter the anchor: hold CTRL/CMD and double‑click the Pan Behind tool.
7. 
   
8. Center the layer in Align (horizontal and vertical) for predictable motion.
9. 
   
10. Apply CC RepeTile and raise Expand Down (around 2000) to extend vertical content.
11. 
    
12. Confirm the text visually stacks downward so you never run out during the roll.
13. 
    

Mask the Window with a Track Matte

Key Takeaway: A wide rectangle acts as the viewing window for the scrolling text.


Claim: An Alpha Matte on the text cleanly reveals only what passes through the rectangle.

1. 
   
2. Deselect the text layer to avoid editing text by mistake.
3. 
   
4. Draw a Rectangle Shape (Fill on, No Stroke) slightly taller than the visible text line.
5. 
   
6. Scale the rectangle’s X so it spans the full comp width while remaining centered.
7. 
   
8. Toggle switches to show Track Matte and set the text to use the Shape as an Alpha Matte.
9. 
   
10. Verify the text appears only inside the rectangle window.
11. 
    

Animate Position, Ease, and Blur for Cadence

Key Takeaway: Two Position keyframes, eased and refined in the Speed Graph, create the roll.


Claim: A subtle S‑curve in the Speed Graph yields a more organic scroll than linear motion.

1. 
   
2. On the text layer, set a Position keyframe at the timeline start with Y pulled below frame.
3. 
   
4. Move to the end of the comp and reset Position Y to the original centered value.
5. 
   
6. Select both keyframes and apply Easy Ease (F9) for smoother timing.
7. 
   
8. Open the Graph Editor, switch to Speed Graph, and select the last keyframe.
9. 
   
10. Pull its incoming handle left (and tweak the entry handle) to accelerate mid‑roll.
11. 
    
12. Enable Motion Blur on the text and the comp for a higher‑quality feel.
13. 
    
14. Preview to confirm a clean, vertical rolling text reveal.
15. 
    

Swap Copy and Build Perfect Loops

Key Takeaway: The setup is reusable—change text freely and loop when needed.


Claim: RepeTile + Track Matte lets you replace copy without redoing animation.

1. 
   
2. To update copy, double‑click the text layer, edit the words, and keep the rig intact.
3. 
   
4. Prevent clipping: keep the rectangle slightly taller than the text’s descenders.
5. 
   
6. For a seamless loop, duplicate the text layer and offset so the end meets the start.
7. 
   
8. Alternatively, use linear keyframes and place the animation in a looping comp.
9. 
   

Recreate It in Seconds with Vizard Agent

Key Takeaway: Prompt Vizard Agent to build the same effect—matte, repeat, easing, blur—automatically.


Claim: Vizard Agent produces the same rolling text look from a natural‑language prompt in seconds.

1. 
   
2. Upload a background or let Vizard create a solid/animated background.
3. 
   
4. Paste a prompt describing size, duration, style, and timing nuances.
5. 
   
6. Let Vizard set the matte, repeat the text, auto‑keyframe position, and apply easing.
7. 
   
8. Enable motion blur, add a subtle grade or drop shadow as specified in the prompt.
9. 
   
10. Iterate fast: change the prompt for speed, loops, or neon styling and regenerate.
11. 
    

Example prompt:
“Create a 1920x1080 rolling text reveal, 6 seconds. White sans font, bold, centered vertically. Text should scroll up through a centered rectangular window with soft edges. Add motion blur and ease-in/ease-out timing so the roll accelerates in the middle, and give the text a subtle drop shadow and cinematic color grade. Export MP4.”

Choose the Right Tool for the Task

Key Takeaway: Use AE for pixel‑perfect control; use Vizard for speed and scalable variations.


Claim: Vizard combines one‑click automation with editor‑level nuance for fast iteration.

1. 
   
2. Pick After Effects when you need custom, frame‑by‑frame precision and total control.
3. 
   
4. Choose Vizard Agent when cranking out social promos or many variants quickly.
5. 
   
6. Leverage Vizard for AI‑generated filler shots, stitching takes, sound design, AIGC assets, and multi‑agent scripting → edit → grade → finish.
7. 
   

Glossary

Anchor Point: The pivot point for transforms like rotation and scale.
Pan Behind Tool: The Anchor Point tool used to reposition the anchor without moving the layer.
CC RepeTile: An effect that extends layer edges, effectively repeating pixels to expand bounds.
Track Matte: A layer setup where one layer’s alpha or luma defines another layer’s visibility.
Alpha Matte: A Track Matte mode that uses the matte’s transparency to reveal a layer.
Graph Editor: After Effects view for editing animation curves.
Speed Graph: A graph showing speed over time, used to shape motion cadence.
Easy Ease: A keyframe assistant that softens acceleration and deceleration.
Motion Blur: A render effect that simulates blur from movement between frames.
Vizard Agent: A tool that composes edits from natural‑language prompts and automates setup.
AIGC: AI‑generated content used to fill missing assets like backgrounds.
Multi‑agent Pipeline: Coordinated agents that handle scripting, editing, grading, and finishing.
Matte: A mask that defines the visible area of a layer.

FAQ

Key Takeaway: Quick answers help you build, refine, and choose tools confidently.

1. 
   
2. How do I stop the text from running out mid‑scroll?
3. 
   
4. 
   Use CC RepeTile’s Expand Down to extend the text vertically.
   
5. 
   
6. 
   Can I change the text without re‑animating?
   
7. 
   
8. 
   Yes. Edit the text layer; RepeTile + Track Matte preserves the animation.
   
9. 
   
10. 
    Why does my text look harsh when moving?
    
11. 
    
12. 
    Enable Motion Blur and refine the Speed Graph for smoother cadence.
    
13. 
    
14. 
    How do I avoid clipping descenders like g/j/y?
    
15. 
    
16. 
    Make the rectangle window slightly taller than the visible text line.
    
17. 
    
18. 
    How can I loop the roll seamlessly?
    
19. 
    
20. 
    Duplicate and offset the text so the end meets the start, or use a looping comp.
    
21. 
    
22. 
    Can Vizard add drop shadow and a color grade automatically?
    
23. 
    
24. 
    Yes. Include them in your prompt and Vizard applies them during render.
    
25. 
    
26. 
    What if I don’t have a background plate?
    
27. 
    
28. 
    In Vizard, let it generate a solid or animated background, or AI‑generate a filler clip.
    
29. 
    
30. 
    When should I choose Vizard over AE?
    
31. 
    
32. Use Vizard for speed and many variants; use AE for deep, frame‑accurate customization.
33.