{"id":1622,"date":"2023-11-22T10:18:11","date_gmt":"2023-11-22T18:18:11","guid":{"rendered":"https:\/\/www.bellevuecollege.edu\/xrlab\/?p=1622"},"modified":"2023-11-28T13:07:56","modified_gmt":"2023-11-28T21:07:56","slug":"creating-stunning-interior-design-animation-with-twin-motion-and-cesium-for-unreal","status":"publish","type":"post","link":"https:\/\/www.bellevuecollege.edu\/xrlab\/2023\/11\/22\/creating-stunning-interior-design-animation-with-twin-motion-and-cesium-for-unreal\/","title":{"rendered":"Creating Stunning Interior Design Animation with Twin motion and Cesium for Unreal"},"content":{"rendered":"\n<p>Animation has the power to bring your architectural designs to life. Our latest interior design visualization experiment focuses on the journey from the intimate details of interior furnishings to the broader urban context in which a house resides.<\/p>\n\n\n\n<p>In this blog post, we&#8217;ll walk you through the process of creating a captivating animation using <a href=\"http:\/\/twinmotion.com\">Twinmotion<\/a>, exporting it to <a href=\"https:\/\/www.unrealengine.com\/en-US\">Unreal<\/a>, and seamlessly merging the videos in Adobe Premiere. Whether you&#8217;re an architect, designer, or just a creative enthusiast, this guide will help you unlock the potential of these powerful tools.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-default\" \/>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Interior Design in Cityscape Context: Twinmotion &amp; Cesium 3D Visualization\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/Z48zu0M9FZk?wmode=transparent&amp;rel=0&amp;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe> \n<\/div><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Step 1: Building Your Scene in Twinmotion<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Begin by using Twinmotion&#8217;s asset gallery to construct different rooms and elements within your scene.<\/li>\n\n\n\n<li>When your scene is complete, export it as a Datasmith file.<\/li>\n<\/ul>\n\n\n\n<p>Step 2: Importing Your Scene into Unreal<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To import your Twinmotion scene into Unreal, you&#8217;ll need the Twinmotion for Unreal plugin. Note: This plugin works with Unreal 5.1 or under.<\/li>\n\n\n\n<li>Make sure to enable the Datasmith importer plugin from the Unreal Engine&#8217;s plugin window.<\/li>\n<\/ul>\n\n\n\n<p>For these first two steps you can also follow <a href=\"https:\/\/youtu.be\/-BQRtBWvDRE?si=TrxcixM4U50mTE8N%7D\">this tutorial<\/a>.&nbsp;<\/p>\n\n\n\n<p>Step 3: Animating in Unreal<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In Unreal, animate the position of furniture and assets to bring your scene to life.<\/li>\n\n\n\n<li>Render the first part of your video with the animations.<\/li>\n\n\n\n<li>If you are not familiar with Unreal animations I suggest you watch <a href=\"https:\/\/youtu.be\/Oha-OKB6QP0?si=qQHLGXWGM0m7bYIN\">this video<\/a>.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Step 4: Creating a Cesium Scene<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For the second part of your video, create a new scene.<\/li>\n\n\n\n<li>Download the Cesium for Unreal plugin and create a Cesium layer with your desired coordinates.<\/li>\n\n\n\n<li>Place the house within this Cesium layer.<\/li>\n\n\n\n<li>Create a camera animation that zooms out to capture the entire scene.<\/li>\n\n\n\n<li>This is a <a href=\"https:\/\/youtu.be\/TbHCvAo-aGg?si=HPlkuSLw-4JTl48G\">step by step guide<\/a> that will help you to integrate Cesium with Unreal.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Step 5: Merging the Videos in Adobe Premiere<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Import both video parts into Adobe Premiere.<\/li>\n\n\n\n<li>Arrange them on the timeline to ensure a smooth transition from the Unreal-rendered scene to the Cesium scene.<\/li>\n\n\n\n<li>Apply any necessary video editing, transitions, or effects to enhance the final product.<\/li>\n<\/ul>\n\n\n\n<p>By following these steps, you can create a visually stunning animation that seamlessly combines the power of Twinmotion, Unreal, and Cesium, showcasing your architectural or design creations in an engaging way.&nbsp;<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-default\" \/>\n\n\n\n<p><strong>Credit:<\/strong> <a href=\"http:\/\/www.linkedin.com\/in\/mariasi\">Maria Sanchez Isaza<\/a> | <a href=\"https:\/\/www.tosolini.com\/\">Paolo Tosolini<\/a><br>In collaboration with the NW EDU Network<br><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-default\" \/>\n\n\n\n<div class=\"wp-block-mayflower-blocks-row row\">\n<div class=\"wp-block-mayflower-blocks-column col-md\"><\/div>\n\n\n\n<div class=\"wp-block-mayflower-blocks-column col-md\"><\/div>\n\n\n\n<div class=\"wp-block-mayflower-blocks-column col-md\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Animation has the power to bring your architectural designs to life. Our latest interior design visualization experiment focuses on the journey from the intimate details of interior furnishings to the broader urban context in which a house resides. In this blog post, we'll walk you through the process of creating a captivating animation using Twinmotion, <a class=\"read-more\" href=\"https:\/\/www.bellevuecollege.edu\/xrlab\/2023\/11\/22\/creating-stunning-interior-design-animation-with-twin-motion-and-cesium-for-unreal\/\">...more about Creating Stunning Interior Design Animation with Twin motion and Cesium for Unreal<\/a><\/p>\n","protected":false},"author":148,"featured_media":1624,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[1],"tags":[],"class_list":["post-1622","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.bellevuecollege.edu\/xrlab\/wp-json\/wp\/v2\/posts\/1622","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bellevuecollege.edu\/xrlab\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bellevuecollege.edu\/xrlab\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bellevuecollege.edu\/xrlab\/wp-json\/wp\/v2\/users\/148"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bellevuecollege.edu\/xrlab\/wp-json\/wp\/v2\/comments?post=1622"}],"version-history":[{"count":6,"href":"https:\/\/www.bellevuecollege.edu\/xrlab\/wp-json\/wp\/v2\/posts\/1622\/revisions"}],"predecessor-version":[{"id":1646,"href":"https:\/\/www.bellevuecollege.edu\/xrlab\/wp-json\/wp\/v2\/posts\/1622\/revisions\/1646"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bellevuecollege.edu\/xrlab\/wp-json\/wp\/v2\/media\/1624"}],"wp:attachment":[{"href":"https:\/\/www.bellevuecollege.edu\/xrlab\/wp-json\/wp\/v2\/media?parent=1622"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bellevuecollege.edu\/xrlab\/wp-json\/wp\/v2\/categories?post=1622"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bellevuecollege.edu\/xrlab\/wp-json\/wp\/v2\/tags?post=1622"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}