00%
3D Animation
3D Animation
Stuff The British Stole: The Tea Leaves China
Stuff The British Stole: The Tea Leaves China
Stuff The British Stole: The Tea Leaves China
/// Overview
/// Overview
For the third season of Stuff The British Stole, the narrative of "The Tea Leaves China" demanded a distinct visual framework to recount the history of British tea smuggling. We conceptualized an aesthetic where the story unfolds directly through traditional ceramic art, utilizing the curved, reflective surfaces of porcelain teacups as our primary narrative canvas. This approach required a delicate balance between preserving the authentic, hand-drawn essence of the 2D illustrations and achieving the high-end cinematic lighting and tangible material properties characteristic of the documentary series.
For the third season of Stuff The British Stole, the narrative of "The Tea Leaves China" demanded a distinct visual framework to recount the history of British tea smuggling. We conceptualized an aesthetic where the story unfolds directly through traditional ceramic art, utilizing the curved, reflective surfaces of porcelain teacups as our primary narrative canvas. This approach required a delicate balance between preserving the authentic, hand-drawn essence of the 2D illustrations and achieving the high-end cinematic lighting and tangible material properties characteristic of the documentary series.
// General Information
Role
Art Director, Team Lead, Look Dev, Lead Animation, Lead Illustration & Compositing
Duration
2 months
Software
Cinema 4D, Redshift, After Effects, ft-UVPass
Credits
Studio: Lafinka.tvProject Director: Andrés Gomez Isaza and Keke Marc RobertsonThanks to: Alejandra Morales (creative producer), David Silva (3D Animator), and all artists involved in the project.Client: BBC / Wildbear EntertainmentCreator & Host: Marc FennellExecutive Producers: Richard Finlayson, Alan Erson, Kate HarrisonProducers: Marc Fennell, Kate PappasDirectors: Aaron Smith, Gary Hamaguchi, Shane Belcourt
/// The Challenge
/// The Challenge
The primary technical hurdle was faithfully projecting flat, illustrative 2D artwork onto complex, refracting 3D geometry without compromising the graphic integrity of the original designs or the physical photorealism of the porcelain. Mapping static animated textures directly within the 3D engine restricted editorial flexibility and made iterative narrative changes highly inefficient. We needed a solution that completely decoupled the 2D illustrative animation from the heavy 3D rendering process while ensuring they felt organically fused and deeply integrated in the final composite.
The primary technical hurdle was faithfully projecting flat, illustrative 2D artwork onto complex, refracting 3D geometry without compromising the graphic integrity of the original designs or the physical photorealism of the porcelain. Mapping static animated textures directly within the 3D engine restricted editorial flexibility and made iterative narrative changes highly inefficient. We needed a solution that completely decoupled the 2D illustrative animation from the heavy 3D rendering process while ensuring they felt organically fused and deeply integrated in the final composite.
The primary technical hurdle was faithfully projecting flat, illustrative 2D artwork onto complex, refracting 3D geometry without compromising the graphic integrity of the original designs or the physical photorealism of the porcelain. Mapping static animated textures directly within the 3D engine restricted editorial flexibility and made iterative narrative changes highly inefficient. We needed a solution that completely decoupled the 2D illustrative animation from the heavy 3D rendering process while ensuring they felt organically fused and deeply integrated in the final composite.
/// The Solution
/// The Solution
We devised an advanced post-texturing workflow utilizing the ft-UVPass plugin within After Effects, allowing us to map the 2D animated illustrations directly onto the rendered 3D geometry during the compositing phase. By rendering the teacups in Redshift with raw UV coordinates and outputting extremely dense, multi-layered AOVs, we retained absolute, non-destructive control over the lighting, specular reflections, and subsurface scattering, seamlessly marrying the graphical illustration aesthetic with physical, cinematic depth.
We devised an advanced post-texturing workflow utilizing the ft-UVPass plugin within After Effects, allowing us to map the 2D animated illustrations directly onto the rendered 3D geometry during the compositing phase. By rendering the teacups in Redshift with raw UV coordinates and outputting extremely dense, multi-layered AOVs, we retained absolute, non-destructive control over the lighting, specular reflections, and subsurface scattering, seamlessly marrying the graphical illustration aesthetic with physical, cinematic depth.
We devised an advanced post-texturing workflow utilizing the ft-UVPass plugin within After Effects, allowing us to map the 2D animated illustrations directly onto the rendered 3D geometry during the compositing phase. By rendering the teacups in Redshift with raw UV coordinates and outputting extremely dense, multi-layered AOVs, we retained absolute, non-destructive control over the lighting, specular reflections, and subsurface scattering, seamlessly marrying the graphical illustration aesthetic with physical, cinematic depth.
/// The Process
/// The Process
vWe initiated the pipeline with comprehensive look development in Cinema 4D, establishing the complex material nodes required to simulate the subtle imperfections, specular highlights, and subsurface light transport of antique porcelain. Simultaneously, the 3D animation phase focused on the physical choreography of the teacups and camera layouts, prioritizing graceful, cinematic framing that would best stage the upcoming artwork. Instead of applying the illustrations directly as diffuse textures in Redshift, we exported the raw UV coordinates alongside comprehensive AOV passes, including specular, reflection, depth, and custom mattes. Transitioning into After Effects, we leveraged the ft-UVPass workflow to inject the animated 2D illustrations into the rendered UV space, mathematically wrapping the flat artwork around the 3D geometry in post-production. This post-texturing technique allowed us to refine the 2D animation timing and narrative beats independently of the heavy 3D render times. Finally, the dense AOV layers were composited back over the freshly mapped illustrations, precisely reintroducing the physical lighting, glaze reflections, and depth of field to finalize the cohesive integration of traditional 2D storytelling within a photorealistic 3D environment.
vWe initiated the pipeline with comprehensive look development in Cinema 4D, establishing the complex material nodes required to simulate the subtle imperfections, specular highlights, and subsurface light transport of antique porcelain. Simultaneously, the 3D animation phase focused on the physical choreography of the teacups and camera layouts, prioritizing graceful, cinematic framing that would best stage the upcoming artwork. Instead of applying the illustrations directly as diffuse textures in Redshift, we exported the raw UV coordinates alongside comprehensive AOV passes, including specular, reflection, depth, and custom mattes. Transitioning into After Effects, we leveraged the ft-UVPass workflow to inject the animated 2D illustrations into the rendered UV space, mathematically wrapping the flat artwork around the 3D geometry in post-production. This post-texturing technique allowed us to refine the 2D animation timing and narrative beats independently of the heavy 3D render times. Finally, the dense AOV layers were composited back over the freshly mapped illustrations, precisely reintroducing the physical lighting, glaze reflections, and depth of field to finalize the cohesive integration of traditional 2D storytelling within a photorealistic 3D environment.
vWe initiated the pipeline with comprehensive look development in Cinema 4D, establishing the complex material nodes required to simulate the subtle imperfections, specular highlights, and subsurface light transport of antique porcelain. Simultaneously, the 3D animation phase focused on the physical choreography of the teacups and camera layouts, prioritizing graceful, cinematic framing that would best stage the upcoming artwork. Instead of applying the illustrations directly as diffuse textures in Redshift, we exported the raw UV coordinates alongside comprehensive AOV passes, including specular, reflection, depth, and custom mattes. Transitioning into After Effects, we leveraged the ft-UVPass workflow to inject the animated 2D illustrations into the rendered UV space, mathematically wrapping the flat artwork around the 3D geometry in post-production. This post-texturing technique allowed us to refine the 2D animation timing and narrative beats independently of the heavy 3D render times. Finally, the dense AOV layers were composited back over the freshly mapped illustrations, precisely reintroducing the physical lighting, glaze reflections, and depth of field to finalize the cohesive integration of traditional 2D storytelling within a photorealistic 3D environment.