Scroll down to steer the camera through sequential graphic novel panels, focal zooms, and animation layer breakdowns.
“The city goes dead quiet at two in the morning. That’s when the frequency starts leaking through the ink.”
Frame 001 // The virtual camera hangs in cold nocturnal air, tracking reflective rain on wet asphalt.
Every turn of the scroll wheel rotates and dollies the virtual camera into keyframes, simulating high-end cinematographic anamorphic lenses.
Scroll position scrub-animates between pencil gestures, inked contours, and final electric blue composites in real-time.
Sub-bass whooshes, tactile comic clicks, and cybernetic glitches trigger dynamically as panels and cameras shift.
Self-initiated visual narratives, 2D animation tests, and graphic novel prototypes crafted at SERRO Studio.
A serialized graphic novel experiment following two rogue animators in an electrified monsoon metropolis. Crafted using custom hand-drawn keyframes and parallax panel compositing.
Traditional hand-drawn animation studying the physics of wind, water reflections, and character gestures during golden hour in northern India.
A generative interactive web installation where user gestures trigger real-time vector distortions, synthesized chords, and kinetic typography.
A visual identity system rooted in sharp high-contrast typography, electric cyan energy paths, and brutalist geometric framing.
Five interconnected speculative fiction short stories rendered in stark monochrome with deep indigo accents and digital halftone screens.
A raw look inside our lightbox: exposure sheets, rough gesture animation, breakdowns, and final line art for high-velocity action sequences.
CREATIVE DIRECTIONS
Self-initiated studies exploring the intersection of graphic novel storytelling, 2D motion, and modern creative technology.
HOW WE PRACTICE
Four craft pillars converging on high-contrast 2D animation, graphic tension, and digital storytelling.
We are obsessed with expressive characters, hand-crafted cel movement, and the dramatic weight a single 2D frame can hold.
Exploring how high-contrast type, monochrome palettes, and kinetic rhythm give visual systems an unforgettable edge.
Crafting digital spaces that simulate reading a motion comic or graphic novel storyboard in real time.
Using code and creative tools to discover unexpected graphic textures, halftone rasters, and cinematic stories.
THE NOCTURNO PIPELINE
Uncover the human tension, mood, or subtle detail that gives a narrative somewhere meaningful to ignite.
Draw rough keyframe compositions, establish perspective angles, and draft dynamic manga pacing.
Bring high-contrast brushwork and razor-sharp graphic silhouettes together through meticulous 2D inking.
Layer volumetric atmosphere, deep cobalt shadows, and electric cyan edge glows into a final master.
Ship responsive, performant interactive narrative experiences with synchronized sound and haptic motion.
THE VOICES BEHIND SERRO
We are Sami and Abhinav—friends, co-founders, and student makers exploring where Japanese-inspired graphic novel pacing meets 2D animation and creative technology.
Leading creative direction, storyboarding, and frame pacing at SERRO. Exploring how cinematic graphic novel techniques can turn everyday screens into atmospheric worlds.
Start a conversationDirecting motion engineering, code architecture, and interactive systems. Merging Three.js, WebGL, and sound synthesis to build websites that feel alive.
Start a conversationSERRO is our laboratory for visual storytelling, 2D animation, motion systems, and interactive code. We work hands-on: draft a story in ink, deconstruct the keyframes, composite the atmosphere, and build digital experiences that refuse to be ignored.
Start a conversationHAVE A STORY TO BRING TO LIFE?
We are open to narrative collaborations, 2D animation projects, motion comic development, and bold interactive brand worlds.
NOTES FROM THE NOCTURNO LAB
Unreleased 2D storyboard sketches, animation breakdowns, and process insights—sent quietly to your inbox.
Member archive