top of page
LandingPage 2 (0-00-01-00)2.png

"Be water, my friend."

Inspiration comes from anything, and for flow, it started from this song.

Intro 4.gif

Flow is a 2D casual game inspired by Bruce Lee's philosophy of being water, where you need to tilt your phone to reveal an invisible shape and avoid obstacles along the way.

Colors

Water

Flow

Illustration Design

The Process

The focus was to create illustrations in watercolor style to translate the look and feel of water.

photo_2021-04-13_18-57-25.jpg

Sketch

Orchidnotexture-01.png

Base Colors

orchidbrushtexture-01.png

Textures

ink + paper textures

Untitled-3.png

Level 1 - Animals

Butterfly_Splashes.png
Butterfly.png
Untitled-2.png
OrchidOrchid.png
Orchid_Splashes.png

Level 2 - Plants

Untitled-1.png
3.Unicorn_Level3Final-01.png
Unicron_PNG.png

Level 3 - Routine

Concept Sketches

Motion Graphics & VFX

The Process

The focus was to further translate the feel of water and flow through motion graphics and vfx.

Process Video1.gif

Matching textures in AE from illustrations.

Process Video3.gif

Splashes added according to base animation

Process Video4.gif

Water VFX created according to animation.

Process Video2.gif

Adding in animation assets if any using wave masks.

ProcessVideo8_1.gif

Main effect used is roughen edges.

ProcessVideo5_1.gif

An alpha matte of this ink spread is added to the ripple created for reveal in animation.

Level 1 - Animals

Level 2 - Plants

Level 3 - Routine

Game Intro

Team Logo

Level Transition 

Branding

UI/UX Design

Untitled-1.png
LandingPage%202%20(0-00-01-06)_edited.pn
LandingPage 2 (0-00-01-00).png
Asset 8.png

A minimal design has been chosen
that is inspired by water and watercolor to further tie the theme and concept all together.

Asset 10.png
Asset 11.png
Asset 12.png
Asset 14.png
Asset 13.png

Icons within the game have been chosen based on the color and theme of the level played to represent health, progress and instructions.

Pixel 4 & 4 XL-04.png
Untitled-3.png
Beetle_NoPause_1080by1920153.png
Pixel 4 & 4 XL-04.png
Beetle_NoPause_1080by1920110.png

Web Design

Untitled-2.png
LandingPage%202%20(0-00-01-06)_edited.pn
iMac-Mockup-by-CePixel-Concept-20-Front.
LandingPage 2 (0-00-01-00).png

Elements of the branding have been taken into the website by making it animated, textured and have paper cutouts for different information section similar to the levels selection in the game UI.

Teaser

Untitled-1.png

Social Media Posts

LandingPage%202%20(0-00-01-06)_edited.pn
LandingPage 2 (0-00-01-00).png
Asset 1.png

Instagram Filter

Collaborative project created with Team Seed. 

Software used - Adobe After Effects, Adobe Illustrator, Adobe Photoshop, Spark AR
 

bottom of page