Afteralls

Service 05

Motion Graphics & Animation

Logo animation, kinetic typography, explainers, interface motion and visual effects, built frame by frame and timed to the second they need to land.

  • Logo
  • Type
  • Explainer
  • Interface
  • VFX

Why It Moves

Motion Is Not Decoration.

Every animation on a screen is doing one of four jobs. If it is not doing one of them, it should not be moving.

  • Move.

    Carry the eye from one place to the next, so a change of state is followed rather than discovered.

  • Explain.

    Show a process in the order it happens. Some ideas cannot be drawn as a single still image.

  • Focus.

    Put weight on the one thing that matters in the frame, and take it off everything else.

  • Transform.

    Turn one thing into another without cutting, so the relationship between them survives the change.

Logo Animation

A Mark, Built in Four Beats.

  1. 01 Draw
  2. 02 Rise
  3. 03 Snap
  4. 04 Hold

Kinetic Typography

Motion tells you where to look, what matters, and what happens next.

Type set to a rhythm, cut to the voiceover, and built so a single line can be re-timed without re-animating the whole sequence.

How It Gets Made

Boarded Before It Is Animated.

Timing, order and emphasis are decided on paper, where a change costs a minute rather than a day.

Open on the problem
Introduce the product
Show it working
Land the call to action
Placeholder frame from an animated sequence
Animated output

Visual Effects

Every Frame Is a Stack.

Clean-up, added elements and the grade are separate layers on purpose, so any one of them can change without re-doing the others.

Plate
Plate, The shot as filmed
Clean-up
Clean-up, Rig, marker and blemish removal
Elements
Elements, Added light, atmosphere, graphics
Comp
Comp, Graded and merged to one frame

Product & Interface

Small Moves. Clear Reasons.

Onboarding sequences, feature explainers, app store previews and the transitions between states, animated to match the product, not to decorate it.

  • Onboarding and empty-state sequences
  • Feature walkthroughs and release notes
  • App store and landing-page previews
  • Loading, success and error states

Dashboard transitions

App sequences

Motion Reel

Ninety Seconds of It.

Selected Motion Work

001
002
Kinetic type
Kinetic type
003
Social cut-down
Social cut-down
004
Lettering in motion
Lettering in motion
005
Composited frame
Composited frame
006
Product loop
Product loop
007
Broadcast package
Broadcast package

Start Here

Make It Move
For a Reason.

Send the script, the logo files, or the thing you cannot explain in a still image. We will come back with the board and the timing before anything is animated.

Start a Motion Project

Other Services