Scroll

Selected Work — Motion Design

Kite Fight

Kite fighting over a Brazilian neighborhood, drawn with dynamic lines, bright graphic shapes and strong compositions to show energy, tension, movement and competition.

Role
Concept, Illustration, Motion Design
Discipline
Sequential Design
Format
7 key frames, motion tests + teaser

Project Overview

Kite Fight turns a familiar rooftop game into a story about people: how we hold on, pull against each other, and finally let go.

Seven sequential frames follow one kite from the first unwinding of the string to a sky crowded with rivals. Made for young adults and anyone drawn to visual storytelling, motion design, culture and emotional narratives.

  • Energetic
  • Tense
  • Reflective
  • Hopeful
  1. Challenge

    Make freedom, tension, struggle and connection felt, not explained.

  2. Idea

    Kite fighting as a metaphor: strings for connection and control, movement for struggle and release.

  3. Result

    Seven key frames, motion tests and a 30 × 50 in process poster in a four-color graphic style.

01

Story

01

Where it happens, and what’s at stake

The Fight

High above the city, the rooftops become an arena. A boy sends his kite into a sky full of rivals. There is only one rule: cut the other string before yours is cut.

Christ the Redeemer drawn in blue line above the city while yellow kite strings sweep across the sky
Frame 02 — The city, already crossed with strings.

Win the fight by cutting the opponent’s string.

Goal — victory, achievement, and a sense of freedom
02

Design Challenge

02

The problem to solve

How do you make someone feel freedom, tension, struggle and connection, using nothing but the movement of a kite?

Communicate emotion through the movement and visual language of kite fighting

03

Concept

03

The idea behind every frame

Kite fighting becomes a metaphor for human relationships and emotions.

The Strings

Connection and control. What ties two people together is also what they pull on.

The Movement

Struggle, freedom and release. Every climb, dive and cut is an emotional beat.

The Rhythm

Chaotic battles against calm, empty skies. The contrast sets the pace of the story.

White kites collide in the sky as yellow strings cross and tangle
/01TensionStrings pulled tight between rivals
A single small kite rises on a thin yellow string through an empty green sky
/02FlightOne kite, one line, open sky
A hand grips the kite string above dense hillside rooftops drawn in blue line
/03ConnectionThe line runs through his fingers
Dozens of yellow, white and blue strings stream across the frame
/04StruggleEvery line fighting for the same sky
A boy drawn in white outline points his string toward Christ the Redeemer on the mountain
/05ControlReading the wind, aiming the line
A wide yellow ribbon of string pours from a spool across a green frame
/06ReleaseThe spool unwinds, and he lets go

The design turns an abstract emotional experience into something you can understand through a familiar activity. You don’t read about tension and release here. You feel them in the kites.

04

Research

04

Real kites, real rooftops

Kite Season

I started by looking at the real thing: kite festivals, rooftops packed with flyers, handmade kites and spools of string. I studied Brazilian neighborhoods and how kites are built, then built black-and-white environment studies to find the camera angles: rooftops, windows, spools and the view straight up.

Kite fighting

Kite flyers on a rooftop above a Brazilian hillside neighborhood at sunset A lone figure flying a kite against a pale sky Hands coating kite string — making manja for kite fighting

Environment studies

Study: aerial view of a dense hillside neighborhood in black and white Study: kites seen through an open window over the rooftops Study: string spools in the foreground of a city full of kites Study: a pile of patterned paper kites Study: close-up of string winding off a spool Study: looking straight up between tall buildings
05

Mood + Visual Language

05

Finding the look

Line over fill

The mood board leaned on line: crossing strings, skylines reduced to bars, figures caught in a web of threads. Lines would carry the story, not detail.

  • Illustration
  • Sequential frames
  • Lines
  • Strings
  • Motion paths
  • Animation
Mood reference: crossing black lines Mood reference: a skyline reduced to vertical bars Mood reference: a figure tangled in colored strings Mood reference: lines converging in perspective Mood reference: blue line paths drawn through a city scene Mood reference: thin red lines on paper
06

