NTMM

Connects Keyboard /

Connects Keyboard /

Connects Keyboard /

Connects Keyboard /

Connects Keyboard /

Connects Keyboard /

Connects Keyboard /

Connects Keyboard /

Connects Keyboard /

Connects Keyboard /

Connects Keyboard /

Connects Keyboard /

The Challenge

Integrating2Dmotiongraphicsintoa3Dproductspaceoftenresultsinadisconnectedaesthetic,wherethegraphicsfeellikepost-productionstickersfloatingoverthelens.ThegoalwastomaketheglowingUIlinesfeelphysicallygrounded,existingwithintheexactsameenvironmentanddepthoffieldasthetactilekeyboardhardware.

The Solution

Insteadofrelyingonpost-productioncompositingtofaketheintegration,the2Delementsweretreatedasphysicallightsourceswithinthesceneitself.ByplacingtheUIgraphicsontophysicalplanesdirectlysurroundingthekeyboardgeometry,thetechoverlaysinteractednaturallywiththecamera'sactualdepthoffieldandtheclinical,high-contrastlightingsetup.

How we got there

Theworkflowflippedthestandardcompositingpipeline.First,the2DUIschematicsandlineanimationswerebuiltnativelywithinDaVinciResolveFusion.Thoseanimatedassetswerethenbroughtintothe3Dsoftwareandprojectedonto3Dplanes.Withtheanimationsphysicallyplacedaroundthekeyboardmodules,thefinallookandlightingweredialedinglobally.Thisallowedeverythingtoberenderedtogetherin-cameraasonecohesive,cinematicsequence.

Project CanvasLegacy layout
Frame 0-0
Frame 1-0
Frame 1-1
Frame 1-2
Frame 2-0
Frame 2-1
Frame 3-0
Frame 4-0

©2026