Real-time cinematic 3-way color grader, aspect ratio matte, visual beat sequencer, and lookbook builder.
Reorder visual beats, edit focal lengths, and configure lyric subtitles celebrating the “Nicole Kidman” homage.
In the studio monitor, the director canvas renders a widescreen 960 by 540 viewport while dynamically calculating matte bars based on the selected aspect ratio. Selecting two point three nine to one computes a target height of w divided by two point three nine, placing symmetric sixty-nine pixel black letterbox mattes along top and bottom. Layered grading filters then composite over the active scene: an overlay tint scaled by gain, radial vignette falloff, anamorphic streaks, and randomized grain noise. Finally, clicking Export Lookbook draws this composite canvas beside the production shot cues onto a twelve hundred by six hundred thirty export sheet ready for download.
How does the lookbook studio composite widescreen letterboxing and grading effects onto the canvas preview and export sheet?
This studio generates a director preview using an HTML5 2D canvas drawing pipeline rather than a hardware LUT engine. It calculates widescreen letterboxing geometrically by dividing the canvas width by the selected aspect ratio, letterboxing any remaining height with symmetrical black bars. Stylized grading parameters—such as radial vignettes, tinted overlays, simulated horizontal anamorphic streaks, and randomized noise patterns—are rendered via standard 2D canvas blend modes (screen, overlay, and lighter) and drawn alongside sequence metadata onto downloadable image cards.
The grading suite relies on simplified 2D canvas 2D blend overlays, linear gradients, and a 160×160 repeating noise canvas pattern. It does not use 3D color lookup tables (.cube), Academy Color Encoding System (ACES) workflows, calibrated color spaces, or optical anamorphic flare simulation.
Switching the letterbox matte from 2.39:1 CinemaScope to 16:9 Broadcast recalculates target height as width divided by 16/9 (960 / (16/9) = 540 px), eliminating the top and bottom matte bars entirely. Clicking 'Eyes Wide Midnight' switches the background gradient and overlay tints to cool cyan tones, and the monitor overlay updates to display the active ratio, LUT, and grain settings.
The preview monitor operates at a fixed resolution of 960×540 pixels (a native 16:9 aspect ratio). When 2.39:1 is active, target frame height is calculated as 960 / 2.39 ≈ 401.67 pixels. The remaining height (540 - 401.67 ≈ 138.33 px) is halved to draw symmetrical ~69 px black bars across the top and bottom of the frame.
Grading effects are drawn in distinct sequential passes: a radial background backdrop, stylized geometric vector silhouettes, an anamorphic flare using 'screen' composition, a gain-scaled ambient tint overlay using 'overlay', a radial darkness gradient for vignetting, and a repeating canvas noise tile using 'lighter' blending. The lookbook export button duplicates this canvas state onto a 1200×630 presentation canvas alongside the first four shot cues.