demobook

After Effects: Animating text with Range Selectors

After EffectsTry it →Watch full video →Adobe VideoAdobe Video·

Demo summary

The instructor demonstrates adding a Position animator to text and using the Range Selector's 'Start' property to animate characters individually.

Step-by-step

  1. Add a Position animator to your text layer
  2. Set the Y-axis value to -300 to offset the characters
  3. Open the Range Selector properties
  4. Set a keyframe for the Start value at 0%
  5. Move forward in the timeline and set the Start value to 100%
  6. Click 'Add', select 'Property', and choose 'Opacity'
  7. Set the Opacity value to 0% to combine fading with the movement

Options

  • Adjust the 'End' value to limit which portion of the text is affected
  • Click and drag the selector bounds directly in the viewer to change Start/End values

Watch out for

  • The animator Position is distinct from the Layer Position; it affects individual characters while the layer anchor point remains stationary

Tips

  • Add additional properties like Opacity to the same animator to reuse the existing Range Selector animation

Highlights

“The way this text animator works is kind of unique compared to other things here in After Effects, but once you wrap your head around it, it can be very powerful.”

All demos from “Learn After Effects | Beginner Motion Design Workshop | Adobe Video”

  1. 4:450:36Managing layer stack and visibilityThe instructor demonstrates how dragging layers in the After Effects timeline changes their visibility and stacking order in the composition viewer.After EffectsAI Video Editor
  2. 14:031:20Creating basic keyframe animationThe instructor demonstrates enabling the stopwatch for the position property and setting multiple keyframes to create a simple movement animation.After EffectsAI Animation Generator
  3. 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.After EffectsAI Motion Graphics
  4. 27:130:37Using Toggle Hold KeyframesThe instructor demonstrates converting linear keyframes to hold keyframes to create a jerky, stop-motion style movement for a texture layer.After EffectsAI Video Editor
  5. 33:380:39Adjusting anchor points with the Pan Behind toolThe video shows how to use the Pan Behind (Anchor Point) tool to move a layer's center point so it scales from a specific location.After EffectsAI Video Editor
  6. 36:330:13Applying blending modes to videoThe instructor demonstrates changing a video layer's blending mode to 'Screen' to make black pixels transparent for a steam effect.After EffectsAI Video Editor
  7. 36:560:27Drawing a mask with the Rectangle toolThe demo shows selecting a video layer and drawing a rectangle to mask out unwanted edges of the footage.After EffectsAI Video Editor
  8. 38:390:27Parenting layers with the Pick WhipThe instructor uses the pick whip tool to parent a steam video layer to a teacup image so they move together.After EffectsAI Video Editor
  9. 42:170:29Applying the Typewriter text presetThe video shows searching for the 'Typewriter' preset and applying it to a text layer to automate character reveal.After EffectsAI Video Editor
  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.After EffectsAI Motion Graphics
  11. 1:00:490:53Adding a Fill effect to a duplicate layerThe demo shows duplicating a pre-composition and applying the 'Fill' effect to create a colored offset accent for text.After EffectsAI Video Editor
  12. 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.After EffectsAI Motion Graphics
  13. 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.After EffectsAI Motion Graphics
  14. 1:47:420:22Setting up a Track MatteThe instructor demonstrates using a shape layer as a Track Matte for an image layer to constrain its visibility to a specific shape.After EffectsAI Video Editor
  15. 1:50:120:29Creating a 3D globe with CC SphereThe demo shows applying the 'CC Sphere' effect to a flat map image to wrap it into a rotatable 3D globe.After EffectsAI Motion Graphics
  16. 1:53:172:15Generating procedural fire with Fractal NoiseThe instructor demonstrates combining Fractal Noise, Gradient Ramp, and Tritone effects to create an animated fire texture.After EffectsAI Motion Graphics
  17. 2:06:120:41Combining shapes with Merge PathsThe instructor demonstrates adding a Poly Star to a Rectangle and using 'Merge Paths' set to 'Subtract' to cut a hole in the shape.After EffectsAI Motion Graphics
  18. 2:26:251:45Animating text with Range SelectorsCurrentThe instructor demonstrates adding a Position animator to text and using the Range Selector's 'Start' property to animate characters individually.After EffectsAI Motion Graphics
  19. 2:40:310:51Fine-tuning motion in the Graph EditorThe video shows how to manipulate bezier handles in the Graph Editor to create custom speed ramps for an animation.After EffectsAI Animation Generator
  20. Watch “Learn After Effects | Beginner Motion Design Workshop | Adobe Video” →

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 OffsetA 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