Sketches + Storyboards

06

Testing ideas in black and white

Black + White

Everything started as loose, quick, black-and-white line drawings: first string studies, then three rounds of storyboards. I explored:

  • Composition
  • Camera angles
  • Kite shapes
  • Buildings
  • City environments
  • People
  • String movement
  • Perspectives

String studies: how a single line can show pull, speed and collision.

Sketch: a single string cutting diagonally across the frame Sketch: strings crossing at sharp angles Sketch: a dense web of crossing strings Sketch: early hand-lettered Kite Fight title with a figure and kites

These experiments decided how the strings would speak: Tension Flight Connection Competition

07

Development

07

From pencil to motion, step by step

Sketch to Screen

The chosen sketches became a graphic language: four colors, simplified environments, and strings that carry the movement and connect each part of the frame.

  1. Sketch
  2. Line test
  3. Motion
  4. Final

07.1 Palette

  • GreenSky + ground
  • YellowStrings + energy
  • WhitePeople + kites
  • BlueCity + architecture

Four colors only. Green holds the world, yellow is always the string.

07.2 Line → Color

Line test: a yellow ribbon of string Line test: strings crossing Green frame test: two strings Green frame test: white title lettering

Line tests on flat color, then the move to the full green sky.

07.3 Before → After

Final frame: boy pointing his string Sketch: boy looking up
Aim
Final frame: hand on the string over rooftops Sketch: city rooftops
The City
Final frame: kites clash Sketch: kites colliding
The Clash
Final frame: Kite Fight title Sketch: title frame
Title

Drag across a frame to turn the rough board into the final image.

07.4 Motion

Before the detailed frames, the strings were animated on their own: one line rising, a skyline building up, then a sky full of thread.

  1. Motion test frame 1: a single string rises01
  2. Motion test frame 2: the string traces the hills02
  3. Motion test frame 3: strings sweep the frame03
  4. Motion test frame 4: lines settle04
  5. Motion test frame 5: a skyline of bars rises05
  6. Motion test frame 6: dozens of strings stream across06
  7. Motion test frame 7: kites climb on their lines07
  8. Motion test frame 8: Kite Fight title08
08

Final Frames

08

The finished sequence, frame by frame

  1. Frame 1: the spool unwinds a ribbon of yellow string

    01 Release The spool unwinds. One yellow string pours across the frame.

  2. Frame 2: Christ the Redeemer above the city crossed by strings

    02 The City Christ the Redeemer above the city, already crossed by strings.

  3. Frame 3: a single kite on a thin string

    03 Flight One kite, one line. The calm before the fight.

  4. Frame 4: the boy aims his line

    04 Control The boy reads the wind and aims his line.

  5. Frame 5: a hand on the string over rooftops

    05 Connection The string runs through his fingers above the rooftops.

  6. Frame 6: kites collide

    06 Tension Kites collide. Strings cross, tangle, cut.

  7. Frame 7: Kite Fight title frame

    07 Kite Fight The sky fills with rivals.

Kite Fight 30 by 50 inch process poster: final frames, concept, mood board and process sketches

Process poster

30 × 50 in. The seven final frames as one sequence, with the concept, keywords, palette, mood board and process sketches underneath.

09

What I Learned

09

Looking back

Reflection

Kite Fight taught me how to turn an abstract idea into visual storytelling.

It strengthened my skills in composition, visual rhythm, line, movement and sequencing, and showed me how much emotional meaning a few simple visual elements can carry.

  • Composition
  • Visual rhythm
  • Line
  • Movement
  • Sequencing
  • Emotional meaning
10

Final Teaser

10

The sequence in motion

Final teaser 0:00 / 0:38
  1. Key frame 101
  2. Key frame 202
  3. Key frame 303
  4. Key frame 404
  5. Key frame 505
  6. Key frame 606
  7. Key frame 707

Shuvo Miah

Motion Designer + Illustrator
Los Angeles, California

Visual storytelling through motion, illustration, and design.

Contact

Email
hello@shuvomiah.com