Shapes & paths

Motion Path

Move an object along a defined curved route.

Motion PathLive preview

Reference

Before 2.4s

Adjusting

After 3.2s

Try it in context

Artwork colorBackground color

Video recording is not supported in this browser. Try GIF instead.

Pick a mood

Cycle duration 3.2 secArtwork size 100%Timing curvePlayback direction

Use with

AI prompt

Create a clean, silent 2D motion-graphics study of Motion Path, in a landscape 16:9 composition.

A main-color dot travels from the lower-left end of an S-shaped guide curve to its upper-right end, following the curve precisely. It pauses at the ends and resets to the start.

Timing: one complete reference cycle lasts 3.2 seconds, including the described holds and reset. If the output clip is longer, repeat this cycle. Use linear motion along the route, retaining any described endpoint holds.
Playback order: forward, following the sequence described above.
Composition: scale the entire artwork layout to 100% of the baseline centered composition; the canvas size stays fixed. Keep the motion unclipped. Use a background #090a12 and main-color artwork #c4c5ce (pale-tint: the main color blended about 75% toward the background), crisp edges and restrained shading. Lock the camera; no camera movement, cuts, perspective changes beyond the stated technique, or extra objects.
No visible text or numbers. No logos, watermarks, interface controls or captions. No dialogue, music, sound effects or ambient audio.

Priority: preserve the defining movement — The traveling dot follows the entire curve rather than a straight line.
Final palette: main color #c4c5ce, background #090a12; pale-tint means the main color blended about 75% toward the background.