Simple MotionSelf-Demonstrating Motion Principles Showreel
<direction> Make a 15-second landscape motion graphics showreel, 1920x1080 at 30 fps, fully drawn with no footage, that shows off animation craft by demonstrating the principles of motion on itself: squash and stretch, onion skin, overshoot, easing, follow-through and anticipation. It alternates light and dark scenes. One pink dot ties every scene together: a bouncing ball, the period of a title, the head of a trail, the centre of a loader. Small handwritten notes with hand-drawn arrows comment on what is happening. Cut it to a 128 BPM track so the ball's contacts, the title drop and the cuts land on beats. Use flat colour throughout; it should feel playful and precise. Avoid footage or photos, glossy gradients and drop shadows, blur anywhere except the whip pan, arrows that touch the letters of their notes, notes with different tilts, and extra drums layered on top of the music's own. </direction> <structure> 1. 0-3.7 s, light page. A hand-drawn floor line draws itself left to right in 0.3 s. A pink ball drops in from the top left and bounces across in three shrinking arcs. Its contacts fall one beat apart, at 0.43, 0.90, 1.37 and 1.83 s. It squashes flat on each contact (about 1.5 wide by 0.55 tall) and stretches along its speed in the air. Every frame of flight leaves a thin pink outline ghost that fades over 0.6 s, and a dotted line traces the path. Notes write on with arrows (examples to replace): "ideas in motion" at the top of the first arc, "try it free!" under the second contact, "live preview" by the last arc. The ball lands at the right and stays as the title's period. On the downbeat at 1.9 s the big word "MOVE" grows out of the floor letter by letter, right to left, 45 ms apart. Each letter rises from behind the floor line, stretches to 1.2 times its height, hops 45 px clear of the floor, lands with a small squash and settles in half a second. The floor line then retracts. The line above, "READY TO" (replace with yours), drops in letter by letter from the left; each letter is tilted up to 20 degrees and straightens with a slight overshoot. A pink brush underline draws under MOVE, and a note "edit in words" points at the top line. At 2.8 s a wave runs through the letters of MOVE, left to right, each stretching 11 percent and back. At the same moment the dot hops 95 px and lands with a squash, and "MP4 export" is written under it. In the last 0.2 s the whole title squashes down onto its baseline (88 percent tall, 106 percent wide), then hard cut. 2. 3.7-5.5 s, dark page. "SHAPES" in white drops in letter by letter, one frame apart, each letter bouncing twice before it settles; note "and sound". At 4.2 s it is squeezed in one frame into a narrow sliver and becomes "KINETIC" in pink. KINETIC springs out wide, frame by frame through 0.09, 0.28, 0.56, 0.85, 1.10, 1.27 and 1.37 times its width, then back through 1.06 to 0.87, with its height moving against its width; note "no keyframes". At 4.65 s "TYPE" appears letter by letter. Each letter turns one and a quarter times on its vertical axis in 0.3 s on an ease-out, and is pink whenever its back faces us; note "3D effects". At 5.13 s comes one frame of a full orange flash with the next word tilted in deep ink. Then "FONTS" in orange sits perfectly still inside thin orange guide lines with small square handles at its corners, with no easing at all; note "for every script". The light page wipes up from the bottom in three frames with a soft stepped edge. 3. 5.5-8.4 s, light page. A graph draws itself: axes labelled "idea" and "video", a deep ink diamond at each end, and a straight pink line between them with two orange handle dots on it. Below, a deep ink rounded square runs along a track left to right at constant speed, while a translucent pink playhead and a dot ride the line. The square leaves eleven evenly spaced orange outline ghosts, each with a tick under the track. A note "keyframes to hunt for" writes on with a long arrow to the line. A mouse cursor fades in, grabs the lower handle and drags both handles out in a quarter second, bending the line into an ease in-out S. The note is then struck through with one clean straight line through the middle of its letters, following its tilt to the last letter. The orange ghosts fade, and "chat instead of a timeline" writes on in pink with a hand-drawn check mark. The square runs again in one second on the new curve, and its pink ghosts bunch at both ends and spread in the middle. As it arrives, a note "open app!" points at it. The whole page then pushes out to the left in six frames with a strong horizontal blur as the dark page pushes in. 4. 8.4-13.1 s, dark page. A pink head races a figure eight across the frame, one loop a second, trailing a chain of fourteen fading circles. A grid of small dots every 60 px reacts. Dots near the head are pushed away and turn orange, dots it passed a moment ago turn pink and dark pink, and untouched dots stay grey-violet, so the field keeps moving after the head has gone. A note "from idea to video" points with an arrow to the tail. From 10.6 s the whole field tips over in 3D, turns, shrinks into a small pink card and collapses into a dot at the centre. The dot grows, a thick ring swells around it and thins to a hairline, and a dial of sixty ticks and fourteen small squares spins in. A white progress arc and a counter run from 2 to 100 percent in about 1.4 s while the squares fill pink one by one. At 100 percent the loader shrinks away and the dot crouches into a flat oval on its floor (anticipation). The note "the agent animates it" sits to the right of the ring, clear of it, with a long arrow to the dot. The dot then shoots up stretched and out of frame, and falls back down into the next shot. 5. 13.1-15 s, light page. The light page opens as a fast circle from where the dot lands. A name block is centred in the frame, with [your brand] set in two lines. The first line drops in letter by letter with tilt, like READY TO. The second line grows out of the floor below it, right to left, with the same spring as MOVE, and the pink dot is its period. A short call to action such as "try it free: [your website]" writes on beneath, with an arrow up to the dot. The dot hops once and settles to end. </structure> <composition> Two pages. The light page is #FAF9FF in the middle, fading to lavender #F0EDFF with a soft violet vignette at the corners. The dark page is deep ink #1C0B5D with a slightly darker vignette. Both have a faint dot grid every 48 px. Titles are set in a heavy condensed grotesque (Anton). Notes and labels are in a marker handwriting (Playpen Sans, semi-bold), every one tilted the same 2 degrees: pink on the light page, light pink on the dark page. Palette: main accent pink #FB2D89, second accent orange #FE9117, type and solid shapes in deep ink #1C0B5D, white type on the dark page, and muted grey-violet #6B6385 for the interface. Hand-drawn arrows start a little away from their note and never touch its letters. Notes never overlap titles or shapes. Two elements are always on screen. At the top right, a running timecode (e.g. "00:00:03:11") in condensed bold, muted grey-violet, about 31 px. Along the bottom, a chapter timeline: a thin line with small ticks every 55 px, a diamond at each chapter start, a darker progress line behind a small playhead, and the current chapter's name handwritten above it ("describe", "type", "refine", "3D effects", "preview", "export"; replace with yours). The interface colours switch with the light and dark scenes. Title blocks sit centred in the frame. </composition> <techniques> Notes write on stroke by stroke, and their arrows draw from tail to head right after. Each chapter name writes on in 0.17 s while the previous one wipes off. Each timeline diamond fills and pops when the playhead reaches it. Squash and stretch on every contact: the dot flattens on landing and stretches along its velocity in the air. Letters growing from the floor rise from behind the line, overshoot to 1.2 times their height, hop clear and settle with a small squash in half a second, staggered 45 ms right to left. Dropping letters come in from the left, tilted up to 20 degrees, and straighten with a slight overshoot. Transitions: at 3.7 s, a hard cut from light to dark right after the title squashes; at 5.5 s, a three-frame wipe up from the bottom with a soft stepped edge; at 8.4 s, a six-frame horizontal push with strong horizontal motion blur; at 13.1 s, the dot launches out of frame, falls into the next shot and opens the light page as a fast circle. Everything else stays flat with no blur. </techniques> <music> An energetic synthwave/electro track at 128 BPM, exactly 15 seconds long, whose own drums carry the beat. Arc: a short filtered intro under the bouncing ball, then the drop exactly when MOVE springs up at 1.9 s, with the track's kick on every beat. The full groove runs to about 5.6 s, followed by a breakdown without kick under the easing graph. A build leads back in, with the groove returning on the whip at 8.5 s. A riser plays while the loader fills, and a final boom with a sub drop lands on the downbeat as the light opens on the name (about 13.2 s). The groove rides out with a short fade at the end. Do not layer any extra kick, clap or hats on top of the track: one kick per beat, no flams. </music> <sound> Sound effects on the picture's moments: a boom on the drop at 1.9 s, a swoosh on the cut to the dark page at 3.7 s, and a clap on the one-frame orange flash at 5.13 s. A whoosh on the wipe at 5.5 s and a bigger one on the whip at 8.4 s. A soft click when the cursor grabs the handle, a short whoosh when the dot launches, and the final boom with a sub drop at about 13.2 s. No voice-over. Mix at about -14 LUFS with the true peak below -1 dBTP. </sound>
Used 3 times
