Three motion graphics pieces from one keyframe source by Vincent L. AndersonThree motion graphics pieces from one keyframe source by Vincent L. Anderson

Three motion graphics pieces from one keyframe source

Vincent L. Anderson

Vincent L. Anderson

A demo built for a specific brief. Not client work: the material shown is sample data, so what is on display is the mechanism.
Three motion graphics pieces from one keyframe source, animated preview 1 of 3
Three motion graphics pieces from one keyframe source, animated preview 2 of 3
Three motion graphics pieces from one keyframe source, animated preview 3 of 3
I built three motion graphics pieces for a placeholder brand: a 6.5-second 1920×1080 product feature reveal, a 5.5-second 1080×1920 social sting and a 4.2-second lower third, 25 layers and 136 keyframes in all, rendered frame by frame at 30 fps (486 frames) to H.264 MP4 and read back with ffprobe against each piece's delivery spec. Each piece is cut into setup, reveal and payoff beats, and the build fails if a beat carries no animated change or a piece ends without a 0.5 s hold. Brand rules are checked on every frame: six palette colors, eased motion only (linear on opacity alone), moves of 0.2 to 0.9 s, text held for words / 3 + 0.5 s, text inside 90% title safe, and no layer faster than 90 px per frame (fastest here 48.2). The same keyframe data generates an After Effects script that builds one comp per piece with named shape and text layers, position, scale, rotation and opacity keys, matching eases and beat markers; After Effects is not on the build machine, so that script has not been run.
Three motion graphics pieces from one keyframe source 1
Three motion graphics pieces from one keyframe source 1
Like this project

Posted Sep 23, 2026

I built three motion graphics pieces for a placeholder brand: a 6.5-second 1920×1080 product feature reveal, a 5.5-second 1080×1920 social sting and a 4.2-second lower third, 25 layers and 136 keyframes in all.