{"id":18,"date":"2026-08-31T19:23:09","date_gmt":"2026-08-31T19:23:09","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/beyond-frame\/about\/"},"modified":"2026-09-25T21:43:29","modified_gmt":"2026-09-25T21:43:29","slug":"about","status":"publish","type":"page","link":"https:\/\/projects.etc.cmu.edu\/beyond-frame\/about\/","title":{"rendered":"About"},"content":{"rendered":"\n<div class=\"wp-block-group about-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--60)\">\n<p class=\"section-label wp-block-paragraph\">THE EXPERIENCE<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Beyond Frame is an immersive interactive experience that invites visitors to step through the frame of a painting and become part of the artwork.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Using camera-based body detection and image processing, Beyond Frame separates visitors from their surroundings and transforms their appearance to blend naturally with the visual style of the selected painting. Visitors are composed between layers of the artwork, creating the illusion of standing inside the painted world rather than simply in front of a screen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As visitors move, elements within the painting respond subtly to their presence. Foreground objects overlap their bodies, environmental details shift, and interactions emerge through movement and position. The experience concludes with a personalized image capturing the visitor inside the artwork.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Beyond Frame transforms viewing art into an experience of entering it.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--30)\">\n<p class=\"section-label wp-block-paragraph\">PROJECT SUMMARY<\/p>\n<\/div>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Beyond the Frame explores how audiences can move from simply looking at a landscape painting to experiencing its atmosphere as a physical and immersive environment.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Using selected landscape paintings as the visual and conceptual foundation, the project extends the artwork beyond the two-dimensional frame through projection, spatial sound, lighting, and interactive technologies.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Rather than altering the original painting, the experience focuses on translating and expanding its existing qualities\u2014such as weather, time of day, depth, movement, sound, and emotional atmosphere\u2014into the surrounding physical space.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">The audience is no longer positioned only as an observer standing outside the artwork. Instead, they are invited to enter a spatial interpretation of the painting and experience its environment through sight, sound, and physical presence.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">At the end of the experience, the digital and immersive encounter returns to a physical medium through a printed takeaway, creating a tangible connection between the visitor, the artwork, and the museum experience.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Through this transition from 2D painting \u2192 immersive space \u2192 audience experience \u2192 physical print, Beyond the Frame aims to create a new way of engaging with traditional landscape art while respecting the original work.<\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--60)\">\n<p class=\"section-label wp-block-paragraph\">THE PROCESS<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group process-steps has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group process-step has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"process-1 wp-block-paragraph\">1<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2D Painting<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group process-step has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"process-2 wp-block-paragraph\">2<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Immersive Space<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group process-step has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"process-3 wp-block-paragraph\">3<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Audience Experience<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group process-step has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"process-4 wp-block-paragraph\">4<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Physical Print<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--70);padding-bottom:0\">\n<p class=\"section-label wp-block-paragraph\">PROJECT GOALS<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group goals-grid has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-group goal-card has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">Transform the experience of viewing a landscape painting into an immersive spatial encounter.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group goal-card has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-center wp-block-paragraph\">Extend the atmosphere of the original artwork through projection, spatial sound, lighting, and environmental design.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group goal-card has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-center wp-block-paragraph\">Allow audiences to experience the painting through physical presence rather than observation alone.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group goal-card has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-center wp-block-paragraph\">Preserve the artistic integrity of the original work while exploring how its visual and emotional qualities can exist beyond the frame.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group goal-card has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-center wp-block-paragraph\">Connect the immersive digital experience back to physical print, giving visitors a tangible object to take away from the experience.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n\n\n<p class=\"credit-line wp-block-paragraph\">This project&#8217;s client is Stephen Leon, Adjunct Faculty and 2D Lab Manager at the School of Design, Carnegie Mellon University.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>THE EXPERIENCE Beyond Frame is an immersive interactive experience that invites visitors to step through the frame of a painting and become part of the artwork. Using camera-based body detection and image processing, Beyond Frame separates visitors from their surroundings and transforms their appearance to blend naturally with the visual style of the selected painting. [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":23,"href":"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":410,"href":"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-json\/wp\/v2\/pages\/18\/revisions\/410"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}