PROLOGUE

HOME / MOTION DESIGN IDEAS IN MOTION. Motion graphics & animation by Muhammad Zohaib Shahzad

CHAPTER IThe Storyboard
A hooded wanderer in a violet cloak crosses an empty stone plain beneath ink clouds

In an endless plain of nothingness, a lonely figure walks. Every animation begins exactly here — on an empty frame.

I start with story: scripts, mood boards and boards drawn shot by shot, so every second earns its place.

A violet moon above a vast stone stairway rising through clouds
CHAPTER IIThe Keyframes

Keyframes are the stairs. Easing decides how we climb — a slow breath in, a confident step out.

Timing, spacing, anticipation, follow-through. Twelve principles, applied until the motion feels inevitable.

CHAPTER IIIThe Hourglass

Time is the raw material. Twenty-four frames fall to make a single second — and none of them is wasted.

Animatics, timing sheets and a beat map cut to the music before a single pixel is polished.

A weathered hand in tattered violet robes reaches for a glowing orb
CHAPTER IVThe Touch

Then comes the touch. A hand reaches, the light answers — and the drawing begins to breathe.

Character animation, 2D rigs and sculpted 3D forms, given weight, gesture and a pulse of their own.

An endless colonnade of stone pillars leading to a glowing violet doorway
CHAPTER VThe Stage

The curtains part. Behind them, a temple of pillars — the pipeline where every world I imagine is built, lit and rendered.

CINEMA 4DBLENDERHOUDINIAFTER EFFECTSOCTANENUKE
CHAPTER VIThe Styleframe

Before anything moves, it must be beautiful standing still. One frame, painted like a poster, sets the light, the palette and the type.

INK · 0C0912
PAPER · EBE6F1
VIOLET · 6A2EE0
LILAC · BBA8EA
AaBOLD TYPE · EXPRESSIVE MOTION
MZS INK Nº 7
CHAPTER VIIThe Pour
◆ COLOUR
◆ SOUND
◆ RHYTHM

Then we pour in the spirit. The frame fills slowly, until it glows on its own.

Colour grading, sound design and music-led edits — the layers that turn animation into a feeling.

CHAPTER VIIIThe Eyes

Every shot is a decision. The lens opens, focus finds its mark — and where the eye goes, the story follows.

Camera direction, framing and depth of field — designed in 3D, choreographed like live action.

CHAPTER IXThe Impact

Then — impact. Speed lines tear the page and the world snaps into place.

Smear frames, impact frames and particle hits — the secret grammar that makes motion land.

IDEAS IN MOTION. EST. IN INK · RENDERED IN LIGHT

Your brand deserves to move

MOTION DESIGN.

From the first storyboard to the final frame, explore the ways motion can bring your story, campaign or brand to life.

I

2D Motion Graphics

Vector, textured and hand-drawn motion for brand campaigns, product launches and data stories.

AFTER EFFECTSCELDATA VIZ
II

3D Animation

Product hero renders, stylised worlds and cinematic environments lit like a film set.

BLENDERC4DOCTANE
III

Kinetic Typography

Words with choreography — title sequences, manifestos, lyric videos and launch films.

TITLESLYRICMANIFESTO
IV

Logo & Idents

Animated marks, stingers and full motion identity systems built to scale across every screen.

LOGO REVEALSTINGERSSYSTEMS
V

Explainer Films

30–120 second stories that make complex products feel simple, clear and worth a click.

SAASPRODUCTONBOARDING
VI

VFX & Compositing

Particles, simulations, cleanup and integration — the invisible polish on the final frame.

NUKEPARTICLESROTO
STEP 01

Discover

Brief, audience and the single feeling the piece must leave behind.

STEP 02

Design

Scripts, boards and styleframes that lock the look before a frame moves.

STEP 03

Animate

Animatic, keyframes, polish — reviewed in rounds you can actually follow.

STEP 04

Deliver

Mastered in every ratio: 16:9, 9:16, 1:1 and loops for the web.

EPILOGUE · THE INVITATION

LET’S MAKE
SOMETHING MOVE.

Tell me about your idea, your audience, and what you want to create. Let’s give your story a visual direction and bring it to life.

LET’S TALK ON UPWORK ↗