
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.







