Fisik.app Promo Video

A fast-paced promo video for fisik.app — a physics learning platform — cut as an Instagram Reel. The whole piece was constructed in After Effects: PosterizeTime for stepped snap, kinetic text animators, 3D models with a one-node camera, advanced speed graphs for every cut, and fully animated physics diagrams.

The brief

fisik.app needed a video that feels like physics itself: precise, snappy, and a little bit playful. In under a minute it had to show the product UI, prove the simulations are real math — not stock animation — and end on the logo so viewers remember the name. That meant every second had to do double duty: teach and tease at the same time.

01 · PosterizeTime — the stepped textbook snap

Continuous motion feels digital; stepped motion feels printed — like a textbook flipping pages. An adjustment layer running posterizeTime() was laid over the diagram sections so UI highlights and formula reveals tick in discrete steps instead of gliding. Camera moves were kept on a separate, smooth layer so the product still feels premium while the diagrams feel tactile. Try it below — low fps is the textbook look, high fps is the product look.

02 · Kinetic text animators

Almost every headline — “Motion”, “Forces”, “Simulate” — is a text animator, not keyframes on every letter. Tracking animators slam words in from wide spacing, blur-rise animators float feature names up out of the phone mockup, and a staggered overshoot preset gives the “FISIK.APP” lockup its bounce. Range selectors with Ease High mean one animator drives the whole word, so retiming the voiceover never breaks the animation. Preview the three hero presets:

03 · 3D models, cameras & depth

The phone running fisik.app, the orbiting atom, and the floating formula cards are layered 3D elements inside a single comp. A one-node camera pushes in on every hook while null-parented parallax layers drift at different depths, and a touch of depth of field racks focus from the UI to the diagrams. Hover the mockup to feel the parallax rig:

04 · Advanced speed graphs — no choppy cuts

Nothing in this video cuts at constant speed. Scene changes ride a slow → fast → slow ramp across position, scale, and rotation at once; logo and UI impacts slam in fast and settle slow with motion blur; diagram wipes use a whip-pan ramp with directional blur to hide the splice. Each preset below is one of the actual graph shapes from the project — the dot is the playhead riding the curve:

05 · Diagrams for physics — real equations on screen

The centerpiece is a projectile-motion diagram drawn exactly the way the app simulates it: launch vector, parabolic trim-path trajectory, live range and height readouts. The path is a shape layer revealed with Trim Paths, the vector rotates with an angle expression, and the readouts are driven by the same R = v²·sin(2θ)/g math. Change the angle and velocity — the video's diagram obeys the same formulas:

Supporting diagrams — free-body arrows, velocity vectors, energy bars — all reuse one graphic language: lime trajectories, coral vectors, dark-lab background. That consistency is what makes three different physics ideas read as one brand in under a minute.

How the timeline was stacked

Six layer groups, top to bottom. Text always wins the top slot so headlines never get buried; the PosterizeTime adjustment sits above everything diagram-related so it can be toggled per section without touching the smooth camera layer.

Sound & finishing

Whooshes land exactly on speed-graph peaks, UI ticks on every PosterizeTime step, and a soft low-end thump marks each equation locking into place. Final grade: crushed blacks, coral pushed warm, lime kept electric — the same palette as the fisik.app site so the Reel and the landing page feel like one continuous surface